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

package/dist/css/cjs/components/Badge/Badge.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } 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                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.padding}: 0 0.6875rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.padding}: 0 0.5625rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.padding}: 0 0.4375rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            xs: css`\n                ${badgeTokens.borderRadius}: 0.25rem;\n                ${badgeTokens.height}: 1rem;\n                ${badgeTokens.padding}: 0 0.25rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css`\n                ${badgeTokens.backgroundClear}: var(--surface-clear);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"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,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA;KAmBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    inverseTextPrimary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceTransparentCard,\n    onDarkTextPrimary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    surfaceAccent,\n    surfaceClear,\n    surfaceNegative,\n    surfacePositive,\n    surfaceSolidDefault,\n    surfaceTransparentAccent,\n    surfaceTransparentNegative,\n    surfaceTransparentSecondary,\n    surfaceWarning,\n    textAccent,\n    textNegative,\n    textPositive,\n    textPrimary,\n    textWarning,\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, bodyXxs, surfaceTransparentPositive\n * surfaceTransparentWarning\n */\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: ${inverseTextPrimary};\n                ${badgeTokens.background}: ${surfaceSolidDefault};\n\n                ${badgeTokens.colorTransparent}: ${textPrimary};\n                ${badgeTokens.backgroundTransparent}: ${surfaceTransparentSecondary};\n\n                ${badgeTokens.colorClear}: ${textPrimary};\n            `,\n            accent: css`\n                ${badgeTokens.color}: ${onDarkTextPrimary};\n                ${badgeTokens.background}: ${surfaceAccent};\n\n                ${badgeTokens.colorTransparent}: ${textAccent};\n                ${badgeTokens.backgroundTransparent}: ${surfaceTransparentAccent};\n\n                ${badgeTokens.colorClear}: ${textAccent};\n            `,\n            positive: css`\n                ${badgeTokens.color}: ${onDarkTextPrimary};\n                ${badgeTokens.background}: ${surfacePositive};\n\n                ${badgeTokens.colorTransparent}: ${textPositive};\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: ${textPositive};\n            `,\n            warning: css`\n                ${badgeTokens.color}: ${onDarkTextPrimary};\n                ${badgeTokens.background}: ${surfaceWarning};\n\n                ${badgeTokens.colorTransparent}: ${textWarning};\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: ${textWarning};\n            `,\n            negative: css`\n                ${badgeTokens.color}: ${onDarkTextPrimary};\n                ${badgeTokens.background}: ${surfaceNegative};\n\n                ${badgeTokens.colorTransparent}: ${textNegative};\n                ${badgeTokens.backgroundTransparent}: ${surfaceTransparentNegative};\n\n                ${badgeTokens.colorClear}: ${textNegative};\n            `,\n            dark: css`\n                ${badgeTokens.color}: ${onDarkTextPrimary};\n                ${badgeTokens.background}: ${onLightSurfaceSolidDefault};\n\n                ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n                ${badgeTokens.backgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n                ${badgeTokens.colorClear}: ${onLightTextPrimary};\n            `,\n            light: css`\n                ${badgeTokens.color}: ${onLightTextPrimary};\n                ${badgeTokens.background}: ${onDarkSurfaceSolidDefault};\n\n                ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n                ${badgeTokens.backgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n                ${badgeTokens.colorClear}: ${onDarkTextPrimary};\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.padding}: 0 0.6875rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: ${bodyS.fontFamily};\n                ${badgeTokens.fontSize}: ${bodyS.fontSize};\n                ${badgeTokens.fontStyle}: ${bodyS.fontStyle};\n                ${badgeTokens.fontWeight}: ${bodyS.fontWeight};\n                ${badgeTokens.letterSpacing}: ${bodyS.letterSpacing};\n                ${badgeTokens.lineHeight}: ${bodyS.lineHeight};\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.padding}: 0 0.5625rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.padding}: 0 0.4375rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.25rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            xs: css`\n                ${badgeTokens.borderRadius}: 0.25rem;\n                ${badgeTokens.height}: 1rem;\n                ${badgeTokens.padding}: 0 0.25rem;\n                ${badgeTokens.paddingIconOnly}: 0 0.188rem;\n\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css`\n                ${badgeTokens.backgroundClear}: ${surfaceClear};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":";;;;AA0BA;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;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA;KAyBL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/Badge/{Badge.config_j8iuvb.css → Badge.config_1ymanxm.css}

