@salutejs/sdds-serv 0.316.1-canary.2083.16287126899.0 → 0.316.1-canary.2088.16342669110.0

package/components/Button/Button.config.d.ts

@@ -19,15 +19,10 @@ export declare const config: {
         };
         size: {
             xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         disabled: {

package/components/Button/Button.config.js

@@ -1,4 +1,4 @@
-require('./Button.config_on7zvi.css');
+require('./Button.config_1pqzykz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -24,27 +24,22 @@ var config = {
     },
     size: {
       xl: "x1toqou7",
-      xlr: "xy229gi",
-      l: "l1joiaye",
-      lr: "l1i1eza5",
-      m: "m1r1gaby",
-      mr: "mqhwg07",
-      s: "s1bf1tsb",
-      sr: "s1ca3q6l",
-      xs: "xrk6508",
-      xsr: "x2s1r71",
-      xxs: "xf053fi"
+      l: "ly229gi",
+      m: "m1joiaye",
+      s: "s1i1eza5",
+      xs: "x1r1gaby",
+      xxs: "xqhwg07"
     },
     disabled: {
-      "true": "t17x5rnm"
+      "true": "t1bf1tsb"
     },
     focused: {
-      "true": "tppmfmz"
+      "true": "t1ca3q6l"
     },
     stretching: {
-      auto: "aaa8u42",
-      filled: "f1y67d5i",
-      fixed: "f1vaux9i"
+      auto: "ark6508",
+      filled: "f2s1r71",
+      fixed: "ff053fi"
     }
   }
 };

package/components/Button/Button.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.config.js","sources":["../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            success: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            black: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            white: css`\n                ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonRadius}: 1rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xlr: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 0;\n                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            l: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonRadius}: 0.875rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            lr: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonRadius}: 0.75rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            mr: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            s: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1rem;\n                ${buttonTokens.buttonRadius}: 0.625rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            sr: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xs: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonPadding}: 0.75rem;\n                ${buttonTokens.buttonRadius}: 0.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xsr: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n                ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xxs: css`\n                ${buttonTokens.buttonHeight}: 1.5rem;\n                ${buttonTokens.buttonWidth}: 8.75rem;\n                ${buttonTokens.buttonPadding}: 0.625rem;\n                ${buttonTokens.buttonRadius}: 0.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${buttonTokens.buttonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDzB,IAAAA,OAAO,EAAE;MACLyB,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,UAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Button.config.js","sources":["../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        focused: 'true',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n            `,\n            accent: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonTokens.buttonColor}: var(--text-primary);\n                ${buttonTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            success: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            black: css`\n                ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n            `,\n            white: css`\n                ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n                ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n                ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonTokens.buttonHeight}: 4rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.75rem;\n                ${buttonTokens.buttonRadius}: 1rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            l: css`\n                ${buttonTokens.buttonHeight}: 3.5rem;\n                ${buttonTokens.buttonWidth}: 12.5rem;\n                ${buttonTokens.buttonPadding}: 1.5rem;\n                ${buttonTokens.buttonRadius}: 0.875rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            m: css`\n                ${buttonTokens.buttonHeight}: 3rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1.25rem;\n                ${buttonTokens.buttonRadius}: 0.75rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            s: css`\n                ${buttonTokens.buttonHeight}: 2.5rem;\n                ${buttonTokens.buttonWidth}: 11.25rem;\n                ${buttonTokens.buttonPadding}: 1rem;\n                ${buttonTokens.buttonRadius}: 0.625rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xs: css`\n                ${buttonTokens.buttonHeight}: 2rem;\n                ${buttonTokens.buttonWidth}: 10rem;\n                ${buttonTokens.buttonPadding}: 0.75rem;\n                ${buttonTokens.buttonRadius}: 0.5rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 1rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n            xxs: css`\n                ${buttonTokens.buttonHeight}: 1.5rem;\n                ${buttonTokens.buttonWidth}: 8.75rem;\n                ${buttonTokens.buttonPadding}: 0.625rem;\n                ${buttonTokens.buttonRadius}: 0.375rem;\n                ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n                ${buttonTokens.buttonSpinnerColor}: inherit;\n\n                ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n                ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n                ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${buttonTokens.buttonDisabledOpacity}: 0.4;\n            `,\n        },\n        focused: {\n            true: css`\n                ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n            `,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n            fixed: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css}

