npm - @salutejs/sdds-os - Versions diffs - 0.19.0-next-sbcom.0 → 0.19.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (440) hide show

package/dist/styled-components/es/components/Attach/Attach.config.js CHANGED Viewed

@@ -105,13 +105,13 @@ function _templateObject2() {
         "\n                ",
         ": var(--text-primary);\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-hover);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-active);\n\n                ",
+        ": var(--surface-solid-secondary-active);\n\n                ",
         ": 0.4;\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-primary);\n                ",
@@ -120,13 +120,13 @@ function _templateObject2() {
         ": var(--text-secondary);\n                ",
         ": transparent;\n\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(",
         ");\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--surface-solid-secondary-hover);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary-active);\n\n                ",
+        ": var(--surface-solid-secondary-active);\n\n                ",
         ": 0.4;\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-secondary);\n                ",
@@ -329,52 +329,6 @@ function _templateObject6() {
     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);\n                ",
-        ": var(--on-light-surface-transparent-deep-hover);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep-active);\n\n                ",
-        ": 0.4;\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": transparent;\n\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep-hover);\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--on-light-surface-transparent-deep-active);\n\n                ",
-        ": 0.4;\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(",
-        ");\n                ",
-        ": var(--text-secondary-hover);\n                ",
-        ": var(--surface-clear);\n                ",
-        ": var(--text-secondary-active);\n                ",
-        ": var(--surface-clear);\n\n                ",
-        ": 0.4;\n                ",
-        ": var(--surface-accent);\n\n                ",
-        ": var(--text-primary);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
@@ -415,12 +369,12 @@ function _templateObject8() {
         ": var(--surface-accent);\n\n                ",
         ": var(--text-primary);\n            "
     ]);
-    _templateObject8 = function _templateObject() {
+    _templateObject7 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject9() {
+function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-light-text-primary);\n                ",
@@ -461,32 +415,32 @@ function _templateObject9() {
         ": var(--surface-accent);\n\n                ",
         ": var(--text-primary);\n            "
     ]);
-    _templateObject9 = function _templateObject() {
+    _templateObject8 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject10() {
+function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-secondary);\n            "
     ]);
-    _templateObject10 = function _templateObject() {
+    _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject11() {
+function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--text-negative);\n            "
     ]);
