@salutejs/sdds-os 0.19.0-next-platform-ai.0 → 0.19.0

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

@@ -62,11 +62,11 @@ function _templateObject2() {
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(",
         ");\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary-active);\n            "
+        ": var(--surface-solid-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-active);\n            "
     ]);
     _templateObject2 = function _templateObject() {
         return data;
@@ -83,8 +83,8 @@ function _templateObject3() {
         ": var(--surface-clear);\n                ",
         ": var(",
         ");\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary-active);\n            "
+        ": var(--surface-solid-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-active);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -152,7 +152,7 @@ function _templateObject7() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-primary);\n                ",
         ": var(--on-dark-text-secondary);\n                ",
-        ": var(--on-light-surface-transparent-deep);\n                ",
+        ": var(--on-light-surface-solid-default);\n                ",
         ": var(",
         ");\n                ",
         ": var(--on-dark-text-primary-hover);\n                ",
@@ -164,24 +164,6 @@ function _templateObject7() {
     return data;
 }
 function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-dark-text-primary);\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                ",
@@ -194,12 +176,12 @@ function _templateObject9() {
         ": var(--on-light-text-primary-hover);\n                ",
         ": var(--on-light-text-primary-active);\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 3.5rem;\n                ",
@@ -220,12 +202,12 @@ function _templateObject10() {
         ": 0 0 0 0.5rem;\n                ",
         ": 0.375rem;\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 3rem;\n                ",
@@ -246,12 +228,12 @@ function _templateObject11() {
         ": 0 0 0 0.375rem;\n                ",
         ": 0.25rem;\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 2.5rem;\n                ",
@@ -272,6 +254,16 @@ function _templateObject12() {
         ": 0 0 0 0.25rem;\n                ",
         ": 0.25rem;\n            "
     ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1;\n            "
+    ]);
     _templateObject12 = function _templateObject() {
         return data;
     };
@@ -280,23 +272,7 @@ function _templateObject12() {
 function _templateObject13() {
     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                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 0.125rem;\n            "
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject13 = function _templateObject() {
         return data;
@@ -305,24 +281,7 @@ function _templateObject13() {
 }
 function _templateObject14() {
     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 0rem 0 0.25rem;\n                ",
-        ": 0 0 0 0.25rem;\n                ",
-        ": 0.125rem;\n            "
+        ""
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -331,8 +290,7 @@ function _templateObject14() {
 }
 function _templateObject15() {
     var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
+        ""
     ]);
     _templateObject15 = function _templateObject() {
         return data;
@@ -341,8 +299,7 @@ function _templateObject15() {
 }
 function _templateObject16() {
     var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n            "
+        ""
     ]);
     _templateObject16 = function _templateObject() {
         return data;
@@ -351,7 +308,12 @@ function _templateObject16() {
 }
 function _templateObject17() {
     var data = _tagged_template_literal([
-        ""
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n            "
     ]);
     _templateObject17 = function _templateObject() {
         return data;
@@ -360,7 +322,12 @@ function _templateObject17() {
 }
 function _templateObject18() {
     var data = _tagged_template_literal([
-        ""
+        "\n                ",
+        ": var(--on-dark-text-accent-minor);\n                ",
+        ": var(--on-dark-text-accent-minor);\n                ",
+        ": var(--on-dark-text-accent-minor);\n                ",
+        ": var(--on-dark-text-accent-minor);\n                ",
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject18 = function _templateObject() {
         return data;
@@ -369,13 +336,98 @@ function _templateObject18() {
 }
 function _templateObject19() {
     var data = _tagged_template_literal([
-        ""
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-secondary);\n            "
     ]);
     _templateObject19 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject20() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-clear);\n            "
+    ]);
+    _templateObject20 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject21() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-positive-minor);\n                ",
+        ": var(--on-dark-text-positive-minor);\n                ",
+        ": var(--on-dark-text-positive-minor);\n                ",
+        ": var(--on-dark-text-positive-minor);\n                ",
+        ": var(--surface-positive);\n            "
+    ]);
+    _templateObject21 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject22() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-warning);\n                ",
+        ": var(--on-dark-text-warning);\n                ",
+        ": var(--on-dark-text-warning);\n                ",
+        ": var(--text-warning-minor);\n                ",
+        ": var(--surface-warning-minor);\n            "
+    ]);
+    _templateObject22 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject23() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-negative);\n                ",
+        ": var(--on-dark-text-negative);\n                ",
+        ": var(--on-dark-text-negative);\n                ",
+        ": var(--text-negative-minor);\n                ",
+        ": var(--surface-negative-minor);\n            "
+    ]);
+    _templateObject23 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject24() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-tertiary);\n            "
+    ]);
+    _templateObject24 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject25() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-text-tertiary);\n                ",
+        ": var(--on-light-text-tertiary);\n                ",
+        ": var(--on-light-text-tertiary);\n                ",
+        ": var(--on-light-text-tertiary);\n                ",
+        ": var(--on-dark-surface-solid-default);\n            "
+    ]);
+    _templateObject25 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var config = {
     defaults: {
         view: 'default',
@@ -391,27 +443,71 @@ var config = {
             positive: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _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.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColorHover, _styledcomponents.buttonTokens.buttonBackgroundColorActive),
             negative: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _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.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _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.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _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.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive)
+            black: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive),
+            white: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonLoadingBackgroundColor, _styledcomponents.buttonTokens.buttonBackgroundColor, _styledcomponents.buttonTokens.buttonColorHover, _styledcomponents.buttonTokens.buttonColorActive)
         },
         size: {
-            l: (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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            m: (0, _styledcomponents.css)(_templateObject11(), _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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            s: (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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            xs: (0, _styledcomponents.css)(_templateObject13(), _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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            xxs: (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.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonValueMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
+            l: (0, _styledcomponents.css)(_templateObject9(), _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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
+            m: (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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue),
+            s: (0, _styledcomponents.css)(_templateObject11(), _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, _styledcomponents.buttonTokens.buttonAdditionalContentMargin, _styledcomponents.buttonTokens.buttonAdditionalContentMarginRightWidthValue)
         },
         disabled: {
-            true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.buttonTokens.buttonDisabledOpacity)
+            true: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.buttonTokens.buttonDisabledOpacity)
         },
         focused: {
-            true: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.buttonTokens.buttonFocusColor)
+            true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.buttonTokens.buttonFocusColor)
         },
         stretching: {
-            auto: (0, _styledcomponents.css)(_templateObject17()),
-            filled: (0, _styledcomponents.css)(_templateObject18()),
-            fixed: (0, _styledcomponents.css)(_templateObject19())
+            auto: (0, _styledcomponents.css)(_templateObject14()),
+            filled: (0, _styledcomponents.css)(_templateObject15()),
+            fixed: (0, _styledcomponents.css)(_templateObject16())
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'clear',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'black',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject24(), _styledcomponents.buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'white',
+            disabled: true,
+            style: (0, _styledcomponents.css)(_templateObject25(), _styledcomponents.buttonTokens.buttonColor, _styledcomponents.buttonTokens.buttonTextColor, _styledcomponents.buttonTokens.buttonIconColor, _styledcomponents.buttonTokens.buttonValueColor, _styledcomponents.buttonTokens.buttonBackgroundColor)
+        }
+    ]
 };