@salutejs/sdds-os 0.19.0-next-sbcom.0 → 0.19.0

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

@@ -14,7 +14,7 @@ function _templateObject() {
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-primary-hover);\n                ",
         ": var(--text-primary-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -32,7 +32,7 @@ function _templateObject1() {
         ": var(--text-accent);\n                ",
         ": var(--text-accent);\n                ",
         ": var(--text-accent);\n                ",
-        ": var(---surface-transparent-clear);\n                ",
+        ": var(---surface-solid-clear);\n                ",
         ": var(--text-accent-hover);\n                ",
         ": var(--text-accent-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -50,7 +50,7 @@ function _templateObject2() {
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(--text-secondary-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -68,7 +68,7 @@ function _templateObject3() {
         ": var(--text-positive);\n                ",
         ": var(--text-positive);\n                ",
         ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-positive-hover);\n                ",
         ": var(--text-positive-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -86,7 +86,7 @@ function _templateObject4() {
         ": var(--text-warning);\n                ",
         ": var(--text-warning);\n                ",
         ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-warning-hover);\n                ",
         ": var(--text-warning-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -104,7 +104,7 @@ function _templateObject5() {
         ": var(--text-negative);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-negative-hover);\n                ",
         ": var(--text-negative-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -122,7 +122,7 @@ function _templateObject6() {
         ": var(--text-info);\n                ",
         ": var(--text-info);\n                ",
         ": var(--text-info);\n                ",
-        ": var(--surface-transparent-clear);\n                ",
+        ": var(--surface-solid-clear);\n                ",
         ": var(--text-info-hover);\n                ",
         ": var(--text-info-active);\n                ",
         ": var(--surface-accent);\n                ",
@@ -233,13 +233,93 @@ function _templateObject10() {
 function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n            "
     ]);
     _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject14() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject14 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject15() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject15 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-warning-minor);\n                ",
+        ": var(--text-warning-minor);\n                ",
+        ": var(--text-warning-minor);\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-negative-minor);\n                ",
+        ": var(--text-negative-minor);\n                ",
+        ": var(--text-negative-minor);\n            "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-info-minor);\n                ",
+        ": var(--text-info-minor);\n                ",
+        ": var(--text-info-minor);\n            "
+    ]);
+    _templateObject18 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, linkButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -265,5 +345,42 @@ export var config = {
         disabled: {
             true: css(_templateObject11(), linkButtonTokens.linkButtonDisabledOpacity)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'default',
+            disabled: true,
+            style: css(_templateObject12(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor)
+        },
+        {
+            view: 'accent',
+            disabled: true,
+            style: css(_templateObject13(), linkButtonTokens.linkButtonDisabledOpacity)
+        },
+        {
+            view: 'secondary',
+            disabled: true,
+            style: css(_templateObject14(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor)
+        },
+        {
+            view: 'positive',
+            disabled: true,
+            style: css(_templateObject15(), linkButtonTokens.linkButtonDisabledOpacity)
+        },
+        {
+            view: 'warning',
+            disabled: true,
+            style: css(_templateObject16(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor)
+        },
+        {
+            view: 'negative',
+            disabled: true,
+            style: css(_templateObject17(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor)
+        },
+        {
+            view: 'info',
+            disabled: true,
+            style: css(_templateObject18(), linkButtonTokens.linkButtonColor, linkButtonTokens.linkButtonIconColor, linkButtonTokens.linkButtonTextColor)
+        }
+    ]
 };

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

@@ -14,7 +14,7 @@ function _templateObject() {
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": transparent;\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": transparent;\n                ",
         ": transparent;\n                ",
         ": var(--surface-accent);\n                ",

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

@@ -14,7 +14,7 @@ function _templateObject() {
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
         ": 0.75rem;\n                ",
         ": 0.375rem;\n\n                ",
         ": 0.125rem;\n                ",
@@ -64,7 +64,7 @@ function _templateObject1() {
         ": var(--text-negative);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
         ": 0.75rem;\n                ",
         ": 0.375rem;\n\n                ",
         ": 0.125rem;\n                ",
@@ -114,7 +114,7 @@ function _templateObject2() {
         ": var(--text-positive);\n                ",
         ": var(--text-positive);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
         ": 0.75rem;\n                ",
         ": 0.375rem;\n\n                ",
         ": 0.125rem;\n                ",
@@ -164,7 +164,7 @@ function _templateObject3() {
         ": var(--text-warning);\n                ",
         ": var(--text-warning);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
         ": 0.75rem;\n                ",
         ": 0.375rem;\n\n                ",
         ": 0.125rem;\n                ",
@@ -214,7 +214,7 @@ function _templateObject4() {
         ": var(--text-info);\n                ",
         ": var(--text-info);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
         ": 0.75rem;\n                ",
         ": 0.375rem;\n\n                ",
         ": 0.125rem;\n                ",

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

@@ -11,7 +11,7 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
@@ -23,7 +23,7 @@ function _templateObject() {
 function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
@@ -35,8 +35,8 @@ function _templateObject1() {
 function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-accent-gradient);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
+        ": var(--surface-accent);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
     _templateObject2 = function _templateObject() {
@@ -47,7 +47,7 @@ function _templateObject2() {
 function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-info);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
@@ -59,7 +59,7 @@ function _templateObject3() {
 function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-positive);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
@@ -71,7 +71,7 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-warning);\n                ",
         ": var(--text-tertiary);\n            "
     ]);
@@ -83,7 +83,7 @@ function _templateObject5() {
 function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n            "
     ]);

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

@@ -11,7 +11,7 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-solid-default);\n                ",
         ": var(--text-primary);\n            "
     ]);
@@ -23,8 +23,8 @@ function _templateObject() {
 function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n            "
     ]);
     _templateObject1 = function _templateObject() {
@@ -35,7 +35,7 @@ function _templateObject1() {
 function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-accent);\n                ",
         ": var(--text-primary);\n            "
     ]);
@@ -47,7 +47,7 @@ function _templateObject2() {
 function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-positive);\n                ",
         ": var(--text-primary);\n            "
     ]);
