@salutejs/plasma-web 1.587.1-canary.2083.16287126899.0 → 1.587.1-canary.2088.16343471540.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 (42) 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/Drawer/Drawer.d.ts +1 -1
  8. package/components/IconButton/IconButton.config.d.ts +0 -5
  9. package/components/IconButton/IconButton.config.js +17 -117
  10. package/components/IconButton/IconButton.d.ts +0 -5
  11. package/css/cjs/components/Button/Button.config.js +11 -16
  12. package/css/cjs/components/Button/Button.config.js.map +1 -1
  13. package/css/cjs/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  14. package/css/cjs/components/Button/Button.css +19 -24
  15. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +15 -20
  16. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  17. package/css/cjs/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  18. package/css/cjs/components/ButtonGroup/ButtonGroup.css +22 -27
  19. package/css/cjs/components/IconButton/IconButton.config.js +7 -12
  20. package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  21. package/css/cjs/components/IconButton/IconButton.config_hkswin.css +17 -0
  22. package/css/cjs/components/IconButton/IconButton.css +17 -22
  23. package/css/cjs/index.css +62 -77
  24. package/css/es/components/Button/Button.config.js +11 -16
  25. package/css/es/components/Button/Button.config.js.map +1 -1
  26. package/css/es/components/Button/{Button.config_13z97iv.css → Button.config_xfxked.css} +7 -12
  27. package/css/es/components/Button/Button.css +19 -24
  28. package/css/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
  29. package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  30. package/css/es/components/ButtonGroup/{ButtonGroup.config_nvojq8.css → ButtonGroup.config_lzpvcu.css} +10 -15
  31. package/css/es/components/ButtonGroup/ButtonGroup.css +22 -27
  32. package/css/es/components/IconButton/IconButton.config.js +7 -12
  33. package/css/es/components/IconButton/IconButton.config.js.map +1 -1
  34. package/css/es/components/IconButton/IconButton.config_hkswin.css +17 -0
  35. package/css/es/components/IconButton/IconButton.css +17 -22
  36. package/css/es/index.css +62 -77
  37. package/es/components/Button/Button.config.js +29 -144
  38. package/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
  39. package/es/components/IconButton/IconButton.config.js +17 -117
  40. package/package.json +3 -3
  41. package/css/cjs/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
  42. package/css/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
@@ -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.2083.16287126899.0",
3
+ "version": "1.587.1-canary.2088.16343471540.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.2083.16287126899.0",
24
+ "@salutejs/plasma-new-hope": "0.329.1-canary.2088.16343471540.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": "3063791ea908dc97894f9ee4f7fb9861691edba8"
114
+ "gitHead": "9a91eceb2a11726c56e51d3a941c608d2f0ad53b"
115
115
  }
@@ -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);}
@@ -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);}