@salutejs/plasma-web 1.587.1-canary.2082.16264269696.0 → 1.587.1-canary.2088.16342669110.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 (52) hide show
  1. package/components/Button/Button.config.d.ts +0 -5
  2. package/components/Button/Button.config.js +29 -144
  3. package/components/Button/Button.d.ts +0 -5
  4. package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
  5. package/components/ButtonGroup/ButtonGroup.config.js +41 -142
  6. package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
  7. package/components/Chip/Chip.config.js +6 -18
  8. package/components/Drawer/Drawer.d.ts +1 -1
  9. package/components/IconButton/IconButton.config.d.ts +0 -5
  10. package/components/IconButton/IconButton.config.js +17 -117
  11. package/components/IconButton/IconButton.d.ts +0 -5
  12. package/css/cjs/components/Button/Button.config.js +11 -16
  13. package/css/cjs/components/Button/Button.config.js.map +1 -1
  14. package/css/cjs/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  15. package/css/cjs/components/Button/Button.css +19 -24
  16. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +15 -20
  17. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  18. package/css/cjs/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  19. package/css/cjs/components/ButtonGroup/ButtonGroup.css +22 -27
  20. package/css/cjs/components/Chip/Chip.config.js +1 -1
  21. package/css/cjs/components/Chip/Chip.config.js.map +1 -1
  22. package/css/{es/components/Chip/Chip.config_ilitfu.css → cjs/components/Chip/Chip.config_ckpos3.css} +6 -6
  23. package/css/cjs/components/Chip/Chip.css +13 -13
  24. package/css/cjs/components/IconButton/IconButton.config.js +7 -12
  25. package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  26. package/css/cjs/components/IconButton/IconButton.config_hkswin.css +17 -0
  27. package/css/cjs/components/IconButton/IconButton.css +17 -22
  28. package/css/cjs/index.css +75 -90
  29. package/css/es/components/Button/Button.config.js +11 -16
  30. package/css/es/components/Button/Button.config.js.map +1 -1
  31. package/css/es/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  32. package/css/es/components/Button/Button.css +19 -24
  33. package/css/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
  34. package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  35. package/css/es/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  36. package/css/es/components/ButtonGroup/ButtonGroup.css +22 -27
  37. package/css/es/components/Chip/Chip.config.js +1 -1
  38. package/css/es/components/Chip/Chip.config.js.map +1 -1
  39. package/css/{cjs/components/Chip/Chip.config_ilitfu.css → es/components/Chip/Chip.config_ckpos3.css} +6 -6
  40. package/css/es/components/Chip/Chip.css +13 -13
  41. package/css/es/components/IconButton/IconButton.config.js +7 -12
  42. package/css/es/components/IconButton/IconButton.config.js.map +1 -1
  43. package/css/es/components/IconButton/IconButton.config_hkswin.css +17 -0
  44. package/css/es/components/IconButton/IconButton.css +17 -22
  45. package/css/es/index.css +75 -90
  46. package/es/components/Button/Button.config.js +29 -144
  47. package/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
  48. package/es/components/Chip/Chip.config.js +6 -18
  49. package/es/components/IconButton/IconButton.config.js +17 -117
  50. package/package.json +3 -3
  51. package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
  52. package/css/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
package/es/components/Chip/Chip.config.js CHANGED
@@ -20,8 +20,6 @@ function _templateObject() {
20
20
  ": var(--surface-solid-default);\n ",
21
21
  ": var(--inverse-text-primary);\n ",
22
22
  ": var(--surface-solid-default);\n ",
23
- ": var(--inverse-text-primary);\n\n ",
24
- ": var(--inverse-text-secondary);\n ",
25
23
  ": var(--inverse-text-primary);\n "
26
24
  ]);
27
25
  _templateObject = function _templateObject() {
@@ -60,8 +58,6 @@ function _templateObject2() {
60
58
  ": var(--surface-transparent-secondary);\n ",
61
59
  ": var(--text-primary);\n ",
62
60
  ": var(--surface-transparent-secondary);\n ",
63
- ": var(--text-primary);\n\n ",
64
- ": var(--text-secondary);\n ",
65
61
  ": var(--text-primary);\n "
66
62
  ]);
67
63
  _templateObject2 = function _templateObject() {
@@ -81,8 +77,6 @@ function _templateObject3() {
81
77
  ": var(--surface-accent);\n ",
82
78
  ": var(--on-dark-text-primary);\n ",
83
79
  ": var(--surface-accent);\n ",
84
- ": var(--on-dark-text-primary);\n\n ",
85
- ": var(--on-dark-text-secondary);\n ",
86
80
  ": var(--on-dark-text-primary);\n "
87
81
  ]);
88
82
  _templateObject3 = function _templateObject() {
@@ -102,8 +96,6 @@ function _templateObject4() {
102
96
  ": var(--surface-positive);\n ",
103
97
  ": var(--on-dark-text-primary);\n ",
104
98
  ": var(--surface-positive);\n ",
105
- ": var(--on-dark-text-primary);\n\n ",
106
- ": var(--on-dark-text-secondary);\n ",
107
99
  ": var(--on-dark-text-primary);\n "
108
100
  ]);
