@salutejs/plasma-web 1.483.0-canary.1603.12429271021.0 → 1.483.0-canary.1668.12429393135.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (76) hide show
  1. package/api/plasma-web.api.md +6 -13
  2. package/components/Button/Button.config.d.ts +2 -0
  3. package/components/Button/Button.config.js +17 -15
  4. package/components/Button/Button.d.ts +3 -1
  5. package/components/Button/Button.js +1 -1
  6. package/components/ButtonGroup/ButtonGroup.config.d.ts +2 -0
  7. package/components/ButtonGroup/ButtonGroup.config.js +21 -19
  8. package/components/ButtonGroup/ButtonGroup.d.ts +2 -0
  9. package/components/IconButton/IconButton.config.d.ts +2 -0
  10. package/components/IconButton/IconButton.config.js +13 -11
  11. package/components/IconButton/IconButton.d.ts +2 -0
  12. package/css/cjs/components/Button/Button.config.js +17 -15
  13. package/css/cjs/components/Button/Button.config.js.map +1 -1
  14. package/css/cjs/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
  15. package/css/cjs/components/Button/Button.css +24 -22
  16. package/css/cjs/components/Button/Button.js +1 -1
  17. package/css/cjs/components/Button/Button.js.map +1 -1
  18. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js +21 -19
  19. package/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  20. package/css/{es/components/ButtonGroup/ButtonGroup.config_1pd9i2o.css → cjs/components/ButtonGroup/ButtonGroup.config_nvojq8.css} +16 -14
  21. package/css/cjs/components/ButtonGroup/ButtonGroup.css +27 -25
  22. package/css/cjs/components/IconButton/IconButton.config.js +13 -11
  23. package/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  24. package/css/{es/components/IconButton/IconButton.config_q3zdsy.css → cjs/components/IconButton/IconButton.config_1o8fpqv.css} +12 -10
  25. package/css/cjs/components/IconButton/IconButton.css +22 -20
  26. package/css/cjs/index.css +77 -77
  27. package/css/cjs/index.js +0 -2
  28. package/css/cjs/index.js.map +1 -1
  29. package/css/es/components/Button/Button.config.js +17 -15
  30. package/css/es/components/Button/Button.config.js.map +1 -1
  31. package/css/es/components/Button/{Button.config_1g92cxz.css → Button.config_1p9wq2b.css} +13 -11
  32. package/css/es/components/Button/Button.css +24 -22
  33. package/css/es/components/Button/Button.js +1 -1
  34. package/css/es/components/Button/Button.js.map +1 -1
  35. package/css/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
  36. package/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  37. package/css/{cjs/components/ButtonGroup/ButtonGroup.config_1pd9i2o.css → es/components/ButtonGroup/ButtonGroup.config_nvojq8.css} +16 -14
  38. package/css/es/components/ButtonGroup/ButtonGroup.css +27 -25
  39. package/css/es/components/IconButton/IconButton.config.js +13 -11
  40. package/css/es/components/IconButton/IconButton.config.js.map +1 -1
  41. package/css/{cjs/components/IconButton/IconButton.config_q3zdsy.css → es/components/IconButton/IconButton.config_1o8fpqv.css} +12 -10
  42. package/css/es/components/IconButton/IconButton.css +22 -20
  43. package/css/es/index.css +77 -77
  44. package/css/es/index.js +0 -1
  45. package/css/es/index.js.map +1 -1
  46. package/css/index.d.ts +0 -2
  47. package/es/components/Button/Button.config.js +17 -15
  48. package/es/components/Button/Button.js +1 -1
  49. package/es/components/ButtonGroup/ButtonGroup.config.js +21 -19
  50. package/es/components/IconButton/IconButton.config.js +13 -11
  51. package/es/index.js +1 -2
  52. package/index.d.ts +0 -1
  53. package/index.js +0 -11
  54. package/package.json +3 -3
  55. package/temp/plasma-web.api.md +6 -13
  56. package/components/Tree/Tree.config.d.ts +0 -17
  57. package/components/Tree/Tree.config.js +0 -26
  58. package/components/Tree/Tree.d.ts +0 -12
  59. package/components/Tree/Tree.js +0 -12
  60. package/components/Tree/index.d.ts +0 -1
  61. package/components/Tree/index.js +0 -12
  62. package/css/cjs/components/Tree/Tree.config.js +0 -25
  63. package/css/cjs/components/Tree/Tree.config.js.map +0 -1
  64. package/css/cjs/components/Tree/Tree.config_1adspmr.css +0 -5
  65. package/css/cjs/components/Tree/Tree.css +0 -5
  66. package/css/cjs/components/Tree/Tree.js +0 -14
  67. package/css/cjs/components/Tree/Tree.js.map +0 -1
  68. package/css/es/components/Tree/Tree.config.js +0 -21
  69. package/css/es/components/Tree/Tree.config.js.map +0 -1
  70. package/css/es/components/Tree/Tree.config_1adspmr.css +0 -5
  71. package/css/es/components/Tree/Tree.css +0 -5
  72. package/css/es/components/Tree/Tree.js +0 -10
  73. package/css/es/components/Tree/Tree.js.map +0 -1
  74. package/es/components/Tree/Tree.config.js +0 -20
  75. package/es/components/Tree/Tree.js +0 -7
  76. package/es/components/Tree/index.js +0 -1
