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

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

@@ -51,11 +51,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;
@@ -72,8 +72,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;
@@ -141,7 +141,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                ",
@@ -153,24 +153,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                ",
@@ -183,12 +165,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                ",
@@ -209,12 +191,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                ",
@@ -235,12 +217,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                ",
@@ -261,6 +243,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;
     };
@@ -269,23 +261,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;
@@ -294,24 +270,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;
@@ -320,8 +279,7 @@ function _templateObject14() {
 }
 function _templateObject15() {
     var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.4;\n            "
+        ""
     ]);
     _templateObject15 = function _templateObject() {
         return data;
@@ -330,8 +288,7 @@ function _templateObject15() {
 }
 function _templateObject16() {
     var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--surface-accent);\n            "
+        ""
     ]);
     _templateObject16 = function _templateObject() {
         return data;
@@ -340,7 +297,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;
@@ -349,7 +311,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;
@@ -358,13 +325,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;
+}
 import { css, buttonTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -381,27 +433,71 @@ export var config = {
             positive: css(_templateObject4(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
             warning: css(_templateObject5(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
             negative: css(_templateObject6(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive),
-            dark: css(_templateObject7(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
-            black: css(_templateObject8(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
-            white: css(_templateObject9(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive)
+            black: css(_templateObject7(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive),
+            white: css(_templateObject8(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonColorHover, buttonTokens.buttonColorActive)
         },
         size: {
-            l: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            m: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            s: css(_templateObject12(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            xs: css(_templateObject13(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
-            xxs: css(_templateObject14(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
+            l: css(_templateObject9(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
+            m: css(_templateObject10(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue),
+            s: css(_templateObject11(), buttonTokens.buttonHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, buttonTokens.buttonRadius, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, buttonTokens.buttonSpinnerSize, buttonTokens.buttonSpinnerColor, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonRightContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonAdditionalContentMargin, buttonTokens.buttonAdditionalContentMarginRightWidthValue)
         },
         disabled: {
-            true: css(_templateObject15(), buttonTokens.buttonDisabledOpacity)
+            true: css(_templateObject12(), buttonTokens.buttonDisabledOpacity)
         },
         focused: {
-            true: css(_templateObject16(), buttonTokens.buttonFocusColor)
+            true: css(_templateObject13(), buttonTokens.buttonFocusColor)
         },
         stretching: {
-            auto: css(_templateObject17()),
-            filled: css(_templateObject18()),
-            fixed: css(_templateObject19())
+            auto: css(_templateObject14()),
+            filled: css(_templateObject15()),
+            fixed: css(_templateObject16())
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css(_templateObject17(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css(_templateObject18(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css(_templateObject19(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'clear',
+            disabled: true,
+            style: css(_templateObject20(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css(_templateObject21(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css(_templateObject22(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css(_templateObject23(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'black',
+            disabled: true,
+            style: css(_templateObject24(), buttonTokens.buttonBackgroundColor)
+        },
+        {
+            view: 'white',
+            disabled: true,
+            style: css(_templateObject25(), buttonTokens.buttonColor, buttonTokens.buttonTextColor, buttonTokens.buttonIconColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor)
+        }
+    ]
 };