@salutejs/sdds-finai 0.356.0 → 0.356.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/beta/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
  2. package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
  3. package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
  4. package/dist/beta/css/cjs/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
  5. package/dist/beta/css/cjs/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
  6. package/dist/beta/css/cjs/index.css +13 -12
  7. package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js +8 -7
  8. package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.config.js.map +1 -1
  9. package/dist/beta/css/es/components/_beta/EmbeddedButton/{EmbeddedButton.config_1kyw6dl.css → EmbeddedButton.config_zc4t48.css} +6 -5
  10. package/dist/beta/css/es/components/_beta/EmbeddedButton/EmbeddedButton.css +13 -12
  11. package/dist/beta/css/es/index.css +13 -12
  12. package/dist/beta/emotion/cjs/EmbeddedButton/EmbeddedButton.config.js +9 -0
  13. package/dist/beta/emotion/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
  14. package/dist/beta/es/EmbeddedButton/EmbeddedButton.config.js +10 -1
  15. package/dist/beta/types/EmbeddedButton/EmbeddedButton.config.d.ts +1 -0
  16. package/dist/beta/types/EmbeddedButton/EmbeddedButton.d.ts +1 -0
  17. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js +30 -0
  18. package/dist/css/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  19. package/dist/css/cjs/components/Avatar/Avatar.config.js +23 -23
  20. package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
  21. package/dist/css/{es/components/Avatar/Avatar.config_194ow05.css → cjs/components/Avatar/Avatar.config_10406v1.css} +22 -22
  22. package/dist/css/cjs/components/Avatar/Avatar.css +22 -22
  23. package/dist/css/cjs/components/Button/Button.config.js +11 -10
  24. package/dist/css/cjs/components/Button/Button.config.js.map +1 -1
  25. package/dist/css/{es/components/Button/Button.config_1ycc2qc.css → cjs/components/Button/Button.config_rafi3h.css} +6 -5
  26. package/dist/css/cjs/components/Button/Button.css +16 -15
  27. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js +16 -15
  28. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  29. package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
  30. package/dist/css/cjs/components/ButtonGroup/ButtonGroup.css +20 -19
  31. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
  32. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  33. package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
  34. package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css +13 -12
  35. package/dist/css/cjs/components/IconButton/IconButton.config.js +8 -7
  36. package/dist/css/cjs/components/IconButton/IconButton.config.js.map +1 -1
  37. package/dist/css/{es/components/IconButton/IconButton.config_zugwrv.css → cjs/components/IconButton/IconButton.config_edu4ku.css} +6 -5
  38. package/dist/css/cjs/components/IconButton/IconButton.css +16 -15
  39. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +7 -6
  40. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  41. package/dist/css/cjs/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
  42. package/dist/css/cjs/components/LinkButton/LinkButton.css +12 -11
  43. package/dist/css/cjs/components/LinkButton/LinkButton.js +27 -1
  44. package/dist/css/cjs/components/LinkButton/LinkButton.js.map +1 -1
  45. package/dist/css/cjs/components/Slider/Slider.config.js +1 -1
  46. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  47. package/dist/css/cjs/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
  48. package/dist/css/cjs/components/Slider/Slider.css +9 -9
  49. package/dist/css/cjs/index.css +116 -111
  50. package/dist/css/cjs/index.js +4 -0
  51. package/dist/css/cjs/index.js.map +1 -1
  52. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js +28 -1
  53. package/dist/css/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  54. package/dist/css/es/components/Avatar/Avatar.config.js +23 -23
  55. package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
  56. package/dist/css/{cjs/components/Avatar/Avatar.config_194ow05.css → es/components/Avatar/Avatar.config_10406v1.css} +22 -22
  57. package/dist/css/es/components/Avatar/Avatar.css +22 -22
  58. package/dist/css/es/components/Button/Button.config.js +11 -10
  59. package/dist/css/es/components/Button/Button.config.js.map +1 -1
  60. package/dist/css/{cjs/components/Button/Button.config_1ycc2qc.css → es/components/Button/Button.config_rafi3h.css} +6 -5
  61. package/dist/css/es/components/Button/Button.css +16 -15
  62. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js +16 -15
  63. package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
  64. package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} +10 -9
  65. package/dist/css/es/components/ButtonGroup/ButtonGroup.css +20 -19
  66. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -7
  67. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map +1 -1
  68. package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} +6 -5
  69. package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css +13 -12
  70. package/dist/css/es/components/IconButton/IconButton.config.js +8 -7
  71. package/dist/css/es/components/IconButton/IconButton.config.js.map +1 -1
  72. package/dist/css/{cjs/components/IconButton/IconButton.config_zugwrv.css → es/components/IconButton/IconButton.config_edu4ku.css} +6 -5
  73. package/dist/css/es/components/IconButton/IconButton.css +16 -15
  74. package/dist/css/es/components/LinkButton/LinkButton.config.js +7 -6
  75. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  76. package/dist/css/es/components/LinkButton/{LinkButton.config_195yqrn.css → LinkButton.config_1k8mr42.css} +5 -4
  77. package/dist/css/es/components/LinkButton/LinkButton.css +12 -11
  78. package/dist/css/es/components/LinkButton/LinkButton.js +23 -3
  79. package/dist/css/es/components/LinkButton/LinkButton.js.map +1 -1
  80. package/dist/css/es/components/Slider/Slider.config.js +1 -1
  81. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  82. package/dist/css/es/components/Slider/{Slider.config_czw5fa.css → Slider.config_1bu7g7m.css} +3 -3
  83. package/dist/css/es/components/Slider/Slider.css +9 -9
  84. package/dist/css/es/index.css +116 -111
  85. package/dist/css/es/index.js +1 -1
  86. package/dist/emotion/cjs/components/Button/Button.config.js +10 -0
  87. package/dist/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
  88. package/dist/emotion/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
  89. package/dist/emotion/cjs/components/IconButton/IconButton.config.js +7 -0
  90. package/dist/emotion/cjs/components/LinkButton/LinkButton.config.js +10 -0
  91. package/dist/emotion/cjs/components/LinkButton/LinkButton.js +78 -4
  92. package/dist/emotion/cjs/components/Notification/index.js +3 -0
  93. package/dist/emotion/cjs/components/Slider/Slider.config.js +3 -5
  94. package/dist/emotion/es/components/Button/Button.config.js +11 -1
  95. package/dist/emotion/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
  96. package/dist/emotion/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
  97. package/dist/emotion/es/components/IconButton/IconButton.config.js +8 -1
  98. package/dist/emotion/es/components/LinkButton/LinkButton.config.js +11 -1
  99. package/dist/emotion/es/components/LinkButton/LinkButton.js +22 -2
  100. package/dist/emotion/es/components/Notification/index.js +1 -1
  101. package/dist/emotion/es/components/Slider/Slider.config.js +3 -5
  102. package/dist/styled-components/cjs/components/Button/Button.config.js +10 -0
  103. package/dist/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +10 -0
  104. package/dist/styled-components/cjs/components/EmbedIconButton/EmbedIconButton.config.js +7 -0
  105. package/dist/styled-components/cjs/components/IconButton/IconButton.config.js +7 -0
  106. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +10 -0
  107. package/dist/styled-components/cjs/components/LinkButton/LinkButton.js +85 -6
  108. package/dist/styled-components/cjs/components/Notification/index.js +3 -0
  109. package/dist/styled-components/cjs/components/Slider/Slider.config.js +3 -5
  110. package/dist/styled-components/es/components/Button/Button.config.js +11 -1
  111. package/dist/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +11 -1
  112. package/dist/styled-components/es/components/EmbedIconButton/EmbedIconButton.config.js +8 -1
  113. package/dist/styled-components/es/components/IconButton/IconButton.config.js +8 -1
  114. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -1
  115. package/dist/styled-components/es/components/LinkButton/LinkButton.js +27 -2
  116. package/dist/styled-components/es/components/Notification/index.js +1 -1
  117. package/dist/styled-components/es/components/Slider/Slider.config.js +3 -5
  118. package/package.json +9 -9
  119. package/types/components/Button/Button.config.d.ts +1 -0
  120. package/types/components/Button/Button.d.ts +2 -0
  121. package/types/components/ButtonGroup/ButtonGroup.config.d.ts +1 -0
  122. package/types/components/ButtonGroup/ButtonGroup.d.ts +1 -0
  123. package/types/components/DatePicker/DatePicker.d.ts +4 -0
  124. package/types/components/Drawer/Drawer.d.ts +1 -0
  125. package/types/components/EmbedIconButton/EmbedIconButton.config.d.ts +1 -0
  126. package/types/components/EmbedIconButton/EmbedIconButton.d.ts +1 -0
  127. package/types/components/IconButton/IconButton.config.d.ts +1 -0
  128. package/types/components/IconButton/IconButton.d.ts +1 -0
  129. package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
  130. package/types/components/LinkButton/LinkButton.d.ts +35 -3
  131. package/types/components/Notification/index.d.ts +1 -1
  132. package/types/components/Range/Range.d.ts +144 -0
  133. package/types/components/Tabs/TabItem.d.ts +4 -2
  134. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  135. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