package/css/es/components/ButtonGroup/ButtonGroup.css CHANGED
@@ -1,28 +1,30 @@
1
- .ButtonGroup_config_1pd9i2o_d1n1yjnm__1854607c{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
2
- .ButtonGroup_config_1pd9i2o_pqck75c__1854607c{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
3
- .ButtonGroup_config_1pd9i2o_az65cne__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
4
- .ButtonGroup_config_1pd9i2o_s5fo1by__1854607c{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
5
- .ButtonGroup_config_1pd9i2o_covvipf__1854607c{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
6
- .ButtonGroup_config_1pd9i2o_s1tax4m1__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
7
- .ButtonGroup_config_1pd9i2o_w1k2o0xu__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
8
- .ButtonGroup_config_1pd9i2o_c2bys7z__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
9
- .ButtonGroup_config_1pd9i2o_dp70rs0__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
10
- .ButtonGroup_config_1pd9i2o_bmie5p2__1854607c{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
11
- .ButtonGroup_config_1pd9i2o_w1g3omzu__1854607c{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
12
- .ButtonGroup_config_1pd9i2o_l1116k6l__1854607c{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
13
- .ButtonGroup_config_1pd9i2o_l15t0nuq__1854607c{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
14
- .ButtonGroup_config_1pd9i2o_m316r83__1854607c{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
15
- .ButtonGroup_config_1pd9i2o_mzu697__1854607c.ButtonGroup_config_1pd9i2o_buttonGroupShapeSegmented__1854607c{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
16
- .ButtonGroup_config_1pd9i2o_s16bzis9__1854607c{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
17
- .ButtonGroup_config_1pd9i2o_s97067l__1854607c{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
18
- .ButtonGroup_config_1pd9i2o_x1xcwbx9__1854607c{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
19
- .ButtonGroup_config_1pd9i2o_x1fuvc6m__1854607c{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
20
- .ButtonGroup_config_1pd9i2o_xsjqy1i__1854607c{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
21
- .ButtonGroup_config_1pd9i2o_hmgmq8o__1854607c{--plasma-button-group-orientation:row;}
22
- .ButtonGroup_config_1pd9i2o_v1udxooc__1854607c{--plasma-button-group-orientation:column;}
23
- .ButtonGroup_config_1pd9i2o_nbb1ace__1854607c{--plasma-button-group-items-gap:0;}
24
- .ButtonGroup_config_1pd9i2o_dnyer5h__1854607c{--plasma-button-group-items-gap:0.125rem;}
25
- .ButtonGroup_config_1pd9i2o_w1g2rt4j__1854607c{--plasma-button-group-items-gap:0.5rem;}
1
+ .ButtonGroup_config_nvojq8_d1n1yjnm__f1fab499{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
2
+ .ButtonGroup_config_nvojq8_pqck75c__f1fab499{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
3
+ .ButtonGroup_config_nvojq8_az65cne__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
4
+ .ButtonGroup_config_nvojq8_s5fo1by__f1fab499{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
5
+ .ButtonGroup_config_nvojq8_covvipf__f1fab499{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
6
+ .ButtonGroup_config_nvojq8_s1tax4m1__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
7
+ .ButtonGroup_config_nvojq8_w1k2o0xu__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
8
+ .ButtonGroup_config_nvojq8_c2bys7z__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
9
+ .ButtonGroup_config_nvojq8_dp70rs0__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
10
+ .ButtonGroup_config_nvojq8_bmie5p2__f1fab499{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
11
+ .ButtonGroup_config_nvojq8_w1g3omzu__f1fab499{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
12
+ .ButtonGroup_config_nvojq8_x1116k6l__f1fab499{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
13
+ .ButtonGroup_config_nvojq8_x15t0nuq__f1fab499{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
14
+ .ButtonGroup_config_nvojq8_l316r83__f1fab499{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
15
+ .ButtonGroup_config_nvojq8_lzu697__f1fab499{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
16
+ .ButtonGroup_config_nvojq8_m16bzis9__f1fab499{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
17
+ .ButtonGroup_config_nvojq8_m97067l__f1fab499.ButtonGroup_config_nvojq8_buttonGroupShapeSegmented__f1fab499{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
18
+ .ButtonGroup_config_nvojq8_s1xcwbx9__f1fab499{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
19
+ .ButtonGroup_config_nvojq8_s1fuvc6m__f1fab499{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
20
+ .ButtonGroup_config_nvojq8_xsjqy1i__f1fab499{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
21
+ .ButtonGroup_config_nvojq8_xmgmq8o__f1fab499{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
22
+ .ButtonGroup_config_nvojq8_x1udxooc__f1fab499{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
23
+ .ButtonGroup_config_nvojq8_hbb1ace__f1fab499{--plasma-button-group-orientation:row;}
24
+ .ButtonGroup_config_nvojq8_vnyer5h__f1fab499{--plasma-button-group-orientation:column;}
25
+ .ButtonGroup_config_nvojq8_n1g2rt4j__f1fab499{--plasma-button-group-items-gap:0;}
26
+ .ButtonGroup_config_nvojq8_d1xdd6tf__f1fab499{--plasma-button-group-items-gap:0.125rem;}
27
+ .ButtonGroup_config_nvojq8_w1qv9uf__f1fab499{--plasma-button-group-items-gap:0.5rem;}
26
28
 
27
29
 
28
30
 
package/css/es/components/IconButton/IconButton.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IconButton.config_q3zdsy.css';
1
+ import './IconButton.config_1o8fpqv.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -19,20 +19,22 @@ var config = {
19
19
  white: "w1bgiggf"
20
20
  },
21
21
  size: {
22
- l: "l1dxcd0l",
23
- lr: "l1dmlkwi",
24
- m: "mf24ef4",
25
- mr: "mc2xiyr",
26
- s: "s1gtjmmp",
27
- sr: "s1sas78d",
28
- xs: "x1drrr81",
29
- xsr: "xfj8gzo"
22
+ xl: "x1dxcd0l",
23
+ xlr: "x1dmlkwi",
24
+ l: "lf24ef4",
25
+ lr: "lc2xiyr",
26
+ m: "m1gtjmmp",
27
+ mr: "m1sas78d",
28
+ s: "s1drrr81",
29
+ sr: "sfj8gzo",
30
+ xs: "x1eqxvy4",
31
+ xsr: "xjqh1fr"
30
32
  },
31
33
  disabled: {
32
- "true": "t1eqxvy4"
34
+ "true": "t1wq4idj"
33
35
  },
34
36
  focused: {
35
- "true": "tjqh1fr"
37
+ "true": "txx4c3m"
36
38
  }
37
39
  }
38
40
  };
package/css/es/components/IconButton/IconButton.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.js","sources":["../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } 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 ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${iconButtonTokens.iconButtonColorActive}: var(--text-primary-active);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n lr: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n mr: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n sr: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xsr: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","l","lr","m","mr","s","sr","xs","xsr","disabled","true"],"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,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;AACDC,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAaN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDtB,IAAAA,OAAO,EAAE;MACLsB,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"IconButton.config.js","sources":["../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } 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 ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--text-primary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-clear);\n ${iconButtonTokens.iconButtonColorActive}: var(--text-primary-active);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonPadding}: 1.75rem;\n ${iconButtonTokens.iconButtonRadius}: 1rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xlr: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n lr: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n mr: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n sr: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xsr: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\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","disabled","true"],"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,EAQC,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,SAAS,EAQR,SAAA;AACDC,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,OAAO,EAQN,SAAA;AACDC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAQJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAaN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDxB,IAAAA,OAAO,EAAE;MACLwB,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/css/{cjs/components/IconButton/IconButton.config_q3zdsy.css → es/components/IconButton/IconButton.config_1o8fpqv.css} RENAMED
@@ -8,13 +8,15 @@
8
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);--plasma-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
9
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);--plasma-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-solid-default-active);}
10
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-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);--plasma-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);}
11
- .l1dxcd0l{--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;}
12
- .l1dmlkwi{--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;}
13
- .mf24ef4{--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;}
14
- .mc2xiyr{--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;}
15
- .s1gtjmmp{--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;}
16
- .s1sas78d{--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;}
17
- .x1drrr81{--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;}
18
- .xfj8gzo{--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;}
19
- .t1eqxvy4{--plasma-icon-button-disabled-opacity:0.4;}
20
- .tjqh1fr{--plasma-icon-button-focus-color:var(--surface-accent);}
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.css CHANGED
@@ -1,20 +1,22 @@
1
- .IconButton_config_q3zdsy_d18ihzhr__4179df50{--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);--plasma-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-icon-button-color-active:var(--inverse-text-primary);--plasma-icon-button-background-color-active:var(--surface-solid-default-active);}
2
- .IconButton_config_q3zdsy_asnn66s__4179df50{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
- .IconButton_config_q3zdsy_sxdpxpi__4179df50{--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-color-hover:var(--text-primary);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-color-active:var(--text-primary);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .IconButton_config_q3zdsy_c1gkv8om__4179df50{--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-color-hover:var(--text-primary-hover);--plasma-icon-button-background-color-hover:var(--surface-clear);--plasma-icon-button-color-active:var(--text-primary-active);--plasma-icon-button-background-color-active:var(--surface-clear);}
5
- .IconButton_config_q3zdsy_svlui54__4179df50{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
- .IconButton_config_q3zdsy_w1h4he2a__4179df50{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
- .IconButton_config_q3zdsy_crva8ns__4179df50{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
- .IconButton_config_q3zdsy_d11wn1rp__4179df50{--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);--plasma-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
9
- .IconButton_config_q3zdsy_b1b6yic8__4179df50{--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);--plasma-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-solid-default-active);}
10
- .IconButton_config_q3zdsy_w1bgiggf__4179df50{--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-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);--plasma-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);}
11
- .IconButton_config_q3zdsy_l1dxcd0l__4179df50{--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;}
12
- .IconButton_config_q3zdsy_l1dmlkwi__4179df50{--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;}
13
- .IconButton_config_q3zdsy_mf24ef4__4179df50{--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;}
14
- .IconButton_config_q3zdsy_mc2xiyr__4179df50{--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;}
15
- .IconButton_config_q3zdsy_s1gtjmmp__4179df50{--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;}
16
- .IconButton_config_q3zdsy_s1sas78d__4179df50{--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;}
17
- .IconButton_config_q3zdsy_x1drrr81__4179df50{--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;}
18
- .IconButton_config_q3zdsy_xfj8gzo__4179df50{--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;}
19
- .IconButton_config_q3zdsy_t1eqxvy4__4179df50{--plasma-icon-button-disabled-opacity:0.4;}
20
- .IconButton_config_q3zdsy_tjqh1fr__4179df50{--plasma-icon-button-focus-color:var(--surface-accent);}
1
+ .IconButton_config_1o8fpqv_d18ihzhr__56dc48c0{--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);--plasma-icon-button-background-color-hover:var(--surface-solid-default-hover);--plasma-icon-button-color-active:var(--inverse-text-primary);--plasma-icon-button-background-color-active:var(--surface-solid-default-active);}
2
+ .IconButton_config_1o8fpqv_asnn66s__56dc48c0{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
+ .IconButton_config_1o8fpqv_sxdpxpi__56dc48c0{--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-color-hover:var(--text-primary);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-color-active:var(--text-primary);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
+ .IconButton_config_1o8fpqv_c1gkv8om__56dc48c0{--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-color-hover:var(--text-primary-hover);--plasma-icon-button-background-color-hover:var(--surface-clear);--plasma-icon-button-color-active:var(--text-primary-active);--plasma-icon-button-background-color-active:var(--surface-clear);}
5
+ .IconButton_config_1o8fpqv_svlui54__56dc48c0{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
+ .IconButton_config_1o8fpqv_w1h4he2a__56dc48c0{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
+ .IconButton_config_1o8fpqv_crva8ns__56dc48c0{--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-color-hover:var(--on-dark-text-primary);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
+ .IconButton_config_1o8fpqv_d11wn1rp__56dc48c0{--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);--plasma-icon-button-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-transparent-deep-active);}
9
+ .IconButton_config_1o8fpqv_b1b6yic8__56dc48c0{--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);--plasma-icon-button-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary);--plasma-icon-button-background-color-active:var(--on-light-surface-solid-default-active);}
10
+ .IconButton_config_1o8fpqv_w1bgiggf__56dc48c0{--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-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);--plasma-icon-button-background-color-active:var(--on-dark-surface-solid-default-active);}
11
+ .IconButton_config_1o8fpqv_x1dxcd0l__56dc48c0{--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
+ .IconButton_config_1o8fpqv_x1dmlkwi__56dc48c0{--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
+ .IconButton_config_1o8fpqv_lf24ef4__56dc48c0{--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
+ .IconButton_config_1o8fpqv_lc2xiyr__56dc48c0{--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
+ .IconButton_config_1o8fpqv_m1gtjmmp__56dc48c0{--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
+ .IconButton_config_1o8fpqv_m1sas78d__56dc48c0{--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
+ .IconButton_config_1o8fpqv_s1drrr81__56dc48c0{--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
+ .IconButton_config_1o8fpqv_sfj8gzo__56dc48c0{--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
+ .IconButton_config_1o8fpqv_x1eqxvy4__56dc48c0{--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
+ .IconButton_config_1o8fpqv_xjqh1fr__56dc48c0{--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
+ .IconButton_config_1o8fpqv_t1wq4idj__56dc48c0{--plasma-icon-button-disabled-opacity:0.4;}
22
+ .IconButton_config_1o8fpqv_txx4c3m__56dc48c0{--plasma-icon-button-focus-color:var(--surface-accent);}