@salutejs/sdds-serv 0.314.0-canary.2020.15824629894.0 → 0.314.0-canary.2021.15776478579.0

package/styled-components/cjs/components/Button/Button.config.js

@@ -1,527 +1,54 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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'
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+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, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonColorActive),
+      accent: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      secondary: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      clear: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      success: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      warning: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      critical: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonBackgroundColorActive),
+      dark: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonColorActive),
+      black: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonColorActive),
+      white: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonValueColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonColorHover, _styledComponents.buttonTokens.buttonColorActive)
+    },
+    size: {
+      xl: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      xlr: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      l: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      lr: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      m: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      mr: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      s: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      sr: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      xs: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      xsr: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin),
+      xxs: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonRightContentMargin, _styledComponents.buttonTokens.buttonValueMargin)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject22 || (_templateObject22 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.buttonTokens.buttonDisabledOpacity)
+    },
+    focused: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject23 || (_templateObject23 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), _styledComponents.buttonTokens.buttonFocusColor)
     },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive),
-            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            clear: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            success: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            warning: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            critical: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
-            dark: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive),
-            black: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive),
-            white: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive)
-        },
-        size: {
-            xl: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            xlr: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            l: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            lr: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            m: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            mr: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            s: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            sr: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            xs: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            xsr: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin),
-            xxs: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonTokens.buttonHeight, _styledcomponents.buttonTokens.buttonWidth, _styledcomponents.buttonTokens.buttonPadding, _styledcomponents.buttonTokens.buttonRadius, _styledcomponents.buttonTokens.buttonFontFamily, _styledcomponents.buttonTokens.buttonFontSize, _styledcomponents.buttonTokens.buttonFontStyle, _styledcomponents.buttonTokens.buttonFontWeight, _styledcomponents.buttonTokens.buttonLetterSpacing, _styledcomponents.buttonTokens.buttonLineHeight, _styledcomponents.buttonTokens.buttonSpinnerSize, _styledcomponents.buttonTokens.buttonSpinnerColor, _styledcomponents.buttonTokens.buttonLeftContentMargin, _styledcomponents.buttonTokens.buttonRightContentMargin, _styledcomponents.buttonTokens.buttonValueMargin)
-        },
-        disabled: {
-            true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.buttonTokens.buttonDisabledOpacity)
-        },
-        focused: {
-            true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.buttonTokens.buttonFocusColor)
-        },
-        stretching: {
-            auto: (0, _styledcomponents.css)(_templateObject23()),
-            filled: (0, _styledcomponents.css)(_templateObject24()),
-            fixed: (0, _styledcomponents.css)(_templateObject25())
-        }
+    stretching: {
+      auto: /*#__PURE__*/(0, _styledComponents.css)(_templateObject24 || (_templateObject24 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject25 || (_templateObject25 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      fixed: /*#__PURE__*/(0, _styledComponents.css)(_templateObject26 || (_templateObject26 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     }
-};
+  }
+};