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

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';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceSolidDefaultActive,\n    onDarkSurfaceSolidDefaultHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceSolidDefaultActive,\n    onLightSurfaceSolidDefaultHover,\n    onLightSurfaceTransparentDeep,\n    onLightSurfaceTransparentDeepActive,\n    onLightSurfaceTransparentDeepHover,\n    onLightTextPrimary,\n    onLightTextSecondary,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n                ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n            `,\n            positive: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n            `,\n            negative: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n            `,\n        },\n        size: {\n            s: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n            `,\n            xs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonPadding}: 0.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n            `,\n            xxs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n                ${buttonGroupTokens.buttonHeight}: 1.5rem;\n                ${buttonGroupTokens.buttonPadding}: 0.625rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n            `,\n            dense: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n    intersections: [\n        {\n            gap: 'dense',\n            shape: 'default',\n            style: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":";;;;AA8CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA;KAYR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,SAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA,SAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,UAAO;MAChBrB,SAAAA,EAAO;KACV;AACDsB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,SAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
+{"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextSecondary,\n    onDarkSurfaceSolidDefault,\n    onDarkSurfaceSolidDefaultActive,\n    onDarkSurfaceSolidDefaultHover,\n    onDarkTextPrimary,\n    onDarkTextSecondary,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceSolidDefaultActive,\n    onLightSurfaceSolidDefaultHover,\n    onLightSurfaceTransparentDeep,\n    onLightSurfaceTransparentDeepActive,\n    onLightSurfaceTransparentDeepHover,\n    onLightTextPrimary,\n    onLightTextSecondary,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentGradient,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceSolidDefaultActive,\n    surfaceSolidDefaultHover,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n                ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n            `,\n            positive: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n            `,\n            negative: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n                ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n            `,\n            gradient: css`\n                ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n                ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n                ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n                ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n            `,\n        },\n        size: {\n            s: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n            `,\n            xs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonPadding}: 0.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n            `,\n            xxs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n                ${buttonGroupTokens.buttonHeight}: 1.5rem;\n                ${buttonGroupTokens.buttonPadding}: 0.625rem;\n                ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n                ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n                ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n                ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n                ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n            `,\n            dense: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n    intersections: [\n        {\n            gap: 'dense',\n            shape: 'default',\n            style: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n            `,\n        },\n    ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":";;;;AA+CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,QAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,SAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBtB,SAAAA,EAAO;KACV;AACDuB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}

package/dist/css/cjs/components/ButtonGroup/{ButtonGroup.config_1a2vbl.css → ButtonGroup.config_k5yu4i.css}

@@ -8,16 +8,17 @@
 .d2bys7z{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
 .bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
 .wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
-.s1g3omzu{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
-.x1116k6l{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
-.x15t0nuq{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
-.h316r83{--plasma-button-group-orientation:row;}
-.vzu697{--plasma-button-group-orientation:column;}
-.n16bzis9{--plasma-button-group-items-gap:0;}
-.d97067l{--plasma-button-group-items-gap:0.125rem;}
-.w1xcwbx9{--plasma-button-group-items-gap:0.5rem;}
+.g1g3omzu{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-background-color-hover:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-item-background-color-active:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));}
+.s1116k6l{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
+.x15t0nuq{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.x316r83{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.hzu697{--plasma-button-group-orientation:row;}
+.v16bzis9{--plasma-button-group-orientation:column;}
+.n97067l{--plasma-button-group-items-gap:0;}
+.d1xcwbx9{--plasma-button-group-items-gap:0.125rem;}
+.w1fuvc6m{--plasma-button-group-items-gap:0.5rem;}
 
 
 
 
-.sbb1ace{--plasma-button-group-items-gap:0.25rem;}
+.snyer5h{--plasma-button-group-items-gap:0.25rem;}

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

@@ -1,23 +1,24 @@
-.ButtonGroup_config_1a2vbl_d1n1yjnm__48552cf5{--plasma-button-group-item-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
-.ButtonGroup_config_1a2vbl_aqck75c__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-accent,#199AF0);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0F96F0FF);}
-.ButtonGroup_config_1a2vbl_sz65cne__48552cf5{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-group-item-color-active:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
-.ButtonGroup_config_1a2vbl_c5fo1by__48552cf5{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
-.ButtonGroup_config_1a2vbl_povvipf__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-positive,#1A9E32);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#18952FFF);}
-.ButtonGroup_config_1a2vbl_w1tax4m1__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-warning,#FA5F05);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F05B05FF);}
-.ButtonGroup_config_1a2vbl_n1k2o0xu__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-negative,#FF293E);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#FF1F35FF);}
-.ButtonGroup_config_1a2vbl_d2bys7z__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
-.ButtonGroup_config_1a2vbl_bp70rs0__48552cf5{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
-.ButtonGroup_config_1a2vbl_wmie5p2__48552cf5{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
-.ButtonGroup_config_1a2vbl_s1g3omzu__48552cf5{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
-.ButtonGroup_config_1a2vbl_x1116k6l__48552cf5{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
-.ButtonGroup_config_1a2vbl_x15t0nuq__48552cf5{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
-.ButtonGroup_config_1a2vbl_h316r83__48552cf5{--plasma-button-group-orientation:row;}
-.ButtonGroup_config_1a2vbl_vzu697__48552cf5{--plasma-button-group-orientation:column;}
-.ButtonGroup_config_1a2vbl_n16bzis9__48552cf5{--plasma-button-group-items-gap:0;}
-.ButtonGroup_config_1a2vbl_d97067l__48552cf5{--plasma-button-group-items-gap:0.125rem;}
-.ButtonGroup_config_1a2vbl_w1xcwbx9__48552cf5{--plasma-button-group-items-gap:0.5rem;}
+.ButtonGroup_config_k5yu4i_d1n1yjnm__15077c40{--plasma-button-group-item-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--inverse-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--inverse-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active,#F1F5F8FF);}
+.ButtonGroup_config_k5yu4i_aqck75c__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-accent,#199AF0);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-accent-active,#0F96F0FF);}
+.ButtonGroup_config_k5yu4i_sz65cne__15077c40{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-button-group-item-color-active:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
+.ButtonGroup_config_k5yu4i_c5fo1by__15077c40{--plasma-button-group-item-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-clear,#FFFFFF00);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-button-group-item-background-color-hover:var(--surface-clear,#FFFFFF00);--plasma-button-group-item-color-active:var(--text-primary-active,#F2F5F8C4);--plasma-button-group-item-background-color-active:var(--surface-clear,#FFFFFF00);}
+.ButtonGroup_config_k5yu4i_povvipf__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-positive,#1A9E32);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-positive-active,#18952FFF);}
+.ButtonGroup_config_k5yu4i_w1tax4m1__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-warning,#FA5F05);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-warning-active,#F05B05FF);}
+.ButtonGroup_config_k5yu4i_n1k2o0xu__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--surface-negative,#FF293E);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--surface-negative-active,#FF1F35FF);}
+.ButtonGroup_config_k5yu4i_d2bys7z__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover,#30373BE6);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active,#30373BB8);}
+.ButtonGroup_config_k5yu4i_bp70rs0__15077c40{--plasma-button-group-item-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-text-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-icon-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-value-color:var(--on-dark-text-secondary,#D5DFE69E);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover,#0A1114FF);--plasma-button-group-item-color-active:var(--on-dark-text-primary,#F2F5F8F5);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active,#030607FF);}
+.ButtonGroup_config_k5yu4i_wmie5p2__15077c40{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover,#FFFFFFFF);--plasma-button-group-item-color-active:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active,#F1F5F8FF);}
+.ButtonGroup_config_k5yu4i_g1g3omzu__15077c40{--plasma-button-group-item-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-text-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-icon-color:var(--on-light-text-primary,#13181BF5);--plasma-button-group-item-value-color:var(--on-light-text-secondary,#485056B0);--plasma-button-group-item-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-background-color-hover:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-button-group-item-background-color-active:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));}
+.ButtonGroup_config_k5yu4i_s1116k6l__15077c40{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
+.ButtonGroup_config_k5yu4i_x15t0nuq__15077c40{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.ButtonGroup_config_k5yu4i_x316r83__15077c40{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.ButtonGroup_config_k5yu4i_hzu697__15077c40{--plasma-button-group-orientation:row;}
+.ButtonGroup_config_k5yu4i_v16bzis9__15077c40{--plasma-button-group-orientation:column;}
+.ButtonGroup_config_k5yu4i_n97067l__15077c40{--plasma-button-group-items-gap:0;}
+.ButtonGroup_config_k5yu4i_d1xcwbx9__15077c40{--plasma-button-group-items-gap:0.125rem;}
+.ButtonGroup_config_k5yu4i_w1fuvc6m__15077c40{--plasma-button-group-items-gap:0.5rem;}
 
 
 
 
-.ButtonGroup_config_1a2vbl_sbb1ace__48552cf5{--plasma-button-group-items-gap:0.25rem;}
+.ButtonGroup_config_k5yu4i_snyer5h__15077c40{--plasma-button-group-items-gap:0.25rem;}

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

@@ -1,4 +1,4 @@
-require('./EmbedIconButton.config_cdgtoa.css');
+require('./EmbedIconButton.config_vvzol4.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,18 +17,19 @@ var config = {
       positive: "p16kzfgz",
       warning: "w1s63nj",
       negative: "n1kjgdfx",
-      info: "i197tl70"
+      info: "i197tl70",
+      gradient: "gn0azg9"
     },
     size: {
-      l: "ln0azg9",
-      m: "mlyqmyt",
-      s: "s1n9yigx"
+      l: "llyqmyt",
+      m: "m1n9yigx",
+      s: "s1k6kx7k"
     },
     disabled: {
-      "true": "t1k6kx7k"
+      "true": "t9oi5n9"
     },
     focused: {
-      "true": "t9oi5n9"
+      "true": "t70awtq"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EmbedIconButton.config.js","sources":["../../../../../src-css/components/EmbedIconButton/EmbedIconButton.config.ts"],"sourcesContent":["import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    surfaceAccent,\n    surfaceClear,\n    textAccent,\n    textAccentActive,\n    textAccentHover,\n    textInfo,\n    textInfoActive,\n    textInfoHover,\n    textNegative,\n    textNegativeActive,\n    textNegativeHover,\n    textPositive,\n    textPositiveActive,\n    textPositiveHover,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textWarning,\n    textWarningActive,\n    textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textPrimary};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPrimaryHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPrimaryActive};\n            `,\n            accent: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textAccent};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentActive};\n            `,\n            secondary: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textSecondary};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textSecondaryHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textSecondaryActive};\n            `,\n            positive: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textPositive};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPositiveHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPositiveActive};\n            `,\n            warning: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textWarning};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textWarningHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textWarningActive};\n            `,\n            negative: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textNegative};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textNegativeHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textNegativeActive};\n            `,\n            info: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textInfo};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textInfoHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textInfoActive};\n            `,\n        },\n        size: {\n            l: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 2.25rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 2.25rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.75rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyL.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyL.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyL.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyLBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyL.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyL.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.75rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n            m: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 1.5rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 1.5rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.625rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyM.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyM.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyM.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyMBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyM.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyM.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.25rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n            s: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 1rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 1rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.5rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyS.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyS.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyS.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyS.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 0.75rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${embedIconButtonTokens.embedIconButtonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${embedIconButtonTokens.embedIconButtonFocusColor}: ${surfaceAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","positive","warning","negative","info","l","m","s","disabled","true"],"mappings":";;;;AAiCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAMN;AACDC,MAAAA,MAAM,EAAA,UAML;AACDC,MAAAA,SAAS,EAAA,UAMR;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,OAAO,EAAA,SAMN;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,IAAI,EAAA;KAOP;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA;KAeJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDd,IAAAA,OAAO,EAAE;MACLc,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"EmbedIconButton.config.js","sources":["../../../../../src-css/components/EmbedIconButton/EmbedIconButton.config.ts"],"sourcesContent":["import { css, embedIconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyL,\n    bodyLBold,\n    bodyM,\n    bodyMBold,\n    bodyS,\n    bodySBold,\n    surfaceAccent,\n    surfaceClear,\n    textAccent,\n    textAccentActive,\n    textAccentGradient,\n    textAccentHover,\n    textInfo,\n    textInfoActive,\n    textInfoHover,\n    textNegative,\n    textNegativeActive,\n    textNegativeHover,\n    textPositive,\n    textPositiveActive,\n    textPositiveHover,\n    textPrimary,\n    textPrimaryActive,\n    textPrimaryHover,\n    textSecondary,\n    textSecondaryActive,\n    textSecondaryHover,\n    textWarning,\n    textWarningActive,\n    textWarningHover,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textPrimary};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPrimaryHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPrimaryActive};\n            `,\n            accent: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textAccent};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentActive};\n            `,\n            secondary: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textSecondary};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textSecondaryHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textSecondaryActive};\n            `,\n            positive: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textPositive};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textPositiveHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textPositiveActive};\n            `,\n            warning: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textWarning};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textWarningHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textWarningActive};\n            `,\n            negative: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textNegative};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textNegativeHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textNegativeActive};\n            `,\n            info: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textInfo};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textInfoHover};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textInfoActive};\n            `,\n            gradient: css`\n                ${embedIconButtonTokens.embedIconButtonColor}: ${textAccentGradient};\n                ${embedIconButtonTokens.embedIconButtonBackgroundColor}: ${surfaceClear};\n                ${embedIconButtonTokens.embedIconButtonLoadingBackgroundColor}: var(${embedIconButtonTokens.embedIconButtonBackgroundColor});\n                ${embedIconButtonTokens.embedIconButtonColorHover}: ${textAccentGradient};\n                ${embedIconButtonTokens.embedIconButtonColorActive}: ${textAccentGradient};\n            `,\n        },\n        size: {\n            l: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 2.25rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 2.25rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.75rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyL.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyL.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyL.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyLBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyL.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyL.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.75rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n            m: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 1.5rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 1.5rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.625rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyM.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyM.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyM.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodyMBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyM.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyM.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 1.25rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n            s: css`\n                ${embedIconButtonTokens.embedIconButtonHeight}: 1rem;\n                ${embedIconButtonTokens.embedIconButtonWidth}: 1rem;\n                ${embedIconButtonTokens.embedIconButtonPadding}: 0rem;\n                ${embedIconButtonTokens.embedIconButtonRadius}: 0.5rem;\n                ${embedIconButtonTokens.embedIconButtonFontFamily}: ${bodyS.fontFamily};\n                ${embedIconButtonTokens.embedIconButtonFontSize}: ${bodyS.fontSize};\n                ${embedIconButtonTokens.embedIconButtonFontStyle}: ${bodyS.fontStyle};\n                ${embedIconButtonTokens.embedIconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${embedIconButtonTokens.embedIconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${embedIconButtonTokens.embedIconButtonLineHeight}: ${bodyS.lineHeight};\n\n                ${embedIconButtonTokens.embedIconButtonSpinnerSize}: 0.75rem;\n                ${embedIconButtonTokens.embedIconButtonSpinnerColor}: inherit;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${embedIconButtonTokens.embedIconButtonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${embedIconButtonTokens.embedIconButtonFocusColor}: ${surfaceAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","positive","warning","negative","info","gradient","l","m","s","disabled","true"],"mappings":";;;;AAkCO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,SAMN;AACDC,MAAAA,MAAM,EAAA,UAML;AACDC,MAAAA,SAAS,EAAA,UAMR;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,OAAO,EAAA,SAMN;AACDC,MAAAA,QAAQ,EAAA,UAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,QAAQ,EAAA;KAOX;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAAA,SAcA;AACDC,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,CAAC,EAAA;KAeJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDf,IAAAA,OAAO,EAAE;MACLe,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/cjs/components/EmbedIconButton/{EmbedIconButton.config_cdgtoa.css → EmbedIconButton.config_vvzol4.css}

@@ -5,8 +5,9 @@
 .w1s63nj{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
 .n1kjgdfx{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
 .i197tl70{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
-.ln0azg9{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.mlyqmyt{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.s1n9yigx{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.t1k6kx7k{--plasma-embed-icon-button-disabled-opacity:0.4;}
-.t9oi5n9{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
+.gn0azg9{--plasma-embed-icon-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
+.llyqmyt{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.m1n9yigx{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.s1k6kx7k{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.t9oi5n9{--plasma-embed-icon-button-disabled-opacity:0.4;}
+.t70awtq{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}

package/dist/css/cjs/components/EmbedIconButton/EmbedIconButton.css

@@ -1,12 +1,13 @@
-.EmbedIconButton_config_cdgtoa_dq3rinb__fb5a8e87{--plasma-embed-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embed-icon-button-color-active:var(--text-primary-active,#F2F5F8C4);}
-.EmbedIconButton_config_cdgtoa_a1kp6gwc__fb5a8e87{--plasma-embed-icon-button-color:var(--text-accent,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-accent-active,#0E8ADDFF);}
-.EmbedIconButton_config_cdgtoa_s1mii79i__fb5a8e87{--plasma-embed-icon-button-color:var(--text-secondary,#D5DFE69E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embed-icon-button-color-active:var(--text-secondary-active,#D6DFE6BE);}
-.EmbedIconButton_config_cdgtoa_p16kzfgz__fb5a8e87{--plasma-embed-icon-button-color:var(--text-positive,#24B23E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embed-icon-button-color-active:var(--text-positive-active,#1F9835FF);}
-.EmbedIconButton_config_cdgtoa_w1s63nj__fb5a8e87{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
-.EmbedIconButton_config_cdgtoa_n1kjgdfx__fb5a8e87{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
-.EmbedIconButton_config_cdgtoa_i197tl70__fb5a8e87{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
-.EmbedIconButton_config_cdgtoa_ln0azg9__fb5a8e87{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.EmbedIconButton_config_cdgtoa_mlyqmyt__fb5a8e87{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.EmbedIconButton_config_cdgtoa_s1n9yigx__fb5a8e87{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
-.EmbedIconButton_config_cdgtoa_t1k6kx7k__fb5a8e87{--plasma-embed-icon-button-disabled-opacity:0.4;}
-.EmbedIconButton_config_cdgtoa_t9oi5n9__fb5a8e87{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}
+.EmbedIconButton_config_vvzol4_dq3rinb__94083575{--plasma-embed-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-primary-hover,#F2F5F893);--plasma-embed-icon-button-color-active:var(--text-primary-active,#F2F5F8C4);}
+.EmbedIconButton_config_vvzol4_a1kp6gwc__94083575{--plasma-embed-icon-button-color:var(--text-accent,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-accent-active,#0E8ADDFF);}
+.EmbedIconButton_config_vvzol4_s1mii79i__94083575{--plasma-embed-icon-button-color:var(--text-secondary,#D5DFE69E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-embed-icon-button-color-active:var(--text-secondary-active,#D6DFE6BE);}
+.EmbedIconButton_config_vvzol4_p16kzfgz__94083575{--plasma-embed-icon-button-color:var(--text-positive,#24B23E);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-positive-hover,#2ACB47FF);--plasma-embed-icon-button-color-active:var(--text-positive-active,#1F9835FF);}
+.EmbedIconButton_config_vvzol4_w1s63nj__94083575{--plasma-embed-icon-button-color:var(--text-warning,#FF7024);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-warning-hover,#FF8442FF);--plasma-embed-icon-button-color-active:var(--text-warning-active,#FF5D05FF);}
+.EmbedIconButton_config_vvzol4_n1kjgdfx__94083575{--plasma-embed-icon-button-color:var(--text-negative,#FF3D51);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-negative-hover,#FF5C6CFF);--plasma-embed-icon-button-color-active:var(--text-negative-active,#FF1F35FF);}
+.EmbedIconButton_config_vvzol4_i197tl70__94083575{--plasma-embed-icon-button-color:var(--text-info,#199AF0);--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-info-hover,#66BCF5FF);--plasma-embed-icon-button-color-active:var(--text-info-active,#0E8ADDFF);}
+.EmbedIconButton_config_vvzol4_gn0azg9__94083575{--plasma-embed-icon-button-color:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-embed-icon-button-loading-background-color:var(--plasma-embed-icon-button-background-color);--plasma-embed-icon-button-color-hover:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));--plasma-embed-icon-button-color-active:var(--text-accent-gradient,linear-gradient(101.02deg,#3F81FDFF 0%,#00A4D1FF 45.322%,#528EFFFF 100%));}
+.EmbedIconButton_config_vvzol4_llyqmyt__94083575{--plasma-embed-icon-button-height:2.25rem;--plasma-embed-icon-button-width:2.25rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.75rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-embed-icon-button-spinner-size:1.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.EmbedIconButton_config_vvzol4_m1n9yigx__94083575{--plasma-embed-icon-button-height:1.5rem;--plasma-embed-icon-button-width:1.5rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.625rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-embed-icon-button-spinner-size:1.25rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.EmbedIconButton_config_vvzol4_s1k6kx7k__94083575{--plasma-embed-icon-button-height:1rem;--plasma-embed-icon-button-width:1rem;--plasma-embed-icon-button-padding:0rem;--plasma-embed-icon-button-radius:0.5rem;--plasma-embed-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-embed-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-embed-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-embed-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-embed-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-embed-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-embed-icon-button-spinner-size:0.75rem;--plasma-embed-icon-button-spinner-color:inherit;}
+.EmbedIconButton_config_vvzol4_t9oi5n9__94083575{--plasma-embed-icon-button-disabled-opacity:0.4;}
+.EmbedIconButton_config_vvzol4_t70awtq__94083575{--plasma-embed-icon-button-focus-color:var(--surface-accent,#199AF0);}

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

@@ -1,4 +1,4 @@
-require('./IconButton.config_zugwrv.css');
+require('./IconButton.config_edu4ku.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,18 +20,19 @@ var config = {
       negative: "nrva8ns",
       dark: "d11wn1rp",
       black: "b1b6yic8",
-      white: "w1bgiggf"
+      white: "w1bgiggf",
+      gradient: "g1dxcd0l"
     },
     size: {
-      s: "s1dxcd0l",
-      xs: "x1dmlkwi",
-      xxs: "xf24ef4"
+      s: "s1dmlkwi",
+      xs: "xf24ef4",
+      xxs: "xc2xiyr"
     },
     disabled: {
-      "true": "tc2xiyr"
+      "true": "t1gtjmmp"
     },
     focused: {
-      "true": "t1gtjmmp"
+      "true": "t1sas78d"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.config.js","sources":["../../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextPrimaryActive,\n    inverseTextPrimaryHover,\n    onDarkSurfaceSolidDefault,\n    onDarkTextPrimary,\n    onDarkTextPrimaryActive,\n    onDarkTextPrimaryHover,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    onLightTextPrimaryActive,\n    onLightTextPrimaryHover,\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} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${iconButtonTokens.iconButtonColor}: ${inverseTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${inverseTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${inverseTextPrimaryActive};\n            `,\n            accent: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n            `,\n            secondary: css`\n                ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            clear: css`\n                ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            positive: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfacePositive};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n            `,\n            warning: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n            `,\n            negative: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n            `,\n            dark: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            black: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            white: css`\n                ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n            `,\n        },\n        size: {\n            s: css`\n                ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n                ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n                ${iconButtonTokens.iconButtonPadding}: 1rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n            xs: css`\n                ${iconButtonTokens.iconButtonHeight}: 2rem;\n                ${iconButtonTokens.iconButtonWidth}: 2rem;\n                ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n            xxs: css`\n                ${iconButtonTokens.iconButtonHeight}: 1.5rem;\n                ${iconButtonTokens.iconButtonWidth}: 1.5rem;\n                ${iconButtonTokens.iconButtonPadding}: 0.5rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.375rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 0.625rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${iconButtonTokens.iconButtonFocusColor}: ${surfaceAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","s","xs","xxs","disabled","true"],"mappings":";;;;AAsCO,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,UAMN;AACDC,MAAAA,MAAM,EAAA,SAML;AACDC,MAAAA,SAAS,EAAA,SAMR;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,OAAO,EAAA,UAMN;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,KAAK,EAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,EAAE,EAAA,UAcD;AACDC,MAAAA,GAAG,EAAA;KAeN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDjB,IAAAA,OAAO,EAAE;MACLiB,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
+{"version":3,"file":"IconButton.config.js","sources":["../../../../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n    bodyS,\n    bodySBold,\n    bodyXS,\n    bodyXSBold,\n    inverseTextPrimary,\n    inverseTextPrimaryActive,\n    inverseTextPrimaryHover,\n    onDarkSurfaceSolidDefault,\n    onDarkTextPrimary,\n    onDarkTextPrimaryActive,\n    onDarkTextPrimaryHover,\n    onLightSurfaceSolidDefault,\n    onLightSurfaceTransparentDeep,\n    onLightTextPrimary,\n    onLightTextPrimaryActive,\n    onLightTextPrimaryHover,\n    surfaceAccent,\n    surfaceAccentActive,\n    surfaceAccentGradient,\n    surfaceAccentHover,\n    surfaceClear,\n    surfaceNegative,\n    surfaceNegativeActive,\n    surfaceNegativeHover,\n    surfacePositive,\n    surfacePositiveActive,\n    surfacePositiveHover,\n    surfaceSolidDefault,\n    surfaceTransparentSecondary,\n    surfaceTransparentSecondaryActive,\n    surfaceTransparentSecondaryHover,\n    surfaceWarning,\n    surfaceWarningActive,\n    surfaceWarningHover,\n    textPrimary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 's',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${iconButtonTokens.iconButtonColor}: ${inverseTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${inverseTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${inverseTextPrimaryActive};\n            `,\n            accent: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccent};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceAccentHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceAccentActive};\n            `,\n            secondary: css`\n                ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceTransparentSecondary};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            clear: css`\n                ${iconButtonTokens.iconButtonColor}: ${textPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceClear};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n            `,\n            positive: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfacePositive};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfacePositiveHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfacePositiveActive};\n            `,\n            warning: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceWarning};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceWarningHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceWarningActive};\n            `,\n            negative: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceNegative};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonBackgroundColorHover}: ${surfaceNegativeHover};\n                ${iconButtonTokens.iconButtonBackgroundColorActive}: ${surfaceNegativeActive};\n            `,\n            dark: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            black: css`\n                ${iconButtonTokens.iconButtonColor}: ${onDarkTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onLightSurfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onDarkTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onDarkTextPrimaryActive};\n            `,\n            white: css`\n                ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n            `,\n            gradient: css`\n                ${iconButtonTokens.iconButtonColor}: ${onLightTextPrimary};\n                ${iconButtonTokens.iconButtonBackgroundColor}: ${surfaceAccentGradient};\n                ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n                ${iconButtonTokens.iconButtonColorHover}: ${onLightTextPrimaryHover};\n                ${iconButtonTokens.iconButtonColorActive}: ${onLightTextPrimaryActive};\n            `,\n        },\n        size: {\n            s: css`\n                ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n                ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n                ${iconButtonTokens.iconButtonPadding}: 1rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodySBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n            xs: css`\n                ${iconButtonTokens.iconButtonHeight}: 2rem;\n                ${iconButtonTokens.iconButtonWidth}: 2rem;\n                ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n            xxs: css`\n                ${iconButtonTokens.iconButtonHeight}: 1.5rem;\n                ${iconButtonTokens.iconButtonWidth}: 1.5rem;\n                ${iconButtonTokens.iconButtonPadding}: 0.5rem;\n                ${iconButtonTokens.iconButtonRadius}: 0.375rem;\n                ${iconButtonTokens.iconButtonFontFamily}: ${bodyXS.fontFamily};\n                ${iconButtonTokens.iconButtonFontSize}: ${bodyXS.fontSize};\n                ${iconButtonTokens.iconButtonFontStyle}: ${bodyXS.fontStyle};\n                ${iconButtonTokens.iconButtonFontWeight}: ${bodyXSBold.fontWeight};\n                ${iconButtonTokens.iconButtonLetterSpacing}: ${bodyXS.letterSpacing};\n                ${iconButtonTokens.iconButtonLineHeight}: ${bodyXS.lineHeight};\n\n                ${iconButtonTokens.iconButtonSpinnerSize}: 0.625rem;\n                ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${iconButtonTokens.iconButtonFocusColor}: ${surfaceAccent};\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","disabled","true"],"mappings":";;;;AAuCO,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,UAMN;AACDC,MAAAA,MAAM,EAAA,SAML;AACDC,MAAAA,SAAS,EAAA,SAMR;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,OAAO,EAAA,UAMN;AACDC,MAAAA,QAAQ,EAAA,SAMP;AACDC,MAAAA,IAAI,EAAA,UAMH;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,KAAK,EAAA,UAMJ;AACDC,MAAAA,QAAQ,EAAA;KAOX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAcA;AACDC,MAAAA,EAAE,EAAA,SAcD;AACDC,MAAAA,GAAG,EAAA;KAeN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDlB,IAAAA,OAAO,EAAE;MACLkB,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/{es/components/IconButton/IconButton.config_zugwrv.css → cjs/components/IconButton/IconButton.config_edu4ku.css}

@@ -8,8 +8,9 @@
 .d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
 .b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
 .w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
-.s1dxcd0l{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
-.x1dmlkwi{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
-.xf24ef4{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
-.tc2xiyr{--plasma-icon-button-disabled-opacity:0.4;}
-.t1gtjmmp{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}
+.g1dxcd0l{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
+.s1dmlkwi{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
+.xf24ef4{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
+.xc2xiyr{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
+.t1gtjmmp{--plasma-icon-button-disabled-opacity:0.4;}
+.t1sas78d{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}

package/dist/css/cjs/components/IconButton/IconButton.css

@@ -1,15 +1,16 @@
-.IconButton_config_zugwrv_d18ihzhr__bb2a5b16{--plasma-icon-button-color:var(--inverse-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#13181BC4);}
-.IconButton_config_zugwrv_asnn66s__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-accent,#199AF0);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#0F96F0FF);}
-.IconButton_config_zugwrv_sxdpxpi__bb2a5b16{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
-.IconButton_config_zugwrv_c1gkv8om__bb2a5b16{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
-.IconButton_config_zugwrv_pvlui54__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-positive,#1A9E32);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-icon-button-background-color-active:var(--surface-positive-active,#18952FFF);}
-.IconButton_config_zugwrv_w1h4he2a__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-warning,#FA5F05);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-icon-button-background-color-active:var(--surface-warning-active,#F05B05FF);}
-.IconButton_config_zugwrv_nrva8ns__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-negative,#FF293E);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-icon-button-background-color-active:var(--surface-negative-active,#FF1F35FF);}
-.IconButton_config_zugwrv_d11wn1rp__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
-.IconButton_config_zugwrv_b1b6yic8__bb2a5b16{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
-.IconButton_config_zugwrv_w1bgiggf__bb2a5b16{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
-.IconButton_config_zugwrv_s1dxcd0l__bb2a5b16{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
-.IconButton_config_zugwrv_x1dmlkwi__bb2a5b16{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
-.IconButton_config_zugwrv_xf24ef4__bb2a5b16{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
-.IconButton_config_zugwrv_tc2xiyr__bb2a5b16{--plasma-icon-button-disabled-opacity:0.4;}
-.IconButton_config_zugwrv_t1gtjmmp__bb2a5b16{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}
+.IconButton_config_edu4ku_d18ihzhr__076d99f2{--plasma-icon-button-color:var(--inverse-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--inverse-text-primary-active,#13181BC4);}
+.IconButton_config_edu4ku_asnn66s__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-accent,#199AF0);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover,#36A7F2FF);--plasma-icon-button-background-color-active:var(--surface-accent-active,#0F96F0FF);}
+.IconButton_config_edu4ku_sxdpxpi__076d99f2{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-transparent-secondary,#D5DFE624);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
+.IconButton_config_edu4ku_c1gkv8om__076d99f2{--plasma-icon-button-color:var(--text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-clear,#FFFFFF00);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover,#D6DFE642);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active,#D6DFE614);}
+.IconButton_config_edu4ku_pvlui54__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-positive,#1A9E32);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover,#1DAF37FF);--plasma-icon-button-background-color-active:var(--surface-positive-active,#18952FFF);}
+.IconButton_config_edu4ku_w1h4he2a__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-warning,#FA5F05);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover,#FB7223FF);--plasma-icon-button-background-color-active:var(--surface-warning-active,#F05B05FF);}
+.IconButton_config_edu4ku_nrva8ns__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--surface-negative,#FF293E);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover,#FF475AFF);--plasma-icon-button-background-color-active:var(--surface-negative-active,#FF1F35FF);}
+.IconButton_config_edu4ku_d11wn1rp__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep,#30373CC7);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
+.IconButton_config_edu4ku_b1b6yic8__076d99f2{--plasma-icon-button-color:var(--on-dark-text-primary,#F2F5F8F5);--plasma-icon-button-background-color:var(--on-light-surface-solid-default,#060A0C);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover,#F2F5F893);--plasma-icon-button-color-active:var(--on-dark-text-primary-active,#F2F5F8C4);}
+.IconButton_config_edu4ku_w1bgiggf__076d99f2{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default,#F7F9FB);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
+.IconButton_config_edu4ku_g1dxcd0l__076d99f2{--plasma-icon-button-color:var(--on-light-text-primary,#13181BF5);--plasma-icon-button-background-color:var(--surface-accent-gradient,linear-gradient(128.65deg,#04C6C999 0%,#199AF099 52.311%,#528EFF99 100%));--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover,#13181B93);--plasma-icon-button-color-active:var(--on-light-text-primary-active,#13181BC4);}
+.IconButton_config_edu4ku_s1dmlkwi__076d99f2{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
+.IconButton_config_edu4ku_xf24ef4__076d99f2{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
+.IconButton_config_edu4ku_xc2xiyr__076d99f2{--plasma-icon-button-height:1.5rem;--plasma-icon-button-width:1.5rem;--plasma-icon-button-padding:0.5rem;--plasma-icon-button-radius:0.375rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:0.625rem;--plasma-icon-button-spinner-color:inherit;}
+.IconButton_config_edu4ku_t1gtjmmp__076d99f2{--plasma-icon-button-disabled-opacity:0.4;}
+.IconButton_config_edu4ku_t1sas78d__076d99f2{--plasma-icon-button-focus-color:var(--surface-accent,#199AF0);}

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

@@ -1,4 +1,4 @@
-require('./LinkButton.config_195yqrn.css');
+require('./LinkButton.config_1k8mr42.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,15 +16,16 @@ var config = {
       positive: "ppxj5rq",
       warning: "wui1buo",
       negative: "n122wi17",
-      info: "i1re18w5"
+      info: "i1re18w5",
+      gradient: "g1idaf1b"
     },
     size: {
-      s: "s1idaf1b",
-      xs: "xbaq7s0",
-      xxs: "xgnc62y"
+      s: "sbaq7s0",
+      xs: "xgnc62y",
+      xxs: "x13sr3kn"
     },
     disabled: {
-      "true": "t13sr3kn"
+      "true": "t1jqrt5d"
     }
   }
 };