@@ -59,7 +59,7 @@ function _templateObject3() {
 function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-warning);\n                ",
         ": var(--text-primary);\n            "
     ]);
@@ -71,7 +71,7 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-primary);\n            "
     ]);
@@ -83,7 +83,7 @@ function _templateObject5() {
 function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--surface-info);\n                ",
         ": var(--text-primary);\n            "
     ]);

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

@@ -11,8 +11,9 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--text-accent);\n                ",
+        ": var(--surface-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
+        ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": transparent;\n                ",
         ": var(--text-secondary);\n                ",
@@ -86,7 +87,7 @@ function _templateObject2() {
 function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.4;\n            "
+        ": 1;\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -103,6 +104,19 @@ function _templateObject4() {
     };
     return data;
 }
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-accent-minor);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, radioboxTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
     defaults: {
@@ -112,7 +126,7 @@ export var config = {
     },
     variations: {
         view: {
-            accent: css(_templateObject(), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor, radioboxTokens.triggerBorderCheckedColor)
+            accent: css(_templateObject(), radioboxTokens.fillColor, radioboxTokens.ellipseColor, radioboxTokens.labelColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBackgroundColor, radioboxTokens.triggerBorderColor, radioboxTokens.triggerBorderCheckedColor)
         },
         size: {
             m: css(_templateObject1(), radioboxTokens.margin, radioboxTokens.triggerPadding, radioboxTokens.triggerSize, radioboxTokens.triggerBorderRadius, radioboxTokens.triggerBorderWidth, radioboxTokens.ellipseSize, radioboxTokens.contentTopOffset, radioboxTokens.contentLeftOffset, radioboxTokens.descriptionMarginTop, radioboxTokens.labelFontFamily, radioboxTokens.labelFontSize, radioboxTokens.labelFontStyle, radioboxTokens.labelFontWeight, radioboxTokens.labelLetterSpacing, radioboxTokens.labelLineHeight, radioboxTokens.descriptionFontFamily, radioboxTokens.descriptionFontSize, radioboxTokens.descriptionFontStyle, radioboxTokens.descriptionFontWeight, radioboxTokens.descriptionLetterSpacing, radioboxTokens.descriptionLineHeight),
@@ -124,5 +138,12 @@ export var config = {
         focused: {
             true: css(_templateObject4(), radioboxTokens.focusColor)
         }
-    }
+    },
+    intersections: [
+        {
+            view: 'accent',
+            disabled: true,
+            style: css(_templateObject5(), radioboxTokens.fillColor, radioboxTokens.labelColor, radioboxTokens.descriptionColor, radioboxTokens.triggerBorderColor)
+        }
+    ]
 };

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

@@ -11,9 +11,9 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-positive);\n\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-positive);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
@@ -37,14 +37,14 @@ function _templateObject() {
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-accent);\n\n                ",
-        ": var(--surface-transparent-primary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-hover);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
-        ": var(--surface-transparent-positive);\n                ",
-        ": var(--surface-transparent-positive-hover);\n                ",
-        ": var(--surface-transparent-positive-active);\n\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-negative-hover);\n                ",
+        ": var(--surface-solid-negative-active);\n                ",
+        ": var(--surface-solid-positive);\n                ",
+        ": var(--surface-solid-positive-hover);\n                ",
+        ": var(--surface-solid-positive-active);\n\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n\n                ",
         ": var(--surface-negative);\n\n                ",
@@ -278,7 +278,7 @@ function _templateObject6() {
 function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--surface-transparent-primary);\n\n                ",
+        ": var(--surface-solid-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": 0.1;\n                ",
         ": 0.4;\n                ",
@@ -296,7 +296,7 @@ import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/styled-com
 export var config = {
     defaults: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         hintView: 'default',
         hintSize: 'm'
     },

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