@@ -1,14 +1,14 @@
-.d1jjv431{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
-.a19urrnd{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
-.pyyyj31{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
-.wuooskw{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
-.n15m2vr9{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
-.d18um2tl{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
-.l1ax9ooi{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
+.d1jjv431{--plasma-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-badge-color-clear:var(--text-primary,#FFFFFFFC);}
+.a19urrnd{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-accent,#0BA686);--plasma-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-badge-color-clear:var(--text-accent,#61C8B0);}
+.pyyyj31{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-positive,#A6D2A2);--plasma-badge-color-transparent:var(--text-positive,#50A84C);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive,#50A84C);}
+.wuooskw{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-warning,#F8AD80);--plasma-badge-color-transparent:var(--text-warning,#DA6828);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning,#DA6828);}
+.n15m2vr9{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-negative,#F8A6A9);--plasma-badge-color-transparent:var(--text-negative,#F57E83);--plasma-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-badge-color-clear:var(--text-negative,#F57E83);}
+.d18um2tl{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-badge-color-clear:var(--on-light-text-primary,#15110FFC);}
+.l1ax9ooi{--plasma-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card,#23232380);--plasma-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);}
 .l120gqtu{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding:0 0.6875rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .m1axkt51{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding:0 0.5625rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .s1nq2efa{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding:0 0.4375rem;--plasma-badge-padding-icon-only:0 0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .x1nw4jlc{--plasma-badge-border-radius:0.25rem;--plasma-badge-height:1rem;--plasma-badge-padding:0 0.25rem;--plasma-badge-padding-icon-only:0 0.188rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .ttdupg3{--plasma-badge-pilled-border-radius:1.25rem;}
 
-.teil9wv{--plasma-badge-background-clear:var(--surface-clear);}
+.teil9wv{--plasma-badge-background-clear:var(--surface-clear,#FFFFFF00);}

package/dist/css/cjs/components/Badge/Badge.css

@@ -1,14 +1,14 @@
-.Badge_config_j8iuvb_d1jjv431__b2cba502{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
-.Badge_config_j8iuvb_a19urrnd__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
-.Badge_config_j8iuvb_pyyyj31__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
-.Badge_config_j8iuvb_wuooskw__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
-.Badge_config_j8iuvb_n15m2vr9__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
-.Badge_config_j8iuvb_d18um2tl__b2cba502{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
-.Badge_config_j8iuvb_l1ax9ooi__b2cba502{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
-.Badge_config_j8iuvb_l120gqtu__b2cba502{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding:0 0.6875rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_j8iuvb_m1axkt51__b2cba502{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding:0 0.5625rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_j8iuvb_s1nq2efa__b2cba502{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding:0 0.4375rem;--plasma-badge-padding-icon-only:0 0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_j8iuvb_x1nw4jlc__b2cba502{--plasma-badge-border-radius:0.25rem;--plasma-badge-height:1rem;--plasma-badge-padding:0 0.25rem;--plasma-badge-padding-icon-only:0 0.188rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_j8iuvb_ttdupg3__b2cba502{--plasma-badge-pilled-border-radius:1.25rem;}
+.Badge_config_1ymanxm_d1jjv431__88101049{--plasma-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-badge-color-clear:var(--text-primary,#FFFFFFFC);}
+.Badge_config_1ymanxm_a19urrnd__88101049{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-accent,#0BA686);--plasma-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-badge-color-clear:var(--text-accent,#61C8B0);}
+.Badge_config_1ymanxm_pyyyj31__88101049{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-positive,#A6D2A2);--plasma-badge-color-transparent:var(--text-positive,#50A84C);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive,#50A84C);}
+.Badge_config_1ymanxm_wuooskw__88101049{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-warning,#F8AD80);--plasma-badge-color-transparent:var(--text-warning,#DA6828);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning,#DA6828);}
+.Badge_config_1ymanxm_n15m2vr9__88101049{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--surface-negative,#F8A6A9);--plasma-badge-color-transparent:var(--text-negative,#F57E83);--plasma-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-badge-color-clear:var(--text-negative,#F57E83);}
+.Badge_config_1ymanxm_d18um2tl__88101049{--plasma-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep,#FFFFFFB3);--plasma-badge-color-clear:var(--on-light-text-primary,#15110FFC);}
+.Badge_config_1ymanxm_l1ax9ooi__88101049{--plasma-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card,#23232380);--plasma-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);}
+.Badge_config_1ymanxm_l120gqtu__88101049{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding:0 0.6875rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1ymanxm_m1axkt51__88101049{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding:0 0.5625rem;--plasma-badge-padding-icon-only:0 0.375rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1ymanxm_s1nq2efa__88101049{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding:0 0.4375rem;--plasma-badge-padding-icon-only:0 0.25rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1ymanxm_x1nw4jlc__88101049{--plasma-badge-border-radius:0.25rem;--plasma-badge-height:1rem;--plasma-badge-padding:0 0.25rem;--plasma-badge-padding-icon-only:0 0.188rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_1ymanxm_ttdupg3__88101049{--plasma-badge-pilled-border-radius:1.25rem;}
 
-.Badge_config_j8iuvb_teil9wv__b2cba502{--plasma-badge-background-clear:var(--surface-clear);}
+.Badge_config_1ymanxm_teil9wv__88101049{--plasma-badge-background-clear:var(--surface-clear,#FFFFFF00);}

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

@@ -1,8 +1,13 @@
-require('./Breadcrumbs.config_b0qlrl.css');
+require('./Breadcrumbs.config_1j4bv50.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/*
+ * 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/cjs/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/cjs/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/cjs/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/cjs/components/Button/Button.config.js

@@ -1,8 +1,12 @@
-require('./Button.config_195dx41.css');
+require('./Button.config_153l27a.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/*
+ * 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/cjs/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/cjs/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/cjs/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/cjs/components/Button/Button.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var css = require('@salutejs/plasma-new-hope/css');
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
 var Button_config = require('./Button.config.js');
 
 var mergedConfig = /*#__PURE__*/css.mergeConfig(css.buttonConfig, Button_config.config);
@@ -10,7 +11,7 @@ var ButtonComponent = /*#__PURE__*/css.component(mergedConfig);
 /**
  * Кнопка.
  */
-var Button = ButtonComponent;
+var Button = /*#__PURE__*/plasmaNewHope.makePolymorphic(ButtonComponent, 'button');
 
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/css/cjs/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,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,aAAS,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,eAAW,CAACC,gBAAY,EAAEC,oBAAM,CAAC;AACtD,IAAMC,eAAe,gBAAGC,aAAS,CAACL,YAAY,CAAC;AAI/C;AACA;AACA;AACO,IAAMM,MAAM,gBAAGC,6BAAe,CAACH,eAAe,EAAE,QAAQ;;;;"}

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

@@ -1,8 +1,12 @@
-require('./ButtonGroup.config_1j9s4nl.css');
+require('./ButtonGroup.config_1wjq9f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+/*
+ * 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/cjs/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;;;;"}