@salutejs/sdds-sbcom 0.347.0-next-platform-ai.0 → 0.347.1-dev.0

package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config.js

@@ -1,4 +1,9 @@
-import './Breadcrumbs.config_b0qlrl.css';
+import './Breadcrumbs.config_1j4bv50.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, plasmaTypoBodyLBoldWeight, plasmaTypoBodyMBoldWeight
+ * plasmaTypoBodySBoldWeight, plasmaTypoBodyXsBoldWeight
+ */
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);\n                ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n                ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);\n            `,\n        },\n        size: {\n            l: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAEO,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;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}
+{"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/css';\nimport { bodyL, bodyM, bodyS, surfaceAccent, textPrimary } from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, plasmaTypoBodyLBoldWeight, plasmaTypoBodyMBoldWeight\n * plasmaTypoBodySBoldWeight, plasmaTypoBodyXsBoldWeight\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${breadcrumbsTokens.breadcrumbsColor}: ${textPrimary};\n                ${breadcrumbsTokens.breadcrumbsColorText}: ${textPrimary};\n                ${breadcrumbsTokens.breadcrumbsColorSeparator}: ${textPrimary};\n                ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n                ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${surfaceAccent};\n            `,\n        },\n        size: {\n            l: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyL.fontFamily};\n                ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyL.fontSize};\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyL.fontStyle};\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyL.letterSpacing};\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyL.lineHeight};\n            `,\n            m: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};\n                ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};\n            `,\n            s: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};\n                ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};\n            `,\n            xs: css`\n                ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n                ${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAGA;AACA;AACA;AACA;AACA;AACO,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;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}

package/dist/css/es/components/Breadcrumbs/{Breadcrumbs.config_b0qlrl.css → Breadcrumbs.config_1j4bv50.css}

