@salutejs/sdds-serv 0.314.0-canary.2031.15774276345.0 → 0.314.0-canary.2040.15828624275.0

package/emotion/cjs/components/Button/Button.config.js

@@ -1,54 +1,527 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    focused: 'true',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--surface-solid-default);\n                ", ": var(", ");\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
-      accent: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(", ");\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      secondary: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(", ");\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      clear: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(", ");\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      success: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--surface-positive);\n                ", ": var(", ");\n                ", ": var(--surface-positive-hover);\n                ", ": var(--surface-positive-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      warning: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--surface-warning);\n                ", ": var(", ");\n                ", ": var(--surface-warning-hover);\n                ", ": var(--surface-warning-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      critical: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--surface-negative);\n                ", ": var(", ");\n                ", ": var(--surface-negative-hover);\n                ", ": var(--surface-negative-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
-      dark: /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-light-surface-transparent-deep);\n                ", ": var(", ");\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
-      black: /*#__PURE__*/(0, _emotion.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-light-surface-solid-default);\n                ", ": var(", ");\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
-      white: /*#__PURE__*/(0, _emotion.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": var(", ");\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n            "])), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive)
-    },
-    size: {
-      xl: /*#__PURE__*/(0, _emotion.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 4rem;\n                ", ": 12.5rem;\n                ", ": 1.75rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.5rem;\n                ", ": inherit;\n\n                ", ": 0 0.625rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.625rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      xlr: /*#__PURE__*/(0, _emotion.css)(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 4rem;\n                ", ": 12.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.5rem;\n                ", ": inherit;\n\n                ", ": 0 0.625rem 0 0;\n                ", ": 0 0 0 0.625rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      l: /*#__PURE__*/(0, _emotion.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 12.5rem;\n                ", ": 1.5rem;\n                ", ": 0.875rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.5rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      lr: /*#__PURE__*/(0, _emotion.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 12.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.5rem 0 0;\n                ", ": 0 0 0 0.5rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      m: /*#__PURE__*/(0, _emotion.css)(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 11.25rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.375rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      mr: /*#__PURE__*/(0, _emotion.css)(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 11.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.375rem 0 0;\n                ", ": 0 0 0 0.375rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 11.25rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      sr: /*#__PURE__*/(0, _emotion.css)(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 11.25rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      xs: /*#__PURE__*/(0, _emotion.css)(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 10rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      xsr: /*#__PURE__*/(0, _emotion.css)(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 10rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
-      xxs: /*#__PURE__*/(0, _emotion.css)(_templateObject21 || (_templateObject21 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 8.75rem;\n                ", ": 0.625rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-bold-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.75rem;\n                ", ": inherit;\n\n                ", ": 0 0.25rem 0 -0.125rem;\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.25rem;\n            "])), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _emotion.buttonTokens.buttonDisabledOpacity)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _emotion.css)(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), _emotion.buttonTokens.buttonFocusColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--inverse-text-secondary);\n                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--inverse-text-primary-hover);\n                ",
+        ": var(--inverse-text-primary-active);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-accent-hover);\n                ",
+        ": var(--surface-accent-active);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-secondary);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-transparent-secondary-active);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-transparent-secondary-active);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-positive-hover);\n                ",
+        ": var(--surface-positive-active);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--surface-warning);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-warning-hover);\n                ",
+        ": var(--surface-warning-active);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--surface-negative);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-negative-hover);\n                ",
+        ": var(--surface-negative-active);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-light-surface-transparent-deep);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--on-dark-text-primary-hover);\n                ",
+        ": var(--on-dark-text-primary-active);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-dark-text-secondary);\n                ",
+        ": var(--on-light-surface-solid-default);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--on-dark-text-primary-hover);\n                ",
+        ": var(--on-dark-text-primary-active);\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-text-primary);\n                ",
+        ": var(--on-light-text-secondary);\n                ",
+        ": var(--on-dark-surface-solid-default);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--on-light-text-primary-hover);\n                ",
+        ": var(--on-light-text-primary-active);\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 4rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": 1.75rem;\n                ",
+        ": 1rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 1.5rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.625rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.625rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 4rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 1.5rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.625rem 0 0;\n                ",
+        ": 0 0 0 0.625rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 3.5rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.5rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.5rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 3.5rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.5rem 0 0;\n                ",
+        ": 0 0 0 0.5rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 3rem;\n                ",
+        ": 11.25rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.375rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.375rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 3rem;\n                ",
+        ": 11.25rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.375rem 0 0;\n                ",
+        ": 0 0 0 0.375rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\n                ",
+        ": 11.25rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\n                ",
+        ": 11.25rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2rem;\n                ",
+        ": 10rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 1rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject19() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2rem;\n                ",
+        ": 10rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 1rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject19 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject20() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 8.75rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 0.75rem;\n                ",
+        ": inherit;\n\n                ",
+        ": 0 0.25rem 0 -0.125rem;\n                ",
+        ": 0 -0.125rem 0 0.25rem;\n                ",
+        ": 0 0 0 0.25rem;\n            "
+    ]);
+    _templateObject20 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject21() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject21 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject22() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject22 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject23() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject23 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject24() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject24 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject25() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject25 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        focused: 'true',
+        size: 'm'
     },
-    stretching: {
-      auto: /*#__PURE__*/(0, _emotion.css)(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
-      filled: /*#__PURE__*/(0, _emotion.css)(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
-      fixed: /*#__PURE__*/(0, _emotion.css)(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    variations: {
+        view: {
+            default: (0, _emotion.css)(_templateObject(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
+            accent: (0, _emotion.css)(_templateObject1(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            secondary: (0, _emotion.css)(_templateObject2(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            clear: (0, _emotion.css)(_templateObject3(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            success: (0, _emotion.css)(_templateObject4(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            warning: (0, _emotion.css)(_templateObject5(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            critical: (0, _emotion.css)(_templateObject6(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonBackgroundColorHover, _emotion.buttonTokens.buttonBackgroundColorActive),
+            dark: (0, _emotion.css)(_templateObject7(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
+            black: (0, _emotion.css)(_templateObject8(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive),
+            white: (0, _emotion.css)(_templateObject9(), _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonValueColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonLoadingBackgroundColor, _emotion.buttonTokens.buttonBackgroundColor, _emotion.buttonTokens.buttonColorHover, _emotion.buttonTokens.buttonColorActive)
+        },
+        size: {
+            xl: (0, _emotion.css)(_templateObject10(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            xlr: (0, _emotion.css)(_templateObject11(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            l: (0, _emotion.css)(_templateObject12(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            lr: (0, _emotion.css)(_templateObject13(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            m: (0, _emotion.css)(_templateObject14(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            mr: (0, _emotion.css)(_templateObject15(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            s: (0, _emotion.css)(_templateObject16(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            sr: (0, _emotion.css)(_templateObject17(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            xs: (0, _emotion.css)(_templateObject18(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            xsr: (0, _emotion.css)(_templateObject19(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
+            xxs: (0, _emotion.css)(_templateObject20(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
+        },
+        disabled: {
+            true: (0, _emotion.css)(_templateObject21(), _emotion.buttonTokens.buttonDisabledOpacity)
+        },
+        focused: {
+            true: (0, _emotion.css)(_templateObject22(), _emotion.buttonTokens.buttonFocusColor)
+        },
+        stretching: {
+            auto: (0, _emotion.css)(_templateObject23()),
+            filled: (0, _emotion.css)(_templateObject24()),
+            fixed: (0, _emotion.css)(_templateObject25())
+        }
     }
-  }
-};
+};