109
101
  _templateObject4 = function _templateObject() {
@@ -123,8 +115,6 @@ function _templateObject5() {
123
115
  ": var(--surface-warning);\n ",
124
116
  ": var(--on-dark-text-primary);\n ",
125
117
  ": var(--surface-warning);\n ",
126
- ": var(--on-dark-text-primary);\n\n ",
127
- ": var(--on-dark-text-secondary);\n ",
128
118
  ": var(--on-dark-text-primary);\n "
129
119
  ]);
130
120
  _templateObject5 = function _templateObject() {
@@ -144,8 +134,6 @@ function _templateObject6() {
144
134
  ": var(--surface-negative);\n ",
145
135
  ": var(--on-dark-text-primary);\n ",
146
136
  ": var(--surface-negative);\n ",
147
- ": var(--on-dark-text-primary);\n\n ",
148
- ": var(--on-dark-text-secondary);\n ",
149
137
  ": var(--on-dark-text-primary);\n "
150
138
  ]);
151
139
  _templateObject6 = function _templateObject() {
@@ -299,16 +287,16 @@ export var config = {
299
287
  },
300
288
  variations: {
301
289
  view: {
302
- default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
290
+ default: css(_templateObject(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
303
291
  /**
304
292
  * @deprecated
305
293
  * использовать `default`
306
294
  */ primary: css(_templateObject1(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
307
- secondary: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
308
- accent: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
309
- positive: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
310
- warning: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor),
311
- negative: css(_templateObject6(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover, chipTokens.closeIconColor, chipTokens.leftContentColor)
295
+ secondary: css(_templateObject2(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
296
+ accent: css(_templateObject3(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
297
+ positive: css(_templateObject4(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
298
+ warning: css(_templateObject5(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover),
299
+ negative: css(_templateObject6(), chipTokens.color, chipTokens.background, chipTokens.colorHover, chipTokens.backgroundHover, chipTokens.colorActive, chipTokens.backgroundActive, chipTokens.backgroundReadOnly, chipTokens.colorReadOnly, chipTokens.backgroundReadOnlyHover, chipTokens.colorReadOnlyHover)
312
300
  },
313
301
  size: {
314
302
  l: css(_templateObject7(), chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.scaleHover, chipTokens.scaleActive, chipTokens.closeIconSize),
package/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.587.1-canary.2082.16264269696.0",
3
+ "version": "1.587.1-canary.2088.16342669110.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,7 +21,7 @@
21
21
  "dependencies": {
22
22
  "@salutejs/plasma-core": "1.201.0",
23
23
  "@salutejs/plasma-hope": "1.346.0",
24
- "@salutejs/plasma-new-hope": "0.329.1-canary.2082.16264269696.0",
24
+ "@salutejs/plasma-new-hope": "0.329.1-canary.2088.16342669110.0",
25
25
  "@salutejs/plasma-themes": "0.34.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.50.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.61.0",
@@ -111,5 +111,5 @@
111
111
  "Fanil Zubairov"
112
112
  ],
113
113
  "sideEffects": false,
114
- "gitHead": "f45d515d68658ef64546b757f639c85d2d8e7d17"
114
+ "gitHead": "f270cf2f7926a4e7360a4b3860ecdde477e4a003"
115
115
  }
package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css DELETED
@@ -1,22 +0,0 @@
1
- .d18ihzhr{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
2
- .asnn66s{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
- .sxdpxpi{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .c1gkv8om{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .svlui54{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
- .w1h4he2a{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
- .crva8ns{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
- .d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
9
- .b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
10
- .w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
11
- .x1dxcd0l{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
12
- .x1dmlkwi{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
13
- .lf24ef4{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
14
- .lc2xiyr{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
15
- .m1gtjmmp{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
16
- .m1sas78d{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
17
- .s1drrr81{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
18
- .sfj8gzo{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
19
- .x1eqxvy4{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
20
- .xjqh1fr{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
21
- .t1wq4idj{--plasma-icon-button-disabled-opacity:0.4;}
22
- .txx4c3m{--plasma-icon-button-focus-color:var(--surface-accent);}
package/css/es/components/IconButton/IconButton.config_1uz2ft1.css DELETED
@@ -1,22 +0,0 @@
1
- .d18ihzhr{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
2
- .asnn66s{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
- .sxdpxpi{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .c1gkv8om{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .svlui54{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
- .w1h4he2a{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
- .crva8ns{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
- .d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
9
- .b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
10
- .w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
11
- .x1dxcd0l{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
12
- .x1dmlkwi{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
13
- .lf24ef4{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
14
- .lc2xiyr{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
15
- .m1gtjmmp{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
16
- .m1sas78d{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
17
- .s1drrr81{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
18
- .sfj8gzo{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
19
- .x1eqxvy4{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
20
- .xjqh1fr{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
21
- .t1wq4idj{--plasma-icon-button-disabled-opacity:0.4;}
22
- .txx4c3m{--plasma-icon-button-focus-color:var(--surface-accent);}