-    _templateObject11 = function _templateObject() {
+    _templateObject10 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject12() {
+function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1.25rem;\n                ",
@@ -563,12 +517,12 @@ function _templateObject12() {
         ": 0.125rem;\n                ",
         ": 0.5rem 0.875rem;\n            "
     ]);
-    _templateObject12 = function _templateObject() {
+    _templateObject11 = function _templateObject() {
         return data;
     };
     return data;
 }
-function _templateObject13() {
+function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
         ": 1rem;\n                ",
@@ -645,7 +599,7 @@ function _templateObject13() {
         ": 0.125rem;\n                ",
         ": 0.25rem 0.75rem;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
@@ -667,17 +621,16 @@ export var config = {
             positive: css(_templateObject4(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
             warning: css(_templateObject5(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
             negative: css(_templateObject6(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
-            dark: css(_templateObject7(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
-            black: css(_templateObject8(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
-            white: css(_templateObject9(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor)
+            black: css(_templateObject7(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor),
+            white: css(_templateObject8(), attachTokens.buttonColor, attachTokens.buttonValueColor, attachTokens.buttonBackgroundColor, attachTokens.buttonLoadingBackgroundColor, attachTokens.buttonBackgroundColor, attachTokens.buttonColorHover, attachTokens.buttonBackgroundColorHover, attachTokens.buttonColorActive, attachTokens.buttonBackgroundColorActive, attachTokens.buttonDisabledOpacity, attachTokens.buttonFocusColor, attachTokens.cellColor, attachTokens.cellLabelColor, attachTokens.cellTitleColor, attachTokens.cellSubtitleColor, attachTokens.cellBackgroundColor, attachTokens.iconButtonColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonBackgroundColor, attachTokens.iconButtonColorHover, attachTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonColorActive, attachTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonDisabledOpacity, attachTokens.iconButtonFocusColor, attachTokens.iconButtonCancelColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, attachTokens.iconButtonCancelColorHover, attachTokens.iconButtonCancelBackgroundColorHover, attachTokens.iconButtonCancelColorActive, attachTokens.iconButtonCancelBackgroundColorActive, attachTokens.iconButtonCancelDisabledOpacity, attachTokens.iconButtonCancelFocusColor, attachTokens.moreIconColor)
         },
         helperTextView: {
-            default: css(_templateObject10(), attachTokens.helperTextColor),
-            negative: css(_templateObject11(), attachTokens.helperTextColor)
+            default: css(_templateObject9(), attachTokens.helperTextColor),
+            negative: css(_templateObject10(), attachTokens.helperTextColor)
         },
         size: {
-            m: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.filenameDropdownWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor, attachTokens.moreIconPadding, attachTokens.dropdownBorderRadius, attachTokens.dropdownPadding, attachTokens.dropdownItemPadding),
-            s: css(_templateObject13(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.filenameDropdownWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor, attachTokens.moreIconPadding, attachTokens.dropdownBorderRadius, attachTokens.dropdownPadding, attachTokens.dropdownItemPadding)
+            m: css(_templateObject11(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.filenameDropdownWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor, attachTokens.moreIconPadding, attachTokens.dropdownBorderRadius, attachTokens.dropdownPadding, attachTokens.dropdownItemPadding),
+            s: css(_templateObject12(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, attachTokens.filenameDropdownWrapperHeight, attachTokens.buttonHeight, attachTokens.buttonWidth, attachTokens.buttonPadding, attachTokens.buttonRadius, attachTokens.buttonFontFamily, attachTokens.buttonFontSize, attachTokens.buttonFontStyle, attachTokens.buttonFontWeight, attachTokens.buttonLetterSpacing, attachTokens.buttonLineHeight, attachTokens.buttonSpinnerSize, attachTokens.buttonSpinnerColor, attachTokens.buttonLeftContentMargin, attachTokens.buttonRightContentMargin, attachTokens.buttonValueMargin, attachTokens.cellWidth, attachTokens.cellPadding, attachTokens.cellPaddingLeftContent, attachTokens.cellPaddingContent, attachTokens.cellPaddingRightContent, attachTokens.cellTextboxGap, attachTokens.cellGap, attachTokens.cellLabelFontFamily, attachTokens.cellLabelFontSize, attachTokens.cellLabelFontStyle, attachTokens.cellLabelFontWeight, attachTokens.cellLabelLetterSpacing, attachTokens.cellLabelLineHeight, attachTokens.cellTitleFontFamily, attachTokens.cellTitleFontSize, attachTokens.cellTitleFontStyle, attachTokens.cellTitleFontWeight, attachTokens.cellTitleLetterSpacing, attachTokens.cellTitleLineHeight, attachTokens.cellSubtitleFontFamily, attachTokens.cellSubtitleFontSize, attachTokens.cellSubtitleFontStyle, attachTokens.cellSubtitleFontWeight, attachTokens.cellSubtitleLetterSpacing, attachTokens.cellSubtitleLineHeight, attachTokens.iconButtonHeight, attachTokens.iconButtonWidth, attachTokens.iconButtonPadding, attachTokens.iconButtonRadius, attachTokens.iconButtonFontFamily, attachTokens.iconButtonFontSize, attachTokens.iconButtonFontStyle, attachTokens.iconButtonFontWeight, attachTokens.iconButtonLetterSpacing, attachTokens.iconButtonLineHeight, attachTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelHeight, attachTokens.iconButtonCancelWidth, attachTokens.iconButtonCancelPadding, attachTokens.iconButtonCancelRadius, attachTokens.iconButtonCancelFontFamily, attachTokens.iconButtonCancelFontSize, attachTokens.iconButtonCancelFontStyle, attachTokens.iconButtonCancelFontWeight, attachTokens.iconButtonCancelLetterSpacing, attachTokens.iconButtonCancelLineHeight, attachTokens.iconButtonCancelSpinnerSize, attachTokens.iconButtonCancelSpinnerColor, attachTokens.moreIconPadding, attachTokens.dropdownBorderRadius, attachTokens.dropdownPadding, attachTokens.dropdownItemPadding)
         }
     }
 };

package/dist/styled-components/es/components/Autocomplete/Autocomplete.config.js CHANGED Viewed

@@ -17,8 +17,8 @@ function _templateObject() {
         ": var(--text-tertiary);\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-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -31,13 +31,13 @@ function _templateObject() {
         ": var(--surface-accent);\n                ",
         ": var(--surface-negative);\n                ",
         ": var(--text-tertiary);\n\n                ",
-        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--surface-solid-card);\n                ",
         ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
         ": transparent;\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n\n                ",
         ": ",
         ";\n                ",
@@ -60,8 +60,8 @@ function _templateObject1() {
         ": var(--text-tertiary);\n                ",
         ": var(--text-positive);\n                ",
         ": var(--text-positive);\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-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -80,7 +80,7 @@ function _templateObject1() {
         ": var(--surface-solid-card);\n                ",
         ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
         ": transparent;\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n\n                ",
         ": ",
         ";\n                ",
@@ -103,8 +103,8 @@ function _templateObject2() {
         ": var(--text-tertiary);\n                ",
         ": var(--text-warning);\n                ",
         ": var(--text-warning);\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-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -123,7 +123,7 @@ function _templateObject2() {
         ": var(--surface-solid-card);\n                ",
         ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
         ": transparent;\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n\n                ",
         ": ",
         ";\n                ",
@@ -146,8 +146,8 @@ function _templateObject3() {
         ": var(--text-tertiary);\n                ",
         ": var(--text-negative);\n                ",
         ": var(--text-negative);\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-accent);\n                ",
         ": var(--text-tertiary);\n                ",
         ": var(--text-tertiary);\n                ",
@@ -166,7 +166,7 @@ function _templateObject3() {
         ": var(--surface-solid-card);\n                ",
         ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
         ": transparent;\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-solid-secondary);\n                ",
         ": var(--text-primary);\n\n                ",
         ": ",
         ";\n                ",
@@ -426,11 +426,11 @@ function _templateObject12() {
         ": var(--text-primary);\n                ",
         ": 0.1;\n                ",
         ": 0.4;\n                ",
-        ": var(--surface-transparent-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-secondary);\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-primary);\n            "
+        ": var(--surface-solid-primary);\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -441,7 +441,7 @@ import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/sty
 export var config = {
     defaults: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         labelPlacement: 'outer'
     },
     variations: {

package/dist/styled-components/es/components/Avatar/Avatar.config.js CHANGED Viewed

@@ -114,7 +114,7 @@ function _templateObject5() {
         ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
+        ": var(--surface-solid-secondary);\n\n                ",
         ": var(--text-primary);\n                ",
         ": var(--surface-clear);\n            "
     ]);
@@ -129,7 +129,7 @@ function _templateObject6() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
-        ": var(--surface-transparent-accent);\n\n                ",
+        ": var(--surface-solid-accent);\n\n                ",
         ": var(--text-accent);\n                ",
         ": var(--surface-clear);\n            "
     ]);
@@ -144,7 +144,7 @@ function _templateObject7() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-positive);\n\n                ",
         ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-positive);\n\n                ",
+        ": var(--surface-solid-positive);\n\n                ",
         ": var(--text-positive);\n                ",
         ": var(--surface-clear);\n            "
     ]);
@@ -159,7 +159,7 @@ function _templateObject8() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-warning);\n\n                ",
         ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-warning);\n\n                ",
+        ": var(--surface-solid-warning);\n\n                ",
         ": var(--text-warning);\n                ",
         ": var(--surface-clear);\n            "
     ]);
@@ -174,7 +174,7 @@ function _templateObject9() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-negative);\n\n                ",
         ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
+        ": var(--surface-solid-negative);\n\n                ",
         ": var(--text-negative);\n                ",
         ": var(--surface-clear);\n            "
     ]);
@@ -294,7 +294,7 @@ import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/styled-co
 export var config = {
     defaults: {
         view: 'default',
-        size: 'xxl',
+        size: 'm',
         shape: 'circled'
     },
     variations: {

package/dist/styled-components/es/components/Badge/Badge.config.js CHANGED Viewed

@@ -14,7 +14,7 @@ function _templateObject() {
         ": var(--inverse-text-primary);\n                ",
         ": var(--surface-solid-default);\n\n                ",
         ": var(--text-primary);\n                ",
-        ": var(--surface-transparent-secondary);\n\n                ",
+        ": var(--surface-solid-secondary);\n\n                ",
         ": var(--text-primary);\n            "
     ]);
     _templateObject = function _templateObject() {
@@ -28,7 +28,7 @@ function _templateObject1() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-accent);\n\n                ",
         ": var(--text-accent);\n                ",
-        ": var(--surface-transparent-accent);\n\n                ",
+        ": var(--surface-solid-accent);\n\n                ",
         ": var(--text-accent);\n            "
     ]);
     _templateObject1 = function _templateObject() {
@@ -42,7 +42,7 @@ function _templateObject2() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-positive);\n\n                ",
         ": var(--text-positive);\n                ",
-        ": var(--surface-transparent-positive);\n\n                ",
+        ": var(--surface-solid-positive);\n\n                ",
         ": var(--text-positive);\n            "
     ]);
     _templateObject2 = function _templateObject() {
@@ -56,7 +56,7 @@ function _templateObject3() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-warning);\n\n                ",
         ": var(--text-warning);\n                ",
-        ": var(--surface-transparent-warning);\n\n                ",
+        ": var(--surface-solid-warning);\n\n                ",
         ": var(--text-warning);\n            "
     ]);
     _templateObject3 = function _templateObject() {
@@ -70,7 +70,7 @@ function _templateObject4() {
         ": var(--on-dark-text-primary);\n                ",
         ": var(--surface-negative);\n\n                ",
         ": var(--text-negative);\n                ",
-        ": var(--surface-transparent-negative);\n\n                ",
+        ": var(--surface-solid-negative);\n\n                ",
         ": var(--text-negative);\n            "
     ]);
     _templateObject4 = function _templateObject() {