package/dist/css/es/components/Button/Button.css CHANGED
@@ -1,18 +1,19 @@
1
- .Button_config_1ycc2qc_d1fnkof5__af3dfd47{--plasma-button-color:var(--inverse-text-primary,#13181BF5);--plasma-button-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-button-color-active:var(--inverse-text-primary-active,#13181BC4);--plasma-button-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
2
- .Button_config_1ycc2qc_a1129msw__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-accent,#199AF0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-background-color-active:var(--surface-accent-active,#0F96F0FF);}
3
- .Button_config_1ycc2qc_sbaqjet__af3dfd47{--plasma-button-color:var(--text-primary,#F2F5F8F5);--plasma-button-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
4
- .Button_config_1ycc2qc_cmxfxlw__af3dfd47{--plasma-button-color:var(--text-primary,#F2F5F8F5);--plasma-button-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
5
- .Button_config_1ycc2qc_pleczrv__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-positive,#1A9E32);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-background-color-active:var(--surface-positive-active,#18952FFF);}
6
- .Button_config_1ycc2qc_wlekduy__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-warning,#FA5F05);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-background-color-active:var(--surface-warning-active,#F05B05FF);}
7
- .Button_config_1ycc2qc_n1yfa47j__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-negative,#FF293E);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-background-color-active:var(--surface-negative-active,#FF1F35FF);}
8
- .Button_config_1ycc2qc_dsb1lec__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
9
- .Button_config_1ycc2qc_b123wpoi__af3dfd47{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
10
- .Button_config_1ycc2qc_w1w797f8__af3dfd47{--plasma-button-color:var(--on-light-text-primary,#13181BF5);--plasma-button-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-button-color-active:var(--on-light-text-primary-active,#13181BC4);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
11
- .Button_config_1ycc2qc_s1toqou7__af3dfd47{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.375rem;--plasma-button-right-content-margin:0 -0.375rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
12
- .Button_config_1ycc2qc_xy229gi__af3dfd47{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.275rem;--plasma-button-right-content-margin:0 -0.275rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
13
- .Button_config_1ycc2qc_x1joiaye__af3dfd47{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-additional-content-margin:0 0rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
14
- .Button_config_1ycc2qc_t1i1eza5__af3dfd47{--plasma-button-disabled-opacity:0.4;}
15
- .Button_config_1ycc2qc_t1r1gaby__af3dfd47{--plasma-button-focus-color:var(--surface-accent,#199AF0);}
1
+ .Button_config_rafi3h_d1fnkof5__7d8fc50a{--plasma-button-color:var(--inverse-text-primary,#13181BF5);--plasma-button-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-button-color-active:var(--inverse-text-primary-active,#13181BC4);--plasma-button-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
2
+ .Button_config_rafi3h_a1129msw__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-accent,#199AF0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-background-color-active:var(--surface-accent-active,#0F96F0FF);}
3
+ .Button_config_rafi3h_sbaqjet__7d8fc50a{--plasma-button-color:var(--text-primary,#F2F5F8F5);--plasma-button-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
4
+ .Button_config_rafi3h_cmxfxlw__7d8fc50a{--plasma-button-color:var(--text-primary,#F2F5F8F5);--plasma-button-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
5
+ .Button_config_rafi3h_pleczrv__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-positive,#1A9E32);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-background-color-active:var(--surface-positive-active,#18952FFF);}
6
+ .Button_config_rafi3h_wlekduy__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-warning,#FA5F05);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-background-color-active:var(--surface-warning-active,#F05B05FF);}
7
+ .Button_config_rafi3h_n1yfa47j__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--surface-negative,#FF293E);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-background-color-active:var(--surface-negative-active,#FF1F35FF);}
8
+ .Button_config_rafi3h_dsb1lec__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-button-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
9
+ .Button_config_rafi3h_b123wpoi__7d8fc50a{--plasma-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);--plasma-button-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
10
+ .Button_config_rafi3h_w1w797f8__7d8fc50a{--plasma-button-color:var(--on-light-text-primary,#13181BF5);--plasma-button-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-button-color-active:var(--on-light-text-primary-active,#13181BC4);--plasma-button-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
11
+ .Button_config_rafi3h_g1toqou7__7d8fc50a{--plasma-button-color:var(--on-light-text-primary,#13181BF5);--plasma-button-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-background-color-active:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));}
12
+ .Button_config_rafi3h_sy229gi__7d8fc50a{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.375rem;--plasma-button-right-content-margin:0 -0.375rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
13
+ .Button_config_rafi3h_x1joiaye__7d8fc50a{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.275rem;--plasma-button-right-content-margin:0 -0.275rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
14
+ .Button_config_rafi3h_x1i1eza5__7d8fc50a{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-additional-content-margin:0 0rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin-right-width-value:0.125rem;}
15
+ .Button_config_rafi3h_t1r1gaby__7d8fc50a{--plasma-button-disabled-opacity:0.4;}
16
+ .Button_config_rafi3h_tqhwg07__7d8fc50a{--plasma-button-focus-color:var(--surface-accent,#199AF0);}
16
17
 
17
18
 
18
19
 
package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './ButtonGroup.config_1a2vbl.css';
1
+ import './ButtonGroup.config_k5yu4i.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -15,35 +15,36 @@ var config = {
15
15
  negative: "n1k2o0xu",
16
16
  dark: "d2bys7z",
17
17
  black: "bp70rs0",
18
- white: "wmie5p2"
18
+ white: "wmie5p2",
19
+ gradient: "g1g3omzu"
19
20
  },
20
21
  size: {
21
- s: "s1g3omzu",
22
- xs: "x1116k6l",
23
- xxs: "x15t0nuq"
22
+ s: "s1116k6l",
23
+ xs: "x15t0nuq",
24
+ xxs: "x316r83"
24
25
  },
25
26
  orientation: {
26
- horizontal: "h316r83",
27
- vertical: "vzu697"
27
+ horizontal: "hzu697",
28
+ vertical: "v16bzis9"
28
29
  },
29
30
  gap: {
30
- none: "n16bzis9",
31
- dense: "d97067l",
32
- wide: "w1xcwbx9"
31
+ none: "n97067l",
32
+ dense: "d1xcwbx9",
33
+ wide: "w1fuvc6m"
33
34
  },
34
35
  shape: {
35
- segmented: "s1fuvc6m",
36
- "default": "dsjqy1i"
36
+ segmented: "ssjqy1i",
37
+ "default": "dmgmq8o"
37
38
  },
38
39
  stretching: {
39
- auto: "amgmq8o",
40
- filled: "f1udxooc"
40
+ auto: "a1udxooc",
41
+ filled: "fbb1ace"
41
42
  }
42
43
  },
43
44
  intersections: [{
44
45
  gap: 'dense',
45
46
  shape: 'default',
46
- style: "sbb1ace"
47
+ style: "snyer5h"
47
48
  }]
48
49
  };
49
50
 
package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n },\n size: {\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n intersections: [\n {\n gap: 'dense',\n shape: 'default',\n style: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n `,\n },\n ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":"AA8CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,UAAO;MAChBrB,SAAAA,EAAO;KACV;AACDsB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
1
+ {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n gradient: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n `,\n },\n size: {\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n intersections: [\n {\n gap: 'dense',\n shape: 'default',\n style: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n `,\n },\n ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":"AA+CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,QAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,SAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBtB,SAAAA,EAAO;KACV;AACDuB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
package/dist/css/es/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css} RENAMED
@@ -8,16 +8,17 @@
8
8
  .d2bys7z{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
9
9
  .bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
10
10
  .wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--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,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
11
- .s1g3omzu{--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);}
12
- .x1116k6l{--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);}
13
- .x15t0nuq{--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);}
14
- .h316r83{--plasma-button-group-orientation:row;}
15
- .vzu697{--plasma-button-group-orientation:column;}
16
- .n16bzis9{--plasma-button-group-items-gap:0;}
17
- .d97067l{--plasma-button-group-items-gap:0.125rem;}
18
- .w1xcwbx9{--plasma-button-group-items-gap:0.5rem;}
11
+ .g1g3omzu{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-background-color-hover:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-item-background-color-active:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));}
12
+ .s1116k6l{--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);}
13
+ .x15t0nuq{--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);}
14
+ .x316r83{--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);}
15
+ .hzu697{--plasma-button-group-orientation:row;}
16
+ .v16bzis9{--plasma-button-group-orientation:column;}
17
+ .n97067l{--plasma-button-group-items-gap:0;}
18
+ .d1xcwbx9{--plasma-button-group-items-gap:0.125rem;}
19
+ .w1fuvc6m{--plasma-button-group-items-gap:0.5rem;}
19
20
 
20
21
 
21
22
 
22
23
 
23
- .sbb1ace{--plasma-button-group-items-gap:0.25rem;}
24
+ .snyer5h{--plasma-button-group-items-gap:0.25rem;}
package/dist/css/es/components/ButtonGroup/ButtonGroup.css CHANGED
@@ -1,23 +1,24 @@
1
- .ButtonGroup_config_1a2vbl_d1n1yjnm__48552cf5{--plasma-button-group-item-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
2
- .ButtonGroup_config_1a2vbl_aqck75c__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-accent,#199AF0);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0F96F0FF);}
3
- .ButtonGroup_config_1a2vbl_sz65cne__48552cf5{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-group-item-color-active:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
4
- .ButtonGroup_config_1a2vbl_c5fo1by__48552cf5{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
5
- .ButtonGroup_config_1a2vbl_povvipf__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-positive,#1A9E32);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#18952FFF);}
6
- .ButtonGroup_config_1a2vbl_w1tax4m1__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-warning,#FA5F05);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F05B05FF);}
7
- .ButtonGroup_config_1a2vbl_n1k2o0xu__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-negative,#FF293E);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#FF1F35FF);}
8
- .ButtonGroup_config_1a2vbl_d2bys7z__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
9
- .ButtonGroup_config_1a2vbl_bp70rs0__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
10
- .ButtonGroup_config_1a2vbl_wmie5p2__48552cf5{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--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,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
11
- .ButtonGroup_config_1a2vbl_s1g3omzu__48552cf5{--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);}
12
- .ButtonGroup_config_1a2vbl_x1116k6l__48552cf5{--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);}
13
- .ButtonGroup_config_1a2vbl_x15t0nuq__48552cf5{--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);}
14
- .ButtonGroup_config_1a2vbl_h316r83__48552cf5{--plasma-button-group-orientation:row;}
15
- .ButtonGroup_config_1a2vbl_vzu697__48552cf5{--plasma-button-group-orientation:column;}
16
- .ButtonGroup_config_1a2vbl_n16bzis9__48552cf5{--plasma-button-group-items-gap:0;}
17
- .ButtonGroup_config_1a2vbl_d97067l__48552cf5{--plasma-button-group-items-gap:0.125rem;}
18
- .ButtonGroup_config_1a2vbl_w1xcwbx9__48552cf5{--plasma-button-group-items-gap:0.5rem;}
1
+ .ButtonGroup_config_k5yu4i_d1n1yjnm__15077c40{--plasma-button-group-item-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
2
+ .ButtonGroup_config_k5yu4i_aqck75c__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-accent,#199AF0);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0F96F0FF);}
3
+ .ButtonGroup_config_k5yu4i_sz65cne__15077c40{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-group-item-color-active:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
4
+ .ButtonGroup_config_k5yu4i_c5fo1by__15077c40{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
5
+ .ButtonGroup_config_k5yu4i_povvipf__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-positive,#1A9E32);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#18952FFF);}
6
+ .ButtonGroup_config_k5yu4i_w1tax4m1__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-warning,#FA5F05);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F05B05FF);}
7
+ .ButtonGroup_config_k5yu4i_n1k2o0xu__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-negative,#FF293E);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#FF1F35FF);}
8
+ .ButtonGroup_config_k5yu4i_d2bys7z__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
9
+ .ButtonGroup_config_k5yu4i_bp70rs0__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--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,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
10
+ .ButtonGroup_config_k5yu4i_wmie5p2__15077c40{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--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,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
11
+ .ButtonGroup_config_k5yu4i_g1g3omzu__15077c40{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-background-color-hover:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-item-background-color-active:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));}
12
+ .ButtonGroup_config_k5yu4i_s1116k6l__15077c40{--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);}
13
+ .ButtonGroup_config_k5yu4i_x15t0nuq__15077c40{--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);}
14
+ .ButtonGroup_config_k5yu4i_x316r83__15077c40{--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);}
15
+ .ButtonGroup_config_k5yu4i_hzu697__15077c40{--plasma-button-group-orientation:row;}
16
+ .ButtonGroup_config_k5yu4i_v16bzis9__15077c40{--plasma-button-group-orientation:column;}
17
+ .ButtonGroup_config_k5yu4i_n97067l__15077c40{--plasma-button-group-items-gap:0;}
18
+ .ButtonGroup_config_k5yu4i_d1xcwbx9__15077c40{--plasma-button-group-items-gap:0.125rem;}
19
+ .ButtonGroup_config_k5yu4i_w1fuvc6m__15077c40{--plasma-button-group-items-gap:0.5rem;}
19
20
 
20
21
 
21
22
 
22
23
 
23
- .ButtonGroup_config_1a2vbl_sbb1ace__48552cf5{--plasma-button-group-items-gap:0.25rem;}
24
+ .ButtonGroup_config_k5yu4i_snyer5h__15077c40{--plasma-button-group-items-gap:0.25rem;}
package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './EmbedIconButton.config_cdgtoa.css';
1
+ import './EmbedIconButton.config_vvzol4.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -13,18 +13,19 @@ var config = {
13
13
  positive: "p16kzfgz",
14
14
  warning: "w1s63nj",
15
15
  negative: "n1kjgdfx",
16
- info: "i197tl70"
16
+ info: "i197tl70",
17
+ gradient: "gn0azg9"
17
18
  },
18
19
  size: {
19
- l: "ln0azg9",
20
- m: "mlyqmyt",
21
- s: "s1n9yigx"
20
+ l: "llyqmyt",
21
+ m: "m1n9yigx",
22
+ s: "s1k6kx7k"
22
23
  },
23
24
  disabled: {
24
- "true": "t1k6kx7k"
25
+ "true": "t9oi5n9"
25
26
  },
26
27
  focused: {
27
- "true": "t9oi5n9"
28
+ "true": "t70awtq"
28
29
  }
29
30
  }
30
31
  };
package/dist/css/es/components/EmbedIconButton/EmbedIconButton.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"EmbedIconButton.config.js","sources":["../../../../../src-css/components/EmbedIconButton/EmbedIconButton.config.ts"],"sourcesContent":["import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n surfaceAccent,\n surfaceClear,\n textAccent,\n textAccentActive,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textPrimary};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPrimaryHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPrimaryActive};\n `,\n accent: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textAccent};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentActive};\n `,\n secondary: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textSecondary};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textSecondaryHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textSecondaryActive};\n `,\n positive: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textPositive};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPositiveHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPositiveActive};\n `,\n warning: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textWarning};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textWarningHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textWarningActive};\n `,\n negative: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textNegative};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textNegativeHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textNegativeActive};\n `,\n info: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textInfo};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textInfoHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textInfoActive};\n `,\n },\n size: {\n l: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 2.25rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 2.25rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.75rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyL.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyL.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyL.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyLBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyL.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyL.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.75rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 1.5rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 1.5rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.625rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyM.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyM.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyM.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyMBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyM.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyM.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.25rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 1rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 1rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.5rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyS.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyS.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyS.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodySBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyS.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 0.75rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${embedIconButtonTokens.embedIconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${embedIconButtonTokens.embedIconButtonFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","positive","warning","negative","info","l","m","s","disabled","true"],"mappings":"AAiCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAMN;AACDC,MAAAA,MAAM,EAAA,UAML;AACDC,MAAAA,SAAS,EAAA,UAMR;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,OAAO,EAAA,SAMN;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA;KAeJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDd,IAAAA,OAAO,EAAE;MACLc,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"EmbedIconButton.config.js","sources":["../../../../../src-css/components/EmbedIconButton/EmbedIconButton.config.ts"],"sourcesContent":["import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n surfaceAccent,\n surfaceClear,\n textAccent,\n textAccentActive,\n textAccentGradient,\n textAccentHover,\n textInfo,\n textInfoActive,\n textInfoHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textPrimary};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPrimaryHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPrimaryActive};\n `,\n accent: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textAccent};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentActive};\n `,\n secondary: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textSecondary};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textSecondaryHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textSecondaryActive};\n `,\n positive: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textPositive};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPositiveHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPositiveActive};\n `,\n warning: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textWarning};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textWarningHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textWarningActive};\n `,\n negative: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textNegative};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textNegativeHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textNegativeActive};\n `,\n info: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textInfo};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textInfoHover};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textInfoActive};\n `,\n gradient: css`\n ${embedIconButtonTokens.embedIconButtonColor}: ${textAccentGradient};\n ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentGradient};\n ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentGradient};\n `,\n },\n size: {\n l: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 2.25rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 2.25rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.75rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyL.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyL.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyL.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyLBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyL.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyL.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.75rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 1.5rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 1.5rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.625rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyM.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyM.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyM.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyMBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyM.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyM.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.25rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${embedIconButtonTokens.embedIconButtonHeight}: 1rem;\n ${embedIconButtonTokens.embedIconButtonWidth}: 1rem;\n ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n ${embedIconButtonTokens.embedIconButtonRadius}: 0.5rem;\n ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyS.fontFamily};\n ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyS.fontSize};\n ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyS.fontStyle};\n ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodySBold.fontWeight};\n ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyS.lineHeight};\n\n ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 0.75rem;\n ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${embedIconButtonTokens.embedIconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${embedIconButtonTokens.embedIconButtonFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","positive","warning","negative","info","gradient","l","m","s","disabled","true"],"mappings":"AAkCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAMN;AACDC,MAAAA,MAAM,EAAA,UAML;AACDC,MAAAA,SAAS,EAAA,UAMR;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,OAAO,EAAA,SAMN;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,QAAQ,EAAA;KAOX;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA;KAeJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
package/dist/css/es/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css} RENAMED
@@ -5,8 +5,9 @@
5
5
  .w1s63nj{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
6
6
  .n1kjgdfx{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
7
7
  .i197tl70{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
8
- .ln0azg9{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
9
- .mlyqmyt{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
10
- .s1n9yigx{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
11
- .t1k6kx7k{--plasma-embed-icon-button-disabled-opacity:0.4;}
12
- .t9oi5n9{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
8
+ .gn0azg9{--plasma-embed-icon-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
9
+ .llyqmyt{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
10
+ .m1n9yigx{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
11
+ .s1k6kx7k{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
12
+ .t9oi5n9{--plasma-embed-icon-button-disabled-opacity:0.4;}
13
+ .t70awtq{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
package/dist/css/es/components/EmbedIconButton/EmbedIconButton.css CHANGED
@@ -1,12 +1,13 @@
1
- .EmbedIconButton_config_cdgtoa_dq3rinb__fb5a8e87{--plasma-embed-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embed-icon-button-color-active:var(--text-primary-active,#F2F5F8C4);}
2
- .EmbedIconButton_config_cdgtoa_a1kp6gwc__fb5a8e87{--plasma-embed-icon-button-color:var(--text-accent,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-accent-active,#0E8ADDFF);}
3
- .EmbedIconButton_config_cdgtoa_s1mii79i__fb5a8e87{--plasma-embed-icon-button-color:var(--text-secondary,#D5DFE69E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embed-icon-button-color-active:var(--text-secondary-active,#D6DFE6BE);}
4
- .EmbedIconButton_config_cdgtoa_p16kzfgz__fb5a8e87{--plasma-embed-icon-button-color:var(--text-positive,#24B23E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embed-icon-button-color-active:var(--text-positive-active,#1F9835FF);}
5
- .EmbedIconButton_config_cdgtoa_w1s63nj__fb5a8e87{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
6
- .EmbedIconButton_config_cdgtoa_n1kjgdfx__fb5a8e87{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
7
- .EmbedIconButton_config_cdgtoa_i197tl70__fb5a8e87{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
8
- .EmbedIconButton_config_cdgtoa_ln0azg9__fb5a8e87{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
9
- .EmbedIconButton_config_cdgtoa_mlyqmyt__fb5a8e87{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
10
- .EmbedIconButton_config_cdgtoa_s1n9yigx__fb5a8e87{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
11
- .EmbedIconButton_config_cdgtoa_t1k6kx7k__fb5a8e87{--plasma-embed-icon-button-disabled-opacity:0.4;}
12
- .EmbedIconButton_config_cdgtoa_t9oi5n9__fb5a8e87{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
1
+ .EmbedIconButton_config_vvzol4_dq3rinb__94083575{--plasma-embed-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embed-icon-button-color-active:var(--text-primary-active,#F2F5F8C4);}
2
+ .EmbedIconButton_config_vvzol4_a1kp6gwc__94083575{--plasma-embed-icon-button-color:var(--text-accent,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-accent-active,#0E8ADDFF);}
3
+ .EmbedIconButton_config_vvzol4_s1mii79i__94083575{--plasma-embed-icon-button-color:var(--text-secondary,#D5DFE69E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embed-icon-button-color-active:var(--text-secondary-active,#D6DFE6BE);}
4
+ .EmbedIconButton_config_vvzol4_p16kzfgz__94083575{--plasma-embed-icon-button-color:var(--text-positive,#24B23E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embed-icon-button-color-active:var(--text-positive-active,#1F9835FF);}
5
+ .EmbedIconButton_config_vvzol4_w1s63nj__94083575{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
6
+ .EmbedIconButton_config_vvzol4_n1kjgdfx__94083575{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
7
+ .EmbedIconButton_config_vvzol4_i197tl70__94083575{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
8
+ .EmbedIconButton_config_vvzol4_gn0azg9__94083575{--plasma-embed-icon-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
9
+ .EmbedIconButton_config_vvzol4_llyqmyt__94083575{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
10
+ .EmbedIconButton_config_vvzol4_m1n9yigx__94083575{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
11
+ .EmbedIconButton_config_vvzol4_s1k6kx7k__94083575{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
12
+ .EmbedIconButton_config_vvzol4_t9oi5n9__94083575{--plasma-embed-icon-button-disabled-opacity:0.4;}
13
+ .EmbedIconButton_config_vvzol4_t70awtq__94083575{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
package/dist/css/es/components/IconButton/IconButton.config.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IconButton.config_zugwrv.css';
1
+ import './IconButton.config_edu4ku.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
@@ -16,18 +16,19 @@ var config = {
16
16
  negative: "nrva8ns",
17
17
  dark: "d11wn1rp",
18
18
  black: "b1b6yic8",
19
- white: "w1bgiggf"
19
+ white: "w1bgiggf",
20
+ gradient: "g1dxcd0l"
20
21
  },
21
22
  size: {
22
- s: "s1dxcd0l",
23
- xs: "x1dmlkwi",
24
- xxs: "xf24ef4"
23
+ s: "s1dmlkwi",
24
+ xs: "xf24ef4",
25
+ xxs: "xc2xiyr"
25
26
  },
26
27
  disabled: {
27
- "true": "tc2xiyr"
28
+ "true": "t1gtjmmp"
28
29
  },
29
30
  focused: {
30
- "true": "t1gtjmmp"
31
+ "true": "t1sas78d"
31
32
  }
32
33
  }
33
34
  };