@@ -9,18 +9,13 @@
 .b123wpoi{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
 .w1w797f8{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
 .x1toqou7{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.xy229gi{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.l1joiaye{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.l1i1eza5{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.m1r1gaby{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.mqhwg07{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.s1bf1tsb{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.s1ca3q6l{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.xrk6508{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.x2s1r71{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.xf053fi{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.t17x5rnm{--plasma-button-disabled-opacity:0.4;}
-.tppmfmz{--plasma-button-focus-color:var(--surface-accent);}
+.ly229gi{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.m1joiaye{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.s1i1eza5{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.x1r1gaby{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.xqhwg07{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.t1bf1tsb{--plasma-button-disabled-opacity:0.4;}
+.t1ca3q6l{--plasma-button-focus-color:var(--surface-accent);}
 
 
 

package/components/Button/Button.css

@@ -1,26 +1,21 @@
-.Button_config_on7zvi_d1fnkof5__9795f5a2{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
-.Button_config_on7zvi_a1129msw__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
-.Button_config_on7zvi_sbaqjet__9795f5a2{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
-.Button_config_on7zvi_cmxfxlw__9795f5a2{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
-.Button_config_on7zvi_sleczrv__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
-.Button_config_on7zvi_wlekduy__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
-.Button_config_on7zvi_c1yfa47j__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
-.Button_config_on7zvi_dsb1lec__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
-.Button_config_on7zvi_b123wpoi__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
-.Button_config_on7zvi_w1w797f8__9795f5a2{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
-.Button_config_on7zvi_x1toqou7__9795f5a2{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_xy229gi__9795f5a2{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_l1joiaye__9795f5a2{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_l1i1eza5__9795f5a2{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_m1r1gaby__9795f5a2{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_mqhwg07__9795f5a2{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_s1bf1tsb__9795f5a2{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_s1ca3q6l__9795f5a2{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_xrk6508__9795f5a2{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_x2s1r71__9795f5a2{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_xf053fi__9795f5a2{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
-.Button_config_on7zvi_t17x5rnm__9795f5a2{--plasma-button-disabled-opacity:0.4;}
-.Button_config_on7zvi_tppmfmz__9795f5a2{--plasma-button-focus-color:var(--surface-accent);}
+.Button_config_1pqzykz_d1fnkof5__64d91198{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
+.Button_config_1pqzykz_a1129msw__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
+.Button_config_1pqzykz_sbaqjet__64d91198{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
+.Button_config_1pqzykz_cmxfxlw__64d91198{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
+.Button_config_1pqzykz_sleczrv__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
+.Button_config_1pqzykz_wlekduy__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
+.Button_config_1pqzykz_c1yfa47j__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
+.Button_config_1pqzykz_dsb1lec__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
+.Button_config_1pqzykz_b123wpoi__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
+.Button_config_1pqzykz_w1w797f8__64d91198{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
+.Button_config_1pqzykz_x1toqou7__64d91198{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_ly229gi__64d91198{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_m1joiaye__64d91198{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_s1i1eza5__64d91198{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_x1r1gaby__64d91198{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_xqhwg07__64d91198{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
+.Button_config_1pqzykz_t1bf1tsb__64d91198{--plasma-button-disabled-opacity:0.4;}
+.Button_config_1pqzykz_t1ca3q6l__64d91198{--plasma-button-focus-color:var(--surface-accent);}
 
 
 

package/components/Button/Button.d.ts

@@ -13,15 +13,10 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
     };
     size: {
         xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     disabled: {
@@ -97,15 +92,10 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
     };
     size: {
         xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     disabled: {

package/components/ButtonGroup/ButtonGroup.config.d.ts

@@ -18,15 +18,10 @@ export declare const config: {
         };
         size: {
             xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         orientation: {

package/components/ButtonGroup/ButtonGroup.config.js

@@ -1,4 +1,4 @@
-require('./ButtonGroup.config_107oyqt.css');
+require('./ButtonGroup.config_ge3vo5.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -23,33 +23,28 @@ var config = {
     },
     size: {
       xl: "x1g3omzu",
-      xlr: "x1116k6l",
-      l: "l15t0nuq",
-      lr: "l316r83",
-      m: "mzu697",
-      mr: "m16bzis9",
-      s: "s97067l",
-      sr: "s1xcwbx9",
-      xs: "x1fuvc6m",
-      xsr: "xsjqy1i",
-      xxs: "xmgmq8o"
+      l: "l1116k6l",
+      m: "m15t0nuq",
+      s: "s316r83",
+      xs: "xzu697",
+      xxs: "x16bzis9"
     },
     orientation: {
-      horizontal: "h1udxooc",
-      vertical: "vbb1ace"
+      horizontal: "h97067l",
+      vertical: "v1xcwbx9"
     },
     gap: {
-      none: "nnyer5h",
-      dense: "d1g2rt4j",
-      wide: "w1xdd6tf"
+      none: "n1fuvc6m",
+      dense: "dsjqy1i",
+      wide: "wmgmq8o"
     },
     shape: {
-      segmented: "s1qv9uf",
-      "default": "d192v9cb"
+      segmented: "s1udxooc",
+      "default": "dbb1ace"
     },
     stretching: {
-      auto: "axjkdyx",
-      filled: "f14e86kn"
+      auto: "anyer5h",
+      filled: "f1g2rt4j"
     }
   }
 };

package/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, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n            `,\n            success: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonPadding}: 1.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            xlr: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            l: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            lr: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            mr: css`\n                &.${buttonGroupClasses.segmented} {\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            sr: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonPadding}: 0.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xsr: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xxs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n                ${buttonGroupTokens.buttonHeight}: 1.5rem;\n                ${buttonGroupTokens.buttonPadding}: 0.625rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n            `,\n            dense: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,QAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,SAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,SAAA;MAChB7B,SAAO,EAAA,UAAA;KACV;AACD8B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"ButtonGroup.config.js","sources":["../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n            `,\n            accent: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${buttonGroupTokens.buttonColor}: var(--text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n                ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n            `,\n            success: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n            `,\n            warning: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n            `,\n            critical: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n            `,\n            dark: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n            `,\n            black: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n            `,\n            white: css`\n                ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n                ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n                ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n                ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n                ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n                ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n            `,\n        },\n        size: {\n            xl: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n                ${buttonGroupTokens.buttonHeight}: 4rem;\n                ${buttonGroupTokens.buttonPadding}: 1.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            l: css`\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1.5rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n            m: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n                ${buttonGroupTokens.buttonHeight}: 3rem;\n                ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            s: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2.5rem;\n                ${buttonGroupTokens.buttonPadding}: 1rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            xs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n                ${buttonGroupTokens.buttonHeight}: 2rem;\n                ${buttonGroupTokens.buttonPadding}: 0.75rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            xxs: css`\n                ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n                ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n                ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n                ${buttonGroupTokens.buttonHeight}: 1.5rem;\n                ${buttonGroupTokens.buttonPadding}: 0.625rem;\n                ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n                ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n        },\n        orientation: {\n            horizontal: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: row;\n            `,\n            vertical: css`\n                ${buttonGroupTokens.buttonGroupOrientation}: column;\n            `,\n        },\n        gap: {\n            none: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n            `,\n            dense: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n            `,\n            wide: css`\n                ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n            `,\n        },\n        shape: {\n            segmented: css``,\n            default: css``,\n        },\n        stretching: {\n            auto: css``,\n            filled: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAaD,QAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChBxB,SAAO,EAAA,SAAA;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}

package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css}

@@ -9,21 +9,16 @@
 .bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
 .wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
 .x1g3omzu{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.x1116k6l{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.l15t0nuq{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.l316r83{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
-.mzu697{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
-.m16bzis9.button-group-shape-segmented{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
-.s97067l{--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);}
-.s1xcwbx9{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
-.x1fuvc6m{--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);}
-.xsjqy1i{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
-.xmgmq8o{--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);}
-.h1udxooc{--plasma-button-group-orientation:row;}
-.vbb1ace{--plasma-button-group-orientation:column;}
-.nnyer5h{--plasma-button-group-items-gap:0;}
-.d1g2rt4j{--plasma-button-group-items-gap:0.125rem;}
-.w1xdd6tf{--plasma-button-group-items-gap:0.5rem;}
+.l1116k6l{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
+.m15t0nuq{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
+.s316r83{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
+.xzu697{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.x16bzis9{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
+.h97067l{--plasma-button-group-orientation:row;}
+.v1xcwbx9{--plasma-button-group-orientation:column;}
+.n1fuvc6m{--plasma-button-group-items-gap:0;}
+.dsjqy1i{--plasma-button-group-items-gap:0.125rem;}
+.wmgmq8o{--plasma-button-group-items-gap:0.5rem;}