@salutejs/sdds-serv 0.316.1-canary.2078.16193701703.0 → 0.316.1-canary.2079.16199559995.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 +0 -5
  2. package/components/Button/Button.config.js +11 -16
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
  5. package/components/Button/Button.css +18 -23
  6. package/components/Button/Button.d.ts +0 -10
  7. package/components/IconButton/IconButton.config.d.ts +0 -5
  8. package/components/IconButton/IconButton.config.js +7 -12
  9. package/components/IconButton/IconButton.config.js.map +1 -1
  10. package/components/IconButton/IconButton.config_hkswin.css +17 -0
  11. package/components/IconButton/IconButton.css +17 -22
  12. package/components/IconButton/IconButton.d.ts +0 -5
  13. package/emotion/cjs/components/Button/Button.config.js +29 -144
  14. package/emotion/cjs/components/IconButton/IconButton.config.js +17 -117
  15. package/emotion/es/components/Button/Button.config.js +29 -144
  16. package/emotion/es/components/IconButton/IconButton.config.js +17 -117
  17. package/es/components/Button/Button.config.js +11 -16
  18. package/es/components/Button/Button.config.js.map +1 -1
  19. package/es/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
  20. package/es/components/Button/Button.css +18 -23
  21. package/es/components/IconButton/IconButton.config.js +7 -12
  22. package/es/components/IconButton/IconButton.config.js.map +1 -1
  23. package/es/components/IconButton/IconButton.config_hkswin.css +17 -0
  24. package/es/components/IconButton/IconButton.css +17 -22
  25. package/es/index.css +35 -45
  26. package/package.json +4 -4
  27. package/styled-components/cjs/components/Button/Button.config.js +29 -144
  28. package/styled-components/cjs/components/IconButton/IconButton.config.js +17 -117
  29. package/styled-components/es/components/Button/Button.config.js +29 -144
  30. package/styled-components/es/components/IconButton/IconButton.config.js +17 -117
  31. package/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
  32. package/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
package/emotion/es/components/Button/Button.config.js CHANGED
@@ -193,28 +193,6 @@ function _templateObject10() {
193
193
  return data;
194
194
  }