@@ -1,8 +1,12 @@
 export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
     view: {
         default: {
-            trackColor: 'var(--surface-transparent-primary)',
-            thumbColor: 'var(--surface-transparent-tertiary)'
+            trackColor: 'var(--surface-solid-primary)',
+            thumbColor: 'var(--surface-solid-tertiary)'
         }
     },
     size: {

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

@@ -14,8 +14,8 @@ function _templateObject() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-primary);\n                ",
@@ -37,11 +37,11 @@ function _templateObject() {
         ": var(--surface-solid-default-hover);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": 0.4;\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": var(--surface-solid-tertiary);\n\n                ",
         ": var(--text-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
@@ -59,8 +59,8 @@ function _templateObject1() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-positive);\n                ",
-        ": var(--surface-transparent-positive-active);\n                ",
+        ": var(--surface-solid-positive);\n                ",
+        ": var(--surface-solid-positive-active);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-primary);\n                ",
@@ -82,11 +82,11 @@ function _templateObject1() {
         ":var(--surface-positive-active);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": 0.4;\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": var(--surface-solid-tertiary);\n\n                ",
         ": var(--text-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
@@ -104,8 +104,8 @@ function _templateObject2() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-warning);\n                ",
-        ": var(--surface-transparent-warning-active);\n                ",
+        ": var(--surface-solid-warning);\n                ",
+        ": var(--surface-solid-warning-active);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-primary);\n                ",
@@ -127,11 +127,11 @@ function _templateObject2() {
         ":var(--surface-warning-active);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": 0.4;\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": var(--surface-solid-tertiary);\n\n                ",
         ": var(--text-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
@@ -149,8 +149,8 @@ function _templateObject3() {
         ": var(--text-primary);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-negative);\n                ",
-        ": var(--surface-transparent-negative-active);\n                ",
+        ": var(--surface-solid-negative);\n                ",
+        ": var(--surface-solid-negative-active);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-primary);\n                ",
@@ -172,11 +172,11 @@ function _templateObject3() {
         ":var(--surface-negative-active);\n\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": 0.4;\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n\n                ",
+        ": var(--surface-solid-tertiary);\n\n                ",
         ": var(--text-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--on-dark-text-primary);\n                ",
@@ -467,14 +467,14 @@ function _templateObject9() {
         "\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
+        ": var(--surface-solid-secondary-hover);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(--text-secondary);\n\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n                ",
         ": 1;\n            "
     ]);
@@ -587,7 +587,7 @@ function _templateObject15() {
         ": 0.4;\n                ",
         ": 0.1;\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",

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

@@ -217,7 +217,7 @@ function _templateObject11() {
     return data;
 }
 import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
-var baseItemView = "\n    ".concat(tokens.activeTitleColor, ": var(--text-primary);\n    ").concat(tokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(tokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(tokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(tokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(tokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(tokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(tokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorBackground, ": var(--surface-transparent-secondary);\n    ").concat(tokens.inactiveIndicatorBackgroundHover, ": var(--surface-transparent-secondary-hover);\n\n    ").concat(tokens.contentColor, ": var(--text-secondary);\n    ").concat(tokens.focusColor, ": var(--surface-accent);\n\n    ").concat(tokens.disabledOpacity, ": 0.4;\n");
+var baseItemView = "\n    ".concat(tokens.activeTitleColor, ": var(--text-primary);\n    ").concat(tokens.activeTitleColorHover, ": var(--text-primary-hover);\n    ").concat(tokens.activeIndicatorBorder, ": solid var(--surface-solid-default);\n    ").concat(tokens.activeIndicatorColor, ": var(--text-primary);\n    ").concat(tokens.activeIndicatorBackground, ": var(--surface-clear);\n    \n    ").concat(tokens.completedIndicatorColor, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--inverse-text-primary);\n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-solid-default);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-solid-default-hover);\n    ").concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n\n    ").concat(tokens.inactiveTitleColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveTitleColorHover, ": var(--text-secondary-hover);\n    ").concat(tokens.inactiveIndicatorColor, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorColorHover, ": var(--text-secondary);\n    ").concat(tokens.inactiveIndicatorBackground, ": var(--surface-solid-secondary);\n    ").concat(tokens.inactiveIndicatorBackgroundHover, ": var(--surface-solid-secondary-hover);\n\n    ").concat(tokens.contentColor, ": var(--text-secondary);\n    ").concat(tokens.focusColor, ": var(--surface-accent);\n\n    ").concat(tokens.disabledOpacity, ": 0.4;\n");
 var accentConfig = "\n    ".concat(tokens.completedTitleColor, ": var(--text-primary);\n    ").concat(tokens.completedTitleColorHover, ": var(--text-primary-hover);\n    \n    ").concat(tokens.completedIndicatorBackground, ": var(--surface-accent);\n    ").concat(tokens.completedIndicatorBackgroundHover, ": var(--surface-accent-hover);\n    \n    // Цвет контента внутри элемента Step\n    ").concat(tokens.completedIndicatorColor, ": var(--on-dark-text-primary);\n    ").concat(tokens.completedIndicatorColorHover, ": var(--on-dark-text-primary-hover);\n");
 export var config = {
     defaults: {