@@ -1,5 +1,5 @@
-.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-color-text:var(--text-primary);--plasma-breadcrumbs-color-separator:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
-.lv8mf1s{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
-.m17g6n2i{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
-.sbbou4m{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
-.x2yn23d{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
+.d10geo1c{--plasma-breadcrumbs-color:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-color-text:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-color-separator:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent,#0BA686);}
+.lv8mf1s{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
+.m17g6n2i{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
+.sbbou4m{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
+.x2yn23d{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}

package/dist/css/es/components/Breadcrumbs/Breadcrumbs.css

@@ -1,5 +1,5 @@
-.Breadcrumbs_config_b0qlrl_d10geo1c__2197bcbf{--plasma-breadcrumbs-color:var(--text-primary);--plasma-breadcrumbs-color-text:var(--text-primary);--plasma-breadcrumbs-color-separator:var(--text-primary);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent);}
-.Breadcrumbs_config_b0qlrl_lv8mf1s__2197bcbf{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
-.Breadcrumbs_config_b0qlrl_m17g6n2i__2197bcbf{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
-.Breadcrumbs_config_b0qlrl_sbbou4m__2197bcbf{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
-.Breadcrumbs_config_b0qlrl_x2yn23d__2197bcbf{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-bold-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}
+.Breadcrumbs_config_1j4bv50_d10geo1c__42126b47{--plasma-breadcrumbs-color:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-color-text:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-color-separator:var(--text-primary,#FFFFFFFC);--plasma-breadcrumbs-opacity:0.4;--plasma-breadcrumbs-focus-outline-color:var(--surface-accent,#0BA686);}
+.Breadcrumbs_config_1j4bv50_lv8mf1s__42126b47{--plasma-breadcrumbs-gap:0.5rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-l-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-l-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-l-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-l-line-height);}
+.Breadcrumbs_config_1j4bv50_m17g6n2i__42126b47{--plasma-breadcrumbs-gap:0.375rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-m-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-m-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-m-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-m-line-height);}
+.Breadcrumbs_config_1j4bv50_sbbou4m__42126b47{--plasma-breadcrumbs-gap:0.25rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-s-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-s-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-s-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-s-line-height);}
+.Breadcrumbs_config_1j4bv50_x2yn23d__42126b47{--plasma-breadcrumbs-gap:0rem;--plasma-breadcrumbs-font-family:var(--plasma-typo-body-xs-font-family);--plasma-breadcrumbs-font-size:var(--plasma-typo-body-xs-font-size);--plasma-breadcrumbs-font-style:var(--plasma-typo-body-xs-font-style);--plasma-breadcrumbs-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-breadcrumbs-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-breadcrumbs-line-height:var(--plasma-typo-body-xs-line-height);}

package/dist/css/es/components/Button/Button.config.js

@@ -1,4 +1,8 @@
-import './Button.config_195dx41.css';
+import './Button.config_153l27a.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold
+ */
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/Button/Button.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonTextColor}: var(--text-primary);\n                ${buttonTokens.buttonIconColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonTextColor}: var(--text-primary);\n                ${buttonTokens.buttonIconColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            success: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            black: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            white: css`\n                ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonTextColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonIconColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonRadius}: 1rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            l: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonRadius}: 0.875rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonRadius}: 0.75rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            s: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1rem;\n                ${buttonTokens.buttonRadius}: 0.625rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            xs: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonPadding}: 0.75rem;\n                ${buttonTokens.buttonRadius}: 0.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n            xxs: css`\n                ${buttonTokens.buttonHeight}: 1.5rem;\n                ${buttonTokens.buttonWidth}: 8.75rem;\n                ${buttonTokens.buttonPadding}: 0.625rem;\n                ${buttonTokens.buttonRadius}: 0.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${buttonTokens.buttonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA,UASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
+{"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    inverseTextPrimary,\n    inverseTextPrimaryActive,\n    inverseTextPrimaryHover,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkTextPrimary,\n    onDarkTextPrimaryActive,\n    onDarkTextPrimaryHover,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    onLightTextPrimaryActive,\n    onLightTextPrimaryHover,\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    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textPrimary,\n    textSecondary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonTokens.buttonColor}: ${inverseTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${inverseTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${inverseTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n                ${buttonTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: ${textPrimary};\n                ${buttonTokens.buttonTextColor}: ${textPrimary};\n                ${buttonTokens.buttonIconColor}: ${textPrimary};\n                ${buttonTokens.buttonValueColor}: ${textSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            clear: css`\n                ${buttonTokens.buttonColor}: ${textPrimary};\n                ${buttonTokens.buttonTextColor}: ${textPrimary};\n                ${buttonTokens.buttonIconColor}: ${textPrimary};\n                ${buttonTokens.buttonValueColor}: ${textSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            success: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n            `,\n            warning: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n            `,\n            critical: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${buttonTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n            `,\n            dark: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            black: css`\n                ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n                ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            white: css`\n                ${buttonTokens.buttonColor}: ${onLightTextPrimary};\n                ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n                ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n                ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${buttonTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: ${onLightTextPrimaryHover};\n                ${buttonTokens.buttonColorActive}: ${onLightTextPrimaryActive};\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonRadius}: 1rem;\n                ${buttonTokens.buttonFontFamily}: ${bodyL.fontFamily};\n                ${buttonTokens.buttonFontSize}: ${bodyL.fontSize};\n                ${buttonTokens.buttonFontStyle}: ${bodyL.fontStyle};\n                ${buttonTokens.buttonFontWeight}: ${bodyLBold.fontWeight};\n                ${buttonTokens.buttonLetterSpacing}: ${bodyL.letterSpacing};\n                ${buttonTokens.buttonLineHeight}: ${bodyL.lineHeight};\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            l: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonRadius}: 0.875rem;\n                ${buttonTokens.buttonFontFamily}: ${bodyL.fontFamily};\n                ${buttonTokens.buttonFontSize}: ${bodyL.fontSize};\n                ${buttonTokens.buttonFontStyle}: ${bodyL.fontStyle};\n                ${buttonTokens.buttonFontWeight}: ${bodyLBold.fontWeight};\n                ${buttonTokens.buttonLetterSpacing}: ${bodyL.letterSpacing};\n                ${buttonTokens.buttonLineHeight}: ${bodyL.lineHeight};\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.375rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonRadius}: 0.75rem;\n                ${buttonTokens.buttonFontFamily}: ${bodyM.fontFamily};\n                ${buttonTokens.buttonFontSize}: ${bodyM.fontSize};\n                ${buttonTokens.buttonFontStyle}: ${bodyM.fontStyle};\n                ${buttonTokens.buttonFontWeight}: ${bodyMBold.fontWeight};\n                ${buttonTokens.buttonLetterSpacing}: ${bodyM.letterSpacing};\n                ${buttonTokens.buttonLineHeight}: ${bodyM.lineHeight};\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.375rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            s: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1rem;\n                ${buttonTokens.buttonRadius}: 0.625rem;\n                ${buttonTokens.buttonFontFamily}: ${bodyS.fontFamily};\n                ${buttonTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${buttonTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${buttonTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${buttonTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${buttonTokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n            `,\n            xs: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonPadding}: 0.75rem;\n                ${buttonTokens.buttonRadius}: 0.5rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n            xxs: css`\n                ${buttonTokens.buttonHeight}: 1.5rem;\n                ${buttonTokens.buttonWidth}: 8.75rem;\n                ${buttonTokens.buttonPadding}: 0.625rem;\n                ${buttonTokens.buttonRadius}: 0.375rem;\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${buttonTokens.buttonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${buttonTokens.buttonFocusColor}: ${surfaceAccent};\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AA4CA;AACA;AACA;AACA;AACO,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,UASN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA,UASJ;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,CAAC,EAAA,UAoBA;AACDC,MAAAA,EAAE,EAAA,UA0BD;AACDC,MAAAA,GAAG,EAAA;KA2BN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA,SAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}

package/dist/css/es/components/Button/Button.config_153l27a.css

@@ -0,0 +1,21 @@
+.d1fnkof5{--plasma-button-color:var(--inverse-text-primary,#15110FFC);--plasma-button-text-color:var(--inverse-text-primary,#15110FFC);--plasma-button-icon-color:var(--inverse-text-primary,#15110FFC);--plasma-button-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-button-background-color:var(--surface-solid-default,#F6F2F0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover,#15110F97);--plasma-button-color-active:var(--inverse-text-primary-active,#15110FCA);}
+.a1129msw{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-accent,#0BA686);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-background-color-active:var(--surface-accent-active,#0A9E81FF);}
+.sbaqjet{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.cmxfxlw{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--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,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.sleczrv{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-positive,#A6D2A2);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
+.wlekduy{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-warning,#F8AD80);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-background-color-active:var(--surface-warning-active,#F8A977FF);}
+.c1yfa47j{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-negative,#F8A6A9);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-background-color-active:var(--surface-negative-active,#F79C9FFF);}
+.dsb1lec{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
+.b123wpoi{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-default,#15110F);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
+.w1w797f8{--plasma-button-color:var(--on-light-text-primary,#15110FFC);--plasma-button-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-icon-color:var(--on-light-text-primary,#15110FFC);--plasma-button-value-color:var(--on-light-text-secondary,#15110FA3);--plasma-button-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover,#15110F97);--plasma-button-color-active:var(--on-light-text-primary-active,#15110FCA);}
+.x1toqou7{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
+.ly229gi{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
+.m1joiaye{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
+.s1i1eza5{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
+.x1r1gaby{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
+.xqhwg07{--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;}
+.t1bf1tsb{--plasma-button-disabled-opacity:0.4;}
+.t1ca3q6l{--plasma-button-focus-color:var(--surface-accent,#0BA686);}
+
+
+

package/dist/css/es/components/Button/Button.css

@@ -1,21 +1,21 @@
-.Button_config_195dx41_d1fnkof5__b3d70ded{--plasma-button-color:var(--inverse-text-primary);--plasma-button-text-color:var(--inverse-text-primary);--plasma-button-icon-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
-.Button_config_195dx41_a1129msw__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Button_config_195dx41_sbaqjet__b3d70ded{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
-.Button_config_195dx41_cmxfxlw__b3d70ded{--plasma-button-color:var(--text-primary);--plasma-button-text-color:var(--text-primary);--plasma-button-icon-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
-.Button_config_195dx41_sleczrv__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
-.Button_config_195dx41_wlekduy__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
-.Button_config_195dx41_c1yfa47j__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
-.Button_config_195dx41_dsb1lec__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
-.Button_config_195dx41_b123wpoi__b3d70ded{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-text-color:var(--on-dark-text-primary);--plasma-button-icon-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
-.Button_config_195dx41_w1w797f8__b3d70ded{--plasma-button-color:var(--on-light-text-primary);--plasma-button-text-color:var(--on-light-text-primary);--plasma-button-icon-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
-.Button_config_195dx41_x1toqou7__b3d70ded{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
-.Button_config_195dx41_ly229gi__b3d70ded{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
-.Button_config_195dx41_m1joiaye__b3d70ded{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
-.Button_config_195dx41_s1i1eza5__b3d70ded{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
-.Button_config_195dx41_x1r1gaby__b3d70ded{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
-.Button_config_195dx41_xqhwg07__b3d70ded{--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;}
-.Button_config_195dx41_t1bf1tsb__b3d70ded{--plasma-button-disabled-opacity:0.4;}
-.Button_config_195dx41_t1ca3q6l__b3d70ded{--plasma-button-focus-color:var(--surface-accent);}
+.Button_config_153l27a_d1fnkof5__1f75129d{--plasma-button-color:var(--inverse-text-primary,#15110FFC);--plasma-button-text-color:var(--inverse-text-primary,#15110FFC);--plasma-button-icon-color:var(--inverse-text-primary,#15110FFC);--plasma-button-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-button-background-color:var(--surface-solid-default,#F6F2F0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover,#15110F97);--plasma-button-color-active:var(--inverse-text-primary-active,#15110FCA);}
+.Button_config_153l27a_a1129msw__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-accent,#0BA686);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-background-color-active:var(--surface-accent-active,#0A9E81FF);}
+.Button_config_153l27a_sbaqjet__1f75129d{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.Button_config_153l27a_cmxfxlw__1f75129d{--plasma-button-color:var(--text-primary,#FFFFFFFC);--plasma-button-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-value-color:var(--text-secondary,#F6F2F0A3);--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,#FFFFFF47);--plasma-button-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.Button_config_153l27a_sleczrv__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-positive,#A6D2A2);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
+.Button_config_153l27a_wlekduy__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-warning,#F8AD80);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-background-color-active:var(--surface-warning-active,#F8A977FF);}
+.Button_config_153l27a_c1yfa47j__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--surface-negative,#F8A6A9);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-background-color-active:var(--surface-negative-active,#F79C9FFF);}
+.Button_config_153l27a_dsb1lec__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
+.Button_config_153l27a_b123wpoi__1f75129d{--plasma-button-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-background-color:var(--on-light-surface-solid-default,#15110F);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover,#FFFFFF97);--plasma-button-color-active:var(--on-dark-text-primary-active,#FFFFFFCA);}
+.Button_config_153l27a_w1w797f8__1f75129d{--plasma-button-color:var(--on-light-text-primary,#15110FFC);--plasma-button-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-icon-color:var(--on-light-text-primary,#15110FFC);--plasma-button-value-color:var(--on-light-text-secondary,#15110FA3);--plasma-button-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover,#15110F97);--plasma-button-color-active:var(--on-light-text-primary-active,#15110FCA);}
+.Button_config_153l27a_x1toqou7__1f75129d{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
+.Button_config_153l27a_ly229gi__1f75129d{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.5rem;--plasma-button-additional-content-margin-right-width-value:0.375rem;}
+.Button_config_153l27a_m1joiaye__1f75129d{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;--plasma-button-additional-content-margin:0 0 0 0.375rem;--plasma-button-additional-content-margin-right-width-value:0.25rem;}
+.Button_config_153l27a_s1i1eza5__1f75129d{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
+.Button_config_153l27a_x1r1gaby__1f75129d{--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.125rem;--plasma-button-right-content-margin:0 -0.125rem 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;}
+.Button_config_153l27a_xqhwg07__1f75129d{--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;}
+.Button_config_153l27a_t1bf1tsb__1f75129d{--plasma-button-disabled-opacity:0.4;}
+.Button_config_153l27a_t1ca3q6l__1f75129d{--plasma-button-focus-color:var(--surface-accent,#0BA686);}
 
 
 

package/dist/css/es/components/Button/Button.js

@@ -1,4 +1,5 @@
 import { component, mergeConfig, buttonConfig } from '@salutejs/plasma-new-hope/css';
+import { makePolymorphic } from '@salutejs/plasma-new-hope';
 import { config } from './Button.config.js';
 
 var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig, config);
@@ -6,7 +7,7 @@ var ButtonComponent = /*#__PURE__*/component(mergedConfig);
 /**
  * Кнопка.
  */
-var Button = ButtonComponent;
+var Button = /*#__PURE__*/makePolymorphic(ButtonComponent, 'button');
 
 export { Button };
 //# sourceMappingURL=Button.js.map

package/dist/css/es/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src-css/components/Button/Button.tsx"],"sourcesContent":["import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Button.config';\n\nconst mergedConfig = mergeConfig(buttonConfig, config);\nconst ButtonComponent = component(mergedConfig);\n\nexport type ButtonProps = typeof ButtonComponent;\n\n/**\n * Кнопка.\n */\nexport const Button = ButtonComponent;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAI/C;AACA;AACA;AACO,IAAMM,MAAM,GAAGF;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src-css/components/Button/Button.tsx"],"sourcesContent":["import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\nimport { makePolymorphic } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Button.config';\n\nconst mergedConfig = mergeConfig(buttonConfig, config);\nconst ButtonComponent = component(mergedConfig);\n\nexport type ButtonProps = typeof ButtonComponent;\n\n/**\n * Кнопка.\n */\nexport const Button = makePolymorphic(ButtonComponent, 'button');\n"],"names":["mergedConfig","mergeConfig","buttonConfig","config","ButtonComponent","component","Button","makePolymorphic"],"mappings":";;;;AAKA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,EAAEC,MAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,SAAS,CAACL,YAAY,CAAC;AAI/C;AACA;AACA;AACO,IAAMM,MAAM,gBAAGC,eAAe,CAACH,eAAe,EAAE,QAAQ;;;;"}

package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js

@@ -1,4 +1,8 @@
-import './ButtonGroup.config_1j9s4nl.css';
+import './ButtonGroup.config_1wjq9f.css';
+/*
+ * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
+ * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold
+ */
 var config = {
   defaults: {
     view: 'default',

package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map

@@ -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';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n            `,\n            success: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonTextColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonIconColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonPadding}: 1.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            l: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\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}: var(--plasma-typo-body-s-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\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}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\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}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\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};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAEO,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,OAAO,EAAA,SAWN;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,EAAE,EAAA,UAaD;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,SAaA;AACDC,MAAAA,EAAE,EAAA,QAaD;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;MAChBxB,SAAAA,EAAO;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}
+{"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    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\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-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXsBold\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\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            success: 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            critical: 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            xl: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonPadding}: 1.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyL.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyL.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyL.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyLBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyL.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyL.lineHeight};\n            `,\n            l: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyL.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyL.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyL.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyLBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyL.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyL.lineHeight};\n            `,\n            m: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyM.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyM.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyM.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyMBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyM.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyM.lineHeight};\n            `,\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\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                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                /* NOTE: no token bodyXsBold in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                /* NOTE: no token bodyXs in @salutejs/sdds-themes/tokens */\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\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};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":"AAgDA;AACA;AACA;AACA;AACO,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,OAAO,EAAA,SAWN;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,EAAE,EAAA,UAaD;AACDC,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA,SAaA;AACDC,MAAAA,EAAE,EAAA,QAmBD;AACDC,MAAAA,GAAG,EAAA;KAoBN;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;MAChBxB,SAAAA,EAAO;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;AACJ;AACJ;;;;"}

package/dist/css/es/components/ButtonGroup/ButtonGroup.config_1wjq9f.css

@@ -0,0 +1,25 @@
+.d1n1yjnm{--plasma-button-group-item-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-text-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-button-group-item-background-color:var(--surface-solid-default,#F6F2F0);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F2ECE9FF);}
+.aqck75c{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-accent,#0BA686);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0A9E81FF);}
+.sz65cne{--plasma-button-group-item-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-group-item-color-active:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.c5fo1by{--plasma-button-group-item-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--text-secondary,#F6F2F0A3);--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,#FFFFFF97);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
+.sovvipf{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-positive,#A6D2A2);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
+.w1tax4m1{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-warning,#F8AD80);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F8A977FF);}
+.c1k2o0xu{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-negative,#F8A6A9);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#F79C9FFF);}
+.d2bys7z{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#FFFFFFC2);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#FFFFFFC7);}
+.bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#15110F);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#271F1CFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#090706FF);}
+.wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#15110FA3);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--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,#15110FFC);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#F9F7F5FF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F2ECE9FF);}
+.x1g3omzu{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
+.l1116k6l{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
+.m15t0nuq{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
+.s316r83{--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);}
+.xzu697{--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);}
+.x16bzis9{--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);}
+.h97067l{--plasma-button-group-orientation:row;}
+.v1xcwbx9{--plasma-button-group-orientation:column;}
+.n1fuvc6m{--plasma-button-group-items-gap:0;}
+.dsjqy1i{--plasma-button-group-items-gap:0.125rem;}
+.wmgmq8o{--plasma-button-group-items-gap:0.5rem;}
+
+
+
+

package/dist/css/es/components/ButtonGroup/ButtonGroup.css

@@ -1,24 +1,24 @@
-.ButtonGroup_config_1j9s4nl_d1n1yjnm__8f7915a7{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-text-color:var(--inverse-text-primary);--plasma-button-group-item-icon-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
-.ButtonGroup_config_1j9s4nl_aqck75c__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
-.ButtonGroup_config_1j9s4nl_sz65cne__8f7915a7{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
-.ButtonGroup_config_1j9s4nl_c5fo1by__8f7915a7{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-text-color:var(--text-primary);--plasma-button-group-item-icon-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
-.ButtonGroup_config_1j9s4nl_sovvipf__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
-.ButtonGroup_config_1j9s4nl_w1tax4m1__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
-.ButtonGroup_config_1j9s4nl_c1k2o0xu__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
-.ButtonGroup_config_1j9s4nl_d2bys7z__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
-.ButtonGroup_config_1j9s4nl_bp70rs0__8f7915a7{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-text-color:var(--on-dark-text-primary);--plasma-button-group-item-icon-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
-.ButtonGroup_config_1j9s4nl_wmie5p2__8f7915a7{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-text-color:var(--on-light-text-primary);--plasma-button-group-item-icon-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
-.ButtonGroup_config_1j9s4nl_x1g3omzu__8f7915a7{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.ButtonGroup_config_1j9s4nl_l1116k6l__8f7915a7{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.ButtonGroup_config_1j9s4nl_m15t0nuq__8f7915a7{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
-.ButtonGroup_config_1j9s4nl_s316r83__8f7915a7{--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);}
-.ButtonGroup_config_1j9s4nl_xzu697__8f7915a7{--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);}
-.ButtonGroup_config_1j9s4nl_x16bzis9__8f7915a7{--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);}
-.ButtonGroup_config_1j9s4nl_h97067l__8f7915a7{--plasma-button-group-orientation:row;}
-.ButtonGroup_config_1j9s4nl_v1xcwbx9__8f7915a7{--plasma-button-group-orientation:column;}
-.ButtonGroup_config_1j9s4nl_n1fuvc6m__8f7915a7{--plasma-button-group-items-gap:0;}
-.ButtonGroup_config_1j9s4nl_dsjqy1i__8f7915a7{--plasma-button-group-items-gap:0.125rem;}
-.ButtonGroup_config_1j9s4nl_wmgmq8o__8f7915a7{--plasma-button-group-items-gap:0.5rem;}
+.ButtonGroup_config_1wjq9f_d1n1yjnm__a12c7257{--plasma-button-group-item-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-text-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#15110FA3);--plasma-button-group-item-background-color:var(--surface-solid-default,#F6F2F0);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#F9F7F5FF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#15110FFC);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F2ECE9FF);}
+.ButtonGroup_config_1wjq9f_aqck75c__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-accent,#0BA686);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#0CBB98FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0A9E81FF);}
+.ButtonGroup_config_1wjq9f_sz65cne__a12c7257{--plasma-button-group-item-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#FFFFFF29);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#FFFFFF47);--plasma-button-group-item-color-active:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#FFFFFF1A);}
+.ButtonGroup_config_1wjq9f_c5fo1by__a12c7257{--plasma-button-group-item-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--text-secondary,#F6F2F0A3);--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,#FFFFFF97);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
+.ButtonGroup_config_1wjq9f_sovvipf__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-positive,#A6D2A2);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#B3D9B0FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#9FCF9BFF);}
+.ButtonGroup_config_1wjq9f_w1tax4m1__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-warning,#F8AD80);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#F9BB94FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F8A977FF);}
+.ButtonGroup_config_1wjq9f_c1k2o0xu__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--surface-negative,#F8A6A9);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#F9B8BAFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#F79C9FFF);}
+.ButtonGroup_config_1wjq9f_d2bys7z__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#FFFFFFB3);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#FFFFFFC2);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#FFFFFFC7);}
+.ButtonGroup_config_1wjq9f_bp70rs0__a12c7257{--plasma-button-group-item-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#F6F2F0A3);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#15110F);--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,#FFFFFFFC);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#271F1CFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#FFFFFFFC);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#090706FF);}
+.ButtonGroup_config_1wjq9f_wmie5p2__a12c7257{--plasma-button-group-item-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-text-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#15110FA3);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F6F2F0);--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,#15110FFC);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#F9F7F5FF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#15110FFC);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F2ECE9FF);}
+.ButtonGroup_config_1wjq9f_x1g3omzu__a12c7257{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
+.ButtonGroup_config_1wjq9f_l1116k6l__a12c7257{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
+.ButtonGroup_config_1wjq9f_m15t0nuq__a12c7257{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
+.ButtonGroup_config_1wjq9f_s316r83__a12c7257{--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);}
+.ButtonGroup_config_1wjq9f_xzu697__a12c7257{--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);}
+.ButtonGroup_config_1wjq9f_x16bzis9__a12c7257{--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);}
+.ButtonGroup_config_1wjq9f_h97067l__a12c7257{--plasma-button-group-orientation:row;}
+.ButtonGroup_config_1wjq9f_v1xcwbx9__a12c7257{--plasma-button-group-orientation:column;}
+.ButtonGroup_config_1wjq9f_n1fuvc6m__a12c7257{--plasma-button-group-items-gap:0;}
+.ButtonGroup_config_1wjq9f_dsjqy1i__a12c7257{--plasma-button-group-items-gap:0.125rem;}
+.ButtonGroup_config_1wjq9f_wmgmq8o__a12c7257{--plasma-button-group-items-gap:0.5rem;}