195
195
  function _templateObject11() {
196
- var data = _tagged_template_literal([
197
- "\n ",
198
- ": 4rem;\n ",
199
- ": 12.5rem;\n ",
200
- ": var(--plasma-typo-body-l-font-family);\n ",
201
- ": var(--plasma-typo-body-l-font-size);\n ",
202
- ": var(--plasma-typo-body-l-font-style);\n ",
203
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
204
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
205
- ": var(--plasma-typo-body-l-line-height);\n\n ",
206
- ": 1.5rem;\n ",
207
- ": inherit;\n\n ",
208
- ": 0 0.625rem 0 0;\n ",
209
- ": 0 0 0 0.625rem;\n ",
210
- ": 0 0 0 0.25rem;\n "
211
- ]);
212
- _templateObject11 = function _templateObject() {
213
- return data;
214
- };
215
- return data;
216
- }
217
- function _templateObject12() {
218
196
  var data = _tagged_template_literal([
219
197
  "\n ",
220
198
  ": 3.5rem;\n ",
@@ -233,34 +211,12 @@ function _templateObject12() {
233
211
  ": 0 -0.125rem 0 0.5rem;\n ",
234
212
  ": 0 0 0 0.25rem;\n "
235
213
  ]);
236
- _templateObject12 = function _templateObject() {
237
- return data;
238
- };
239
- return data;
240
- }
241
- function _templateObject13() {
242
- var data = _tagged_template_literal([
243
- "\n ",
244
- ": 3.5rem;\n ",
245
- ": 12.5rem;\n ",
246
- ": var(--plasma-typo-body-l-font-family);\n ",
247
- ": var(--plasma-typo-body-l-font-size);\n ",
248
- ": var(--plasma-typo-body-l-font-style);\n ",
249
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
250
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
251
- ": var(--plasma-typo-body-l-line-height);\n\n ",
252
- ": 1.375rem;\n ",
253
- ": inherit;\n\n ",
254
- ": 0 0.5rem 0 0;\n ",
255
- ": 0 0 0 0.5rem;\n ",
256
- ": 0 0 0 0.25rem;\n "
257
- ]);
258
- _templateObject13 = function _templateObject() {
214
+ _templateObject11 = function _templateObject() {
259
215
  return data;
260
216
  };
261
217
  return data;
262
218
  }
263
- function _templateObject14() {
219
+ function _templateObject12() {
264
220
  var data = _tagged_template_literal([
265
221
  "\n ",
266
222
  ": 3rem;\n ",
@@ -279,34 +235,12 @@ function _templateObject14() {
279
235
  ": 0 -0.125rem 0 0.375rem;\n ",
280
236
  ": 0 0 0 0.25rem;\n "
281
237
  ]);
282
- _templateObject14 = function _templateObject() {
283
- return data;
284
- };
285
- return data;
286
- }
287
- function _templateObject15() {
288
- var data = _tagged_template_literal([
289
- "\n ",
290
- ": 3rem;\n ",
291
- ": 11.25rem;\n ",
292
- ": var(--plasma-typo-body-m-font-family);\n ",
293
- ": var(--plasma-typo-body-m-font-size);\n ",
294
- ": var(--plasma-typo-body-m-font-style);\n ",
295
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
296
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
297
- ": var(--plasma-typo-body-m-line-height);\n\n ",
298
- ": 1.375rem;\n ",
299
- ": inherit;\n\n ",
300
- ": 0 0.375rem 0 0;\n ",
301
- ": 0 0 0 0.375rem;\n ",
302
- ": 0 0 0 0.25rem;\n "
303
- ]);
304
- _templateObject15 = function _templateObject() {
238
+ _templateObject12 = function _templateObject() {
305
239
  return data;
306
240
  };
307
241
  return data;
308
242
  }
309
- function _templateObject16() {
243
+ function _templateObject13() {
310
244
  var data = _tagged_template_literal([
311
245
  "\n ",
312
246
  ": 2.5rem;\n ",
@@ -325,34 +259,12 @@ function _templateObject16() {
325
259
  ": 0 -0.125rem 0 0.25rem;\n ",
326
260
  ": 0 0 0 0.25rem;\n "
327
261
  ]);
328
- _templateObject16 = function _templateObject() {
329
- return data;
330
- };
331
- return data;
332
- }
333
- function _templateObject17() {
334
- var data = _tagged_template_literal([
335
- "\n ",
336
- ": 2.5rem;\n ",
337
- ": 11.25rem;\n ",
338
- ": var(--plasma-typo-body-s-font-family);\n ",
339
- ": var(--plasma-typo-body-s-font-size);\n ",
340
- ": var(--plasma-typo-body-s-font-style);\n ",
341
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
342
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
343
- ": var(--plasma-typo-body-s-line-height);\n\n ",
344
- ": 1.375rem;\n ",
345
- ": inherit;\n\n ",
346
- ": 0 0.25rem 0 0;\n ",
347
- ": 0 0 0 0.25rem;\n ",
348
- ": 0 0 0 0.25rem;\n "
349
- ]);
350
- _templateObject17 = function _templateObject() {
262
+ _templateObject13 = function _templateObject() {
351
263
  return data;
352
264
  };
353
265
  return data;
354
266
  }
355
- function _templateObject18() {
267
+ function _templateObject14() {
356
268
  var data = _tagged_template_literal([
357
269
  "\n ",
358
270
  ": 2rem;\n ",
@@ -371,34 +283,12 @@ function _templateObject18() {
371
283
  ": 0 -0.125rem 0 0.25rem;\n ",
372
284
  ": 0 0 0 0.25rem;\n "
373
285
  ]);
374
- _templateObject18 = function _templateObject() {
375
- return data;
376
- };
377
- return data;
378
- }
379
- function _templateObject19() {
380
- var data = _tagged_template_literal([
381
- "\n ",
382
- ": 2rem;\n ",
383
- ": 10rem;\n ",
384
- ": var(--plasma-typo-body-xs-font-family);\n ",
385
- ": var(--plasma-typo-body-xs-font-size);\n ",
386
- ": var(--plasma-typo-body-xs-font-style);\n ",
387
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
388
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
389
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
390
- ": 1rem;\n ",
391
- ": inherit;\n\n ",
392
- ": 0 0.25rem 0 0;\n ",
393
- ": 0 0 0 0.25rem;\n ",
394
- ": 0 0 0 0.25rem;\n "
395
- ]);
396
- _templateObject19 = function _templateObject() {
286
+ _templateObject14 = function _templateObject() {
397
287
  return data;
398
288
  };
399
289
  return data;
400
290
  }
401
- function _templateObject20() {
291
+ function _templateObject15() {
402
292
  var data = _tagged_template_literal([
403
293
  "\n ",
404
294
  ": 1.5rem;\n ",
@@ -417,54 +307,54 @@ function _templateObject20() {
417
307
  ": 0 -0.125rem 0 0.25rem;\n ",
418
308
  ": 0 0 0 0.25rem;\n "
419
309
  ]);
420
- _templateObject20 = function _templateObject() {
310
+ _templateObject15 = function _templateObject() {
421
311
  return data;
422
312
  };
423
313
  return data;
424
314
  }
425
- function _templateObject21() {
315
+ function _templateObject16() {
426
316
  var data = _tagged_template_literal([
427
317
  "\n ",
428
318
  ": 0.4;\n "
429
319
  ]);
430
- _templateObject21 = function _templateObject() {
320
+ _templateObject16 = function _templateObject() {
431
321
  return data;
432
322
  };
433
323
  return data;
434
324
  }
435
- function _templateObject22() {
325
+ function _templateObject17() {
436
326
  var data = _tagged_template_literal([
437
327
  "\n ",
438
328
  ": var(--surface-accent);\n "
439
329
  ]);
440
- _templateObject22 = function _templateObject() {
330
+ _templateObject17 = function _templateObject() {
441
331
  return data;
442
332
  };
443
333
  return data;
444
334
  }
445
- function _templateObject23() {
335
+ function _templateObject18() {
446
336
  var data = _tagged_template_literal([
447
337
  ""
448
338
  ]);
449
- _templateObject23 = function _templateObject() {
339
+ _templateObject18 = function _templateObject() {
450
340
  return data;
451
341
  };
452
342
  return data;
453
343
  }
454
- function _templateObject24() {
344
+ function _templateObject19() {
455
345
  var data = _tagged_template_literal([
456
346
  ""
457
347
  ]);
458
- _templateObject24 = function _templateObject() {
348
+ _templateObject19 = function _templateObject() {
459
349
  return data;
460
350
  };
461
351
  return data;
462
352
  }
463
- function _templateObject25() {
353
+ function _templateObject20() {
464
354
  var data = _tagged_template_literal([
465
355
  ""
466
356
  ]);
467
- _templateObject25 = function _templateObject() {
357
+ _templateObject20 = function _templateObject() {
468
358
  return data;
469
359
  };
470
360
  return data;
@@ -491,27 +381,22 @@ export var config = {
491
381
  },
492
382
  size: {
493
383
  xl: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
494
- xlr: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
495
- l: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
496
- lr: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
497
- m: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
498
- mr: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
499
- s: css(_templateObject16(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
500
- sr: css(_templateObject17(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
501
- xs: css(_templateObject18(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
502
- xsr: css(_templateObject19(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
503
- xxs: css(_templateObject20(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
384
+ l: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
385
+ m: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
386
+ s: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
387
+ xs: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin),
388
+ xxs: css(_templateObject15(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin)
504
389
  },
505
390
  disabled: {
506
- true: css(_templateObject21(), buttonTokens.buttonDisabledOpacity)
391
+ true: css(_templateObject16(), buttonTokens.buttonDisabledOpacity)
507
392
  },
508
393
  focused: {
509
- true: css(_templateObject22(), buttonTokens.buttonFocusColor)
394
+ true: css(_templateObject17(), buttonTokens.buttonFocusColor)
510
395
  },
511
396
  stretching: {
512
- auto: css(_templateObject23()),
513
- filled: css(_templateObject24()),
514
- fixed: css(_templateObject25())
397
+ auto: css(_templateObject18()),
398
+ filled: css(_templateObject19()),
399
+ fixed: css(_templateObject20())
515
400
  }
516
401
  }
517
402
  };
package/emotion/es/components/IconButton/IconButton.config.js CHANGED
@@ -180,25 +180,6 @@ function _templateObject10() {
180
180
  return data;
181
181
  }
182
182
  function _templateObject11() {
183
- var data = _tagged_template_literal([
184
- "\n ",
185
- ": 4rem;\n ",
186
- ": 4rem;\n ",
187
- ": var(--plasma-typo-body-l-font-family);\n ",
188
- ": var(--plasma-typo-body-l-font-size);\n ",
189
- ": var(--plasma-typo-body-l-font-style);\n ",
190
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
191
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
192
- ": var(--plasma-typo-body-l-line-height);\n\n ",
193
- ": 1.5rem;\n ",
194
- ": inherit;\n "
195
- ]);
196
- _templateObject11 = function _templateObject() {
197
- return data;
198
- };
199
- return data;
200
- }
201
- function _templateObject12() {
202
183
  var data = _tagged_template_literal([
203
184
  "\n ",
204
185
  ": 3.5rem;\n ",
@@ -214,31 +195,12 @@ function _templateObject12() {
214
195
  ": 1.375rem;\n ",
215
196
  ": inherit;\n "
216
197
  ]);
217
- _templateObject12 = function _templateObject() {
218
- return data;
219
- };
220
- return data;
221
- }
222
- function _templateObject13() {
223
- var data = _tagged_template_literal([
224
- "\n ",
225
- ": 3.5rem;\n ",
226
- ": 3.5rem;\n ",
227
- ": var(--plasma-typo-body-l-font-family);\n ",
228
- ": var(--plasma-typo-body-l-font-size);\n ",
229
- ": var(--plasma-typo-body-l-font-style);\n ",
230
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
231
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
232
- ": var(--plasma-typo-body-l-line-height);\n\n ",
233
- ": 1.375rem;\n ",
234
- ": inherit;\n "
235
- ]);
236
- _templateObject13 = function _templateObject() {
198
+ _templateObject11 = function _templateObject() {
237
199
  return data;
238
200
  };
239
201
  return data;
240
202
  }
241
- function _templateObject14() {
203
+ function _templateObject12() {
242
204
  var data = _tagged_template_literal([
243
205
  "\n ",
244
206
  ": 3rem;\n ",
@@ -254,31 +216,12 @@ function _templateObject14() {
254
216
  ": 1.375rem;\n ",
255
217
  ": inherit;\n "
256
218
  ]);
257
- _templateObject14 = function _templateObject() {
258
- return data;
259
- };
260
- return data;
261
- }
262
- function _templateObject15() {
263
- var data = _tagged_template_literal([
264
- "\n ",
265
- ": 3rem;\n ",
266
- ": 3rem;\n ",
267
- ": var(--plasma-typo-body-m-font-family);\n ",
268
- ": var(--plasma-typo-body-m-font-size);\n ",
269
- ": var(--plasma-typo-body-m-font-style);\n ",
270
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
271
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
272
- ": var(--plasma-typo-body-m-line-height);\n\n ",
273
- ": 1.375rem;\n ",
274
- ": inherit;\n "
275
- ]);
276
- _templateObject15 = function _templateObject() {
219
+ _templateObject12 = function _templateObject() {
277
220
  return data;
278
221
  };
279
222
  return data;
280
223
  }
281
- function _templateObject16() {
224
+ function _templateObject13() {
282
225
  var data = _tagged_template_literal([
283
226
  "\n ",
284
227
  ": 2.5rem;\n ",
@@ -294,31 +237,12 @@ function _templateObject16() {
294
237
  ": 1.375rem;\n ",
295
238
  ": inherit;\n "
296
239
  ]);
297
- _templateObject16 = function _templateObject() {
298
- return data;
299
- };
300
- return data;
301
- }
302
- function _templateObject17() {
303
- var data = _tagged_template_literal([
304
- "\n ",
305
- ": 2.5rem;\n ",
306
- ": 2.5rem;\n ",
307
- ": var(--plasma-typo-body-s-font-family);\n ",
308
- ": var(--plasma-typo-body-s-font-size);\n ",
309
- ": var(--plasma-typo-body-s-font-style);\n ",
310
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
311
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
312
- ": var(--plasma-typo-body-s-line-height);\n\n ",
313
- ": 1.375rem;\n ",
314
- ": inherit;\n "
315
- ]);
316
- _templateObject17 = function _templateObject() {
240
+ _templateObject13 = function _templateObject() {
317
241
  return data;
318
242
  };
319
243
  return data;
320
244
  }
321
- function _templateObject18() {
245
+ function _templateObject14() {
322
246
  var data = _tagged_template_literal([
323
247
  "\n ",
324
248
  ": 2rem;\n ",
@@ -334,46 +258,27 @@ function _templateObject18() {
334
258
  ": 1rem;\n ",
335
259
  ": inherit;\n "
336
260
  ]);
337
- _templateObject18 = function _templateObject() {
338
- return data;
339
- };
340
- return data;
341
- }
342
- function _templateObject19() {
343
- var data = _tagged_template_literal([
344
- "\n ",
345
- ": 2rem;\n ",
346
- ": 2rem;\n ",
347
- ": var(--plasma-typo-body-xs-font-family);\n ",
348
- ": var(--plasma-typo-body-xs-font-size);\n ",
349
- ": var(--plasma-typo-body-xs-font-style);\n ",
350
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
351
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
352
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
353
- ": 1rem;\n ",
354
- ": inherit;\n "
355
- ]);
356
- _templateObject19 = function _templateObject() {
261
+ _templateObject14 = function _templateObject() {
357
262
  return data;
358
263
  };
359
264
  return data;
360
265
  }
361
- function _templateObject20() {
266
+ function _templateObject15() {
362
267
  var data = _tagged_template_literal([
363
268
  "\n ",
364
269
  ": 0.4;\n "
365
270
  ]);
366
- _templateObject20 = function _templateObject() {
271
+ _templateObject15 = function _templateObject() {
367
272
  return data;
368
273
  };
369
274
  return data;
370
275
  }
371
- function _templateObject21() {
276
+ function _templateObject16() {
372
277
  var data = _tagged_template_literal([
373
278
  "\n ",
374
279
  ": var(--surface-accent);\n "
375
280
  ]);
376
- _templateObject21 = function _templateObject() {
281
+ _templateObject16 = function _templateObject() {
377
282
  return data;
378
283
  };
379
284
  return data;
@@ -400,21 +305,16 @@ export var config = {
400
305
  },
401
306
  size: {
402
307
  xl: css(_templateObject10(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
403
- xlr: css(_templateObject11(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
404
- l: css(_templateObject12(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
405
- lr: css(_templateObject13(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
406
- m: css(_templateObject14(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
407
- mr: css(_templateObject15(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
408
- s: css(_templateObject16(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
409
- sr: css(_templateObject17(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
410
- xs: css(_templateObject18(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
411
- xsr: css(_templateObject19(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
308
+ l: css(_templateObject11(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
309
+ m: css(_templateObject12(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
310
+ s: css(_templateObject13(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
311
+ xs: css(_templateObject14(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
412
312
  },
413
313
  disabled: {
414
- true: css(_templateObject20(), iconButtonTokens.iconButtonDisabledOpacity)
314
+ true: css(_templateObject15(), iconButtonTokens.iconButtonDisabledOpacity)
415
315
  },
416
316
  focused: {
417
- true: css(_templateObject21(), iconButtonTokens.iconButtonFocusColor)
317
+ true: css(_templateObject16(), iconButtonTokens.iconButtonFocusColor)
418
318
  }
419
319
  }
420
320
  };
package/es/components/Button/Button.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './Button.config_on7zvi.css';
1
+ import './Button.config_1pqzykz.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -20,27 +20,22 @@ var config = {
20
20
  },
21
21
  size: {
22
22
  xl: "x1toqou7",
23
- xlr: "xy229gi",
24
- l: "l1joiaye",
25
- lr: "l1i1eza5",
26
- m: "m1r1gaby",
27
- mr: "mqhwg07",
28
- s: "s1bf1tsb",
29
- sr: "s1ca3q6l",
30
- xs: "xrk6508",
31
- xsr: "x2s1r71",
32
- xxs: "xf053fi"
23
+ l: "ly229gi",
24
+ m: "m1joiaye",
25
+ s: "s1i1eza5",
26
+ xs: "x1r1gaby",
27
+ xxs: "xqhwg07"
33
28
  },
34
29
  disabled: {
35
- "true": "t17x5rnm"
30
+ "true": "t1bf1tsb"
36
31
  },
37
32
  focused: {
38
- "true": "tppmfmz"
33
+ "true": "t1ca3q6l"
39
34
  },
40
35
  stretching: {
41
- auto: "aaa8u42",
42
- filled: "f1y67d5i",
43
- fixed: "f1vaux9i"
36
+ auto: "ark6508",
37
+ filled: "f2s1r71",
38
+ fixed: "ff053fi"
44
39
  }
45
40
  }
46
41
  };
package/es/components/Button/Button.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xlr: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDzB,IAAAA,OAAO,EAAE;MACLyB,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,UAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Button.config.js","sources":["../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}