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

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

@@ -116,13 +116,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                ",
@@ -131,13 +131,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                ",
@@ -340,52 +340,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                ",
@@ -426,12 +380,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                ",
@@ -472,32 +426,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                ",
@@ -574,12 +528,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                ",
@@ -656,7 +610,7 @@ function _templateObject13() {
         ": 0.125rem;\n                ",
         ": 0.25rem 0.75rem;\n            "
     ]);
-    _templateObject13 = function _templateObject() {
+    _templateObject12 = function _templateObject() {
         return data;
     };
     return data;
@@ -677,17 +631,16 @@ var config = {
             positive: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
             warning: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
             negative: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
-            dark: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
-            black: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
-            white: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor)
+            black: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor),
+            white: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.attachTokens.buttonColor, _styledcomponents.attachTokens.buttonValueColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonLoadingBackgroundColor, _styledcomponents.attachTokens.buttonBackgroundColor, _styledcomponents.attachTokens.buttonColorHover, _styledcomponents.attachTokens.buttonBackgroundColorHover, _styledcomponents.attachTokens.buttonColorActive, _styledcomponents.attachTokens.buttonBackgroundColorActive, _styledcomponents.attachTokens.buttonDisabledOpacity, _styledcomponents.attachTokens.buttonFocusColor, _styledcomponents.attachTokens.cellColor, _styledcomponents.attachTokens.cellLabelColor, _styledcomponents.attachTokens.cellTitleColor, _styledcomponents.attachTokens.cellSubtitleColor, _styledcomponents.attachTokens.cellBackgroundColor, _styledcomponents.attachTokens.iconButtonColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonBackgroundColor, _styledcomponents.attachTokens.iconButtonColorHover, _styledcomponents.attachTokens.iconButtonBackgroundColorHover, _styledcomponents.attachTokens.iconButtonColorActive, _styledcomponents.attachTokens.iconButtonBackgroundColorActive, _styledcomponents.attachTokens.iconButtonDisabledOpacity, _styledcomponents.attachTokens.iconButtonFocusColor, _styledcomponents.attachTokens.iconButtonCancelColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelLoadingBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelBackgroundColor, _styledcomponents.attachTokens.iconButtonCancelColorHover, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorHover, _styledcomponents.attachTokens.iconButtonCancelColorActive, _styledcomponents.attachTokens.iconButtonCancelBackgroundColorActive, _styledcomponents.attachTokens.iconButtonCancelDisabledOpacity, _styledcomponents.attachTokens.iconButtonCancelFocusColor, _styledcomponents.attachTokens.moreIconColor)
         },
         helperTextView: {
-            default: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.attachTokens.helperTextColor),
-            negative: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.attachTokens.helperTextColor)
+            default: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.attachTokens.helperTextColor),
+            negative: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.attachTokens.helperTextColor)
         },
         size: {
-            m: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.filenameDropdownWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor, _styledcomponents.attachTokens.moreIconPadding, _styledcomponents.attachTokens.dropdownBorderRadius, _styledcomponents.attachTokens.dropdownPadding, _styledcomponents.attachTokens.dropdownItemPadding),
-            s: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.filenameDropdownWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor, _styledcomponents.attachTokens.moreIconPadding, _styledcomponents.attachTokens.dropdownBorderRadius, _styledcomponents.attachTokens.dropdownPadding, _styledcomponents.attachTokens.dropdownItemPadding)
+            m: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.filenameDropdownWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor, _styledcomponents.attachTokens.moreIconPadding, _styledcomponents.attachTokens.dropdownBorderRadius, _styledcomponents.attachTokens.dropdownPadding, _styledcomponents.attachTokens.dropdownItemPadding),
+            s: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.attachTokens.horizontalGap, _styledcomponents.attachTokens.verticalGap, _styledcomponents.attachTokens.verticalGapWithHelperText, _styledcomponents.attachTokens.filenameWrapperHeight, _styledcomponents.attachTokens.filenameDropdownWrapperHeight, _styledcomponents.attachTokens.buttonHeight, _styledcomponents.attachTokens.buttonWidth, _styledcomponents.attachTokens.buttonPadding, _styledcomponents.attachTokens.buttonRadius, _styledcomponents.attachTokens.buttonFontFamily, _styledcomponents.attachTokens.buttonFontSize, _styledcomponents.attachTokens.buttonFontStyle, _styledcomponents.attachTokens.buttonFontWeight, _styledcomponents.attachTokens.buttonLetterSpacing, _styledcomponents.attachTokens.buttonLineHeight, _styledcomponents.attachTokens.buttonSpinnerSize, _styledcomponents.attachTokens.buttonSpinnerColor, _styledcomponents.attachTokens.buttonLeftContentMargin, _styledcomponents.attachTokens.buttonRightContentMargin, _styledcomponents.attachTokens.buttonValueMargin, _styledcomponents.attachTokens.cellWidth, _styledcomponents.attachTokens.cellPadding, _styledcomponents.attachTokens.cellPaddingLeftContent, _styledcomponents.attachTokens.cellPaddingContent, _styledcomponents.attachTokens.cellPaddingRightContent, _styledcomponents.attachTokens.cellTextboxGap, _styledcomponents.attachTokens.cellGap, _styledcomponents.attachTokens.cellLabelFontFamily, _styledcomponents.attachTokens.cellLabelFontSize, _styledcomponents.attachTokens.cellLabelFontStyle, _styledcomponents.attachTokens.cellLabelFontWeight, _styledcomponents.attachTokens.cellLabelLetterSpacing, _styledcomponents.attachTokens.cellLabelLineHeight, _styledcomponents.attachTokens.cellTitleFontFamily, _styledcomponents.attachTokens.cellTitleFontSize, _styledcomponents.attachTokens.cellTitleFontStyle, _styledcomponents.attachTokens.cellTitleFontWeight, _styledcomponents.attachTokens.cellTitleLetterSpacing, _styledcomponents.attachTokens.cellTitleLineHeight, _styledcomponents.attachTokens.cellSubtitleFontFamily, _styledcomponents.attachTokens.cellSubtitleFontSize, _styledcomponents.attachTokens.cellSubtitleFontStyle, _styledcomponents.attachTokens.cellSubtitleFontWeight, _styledcomponents.attachTokens.cellSubtitleLetterSpacing, _styledcomponents.attachTokens.cellSubtitleLineHeight, _styledcomponents.attachTokens.iconButtonHeight, _styledcomponents.attachTokens.iconButtonWidth, _styledcomponents.attachTokens.iconButtonPadding, _styledcomponents.attachTokens.iconButtonRadius, _styledcomponents.attachTokens.iconButtonFontFamily, _styledcomponents.attachTokens.iconButtonFontSize, _styledcomponents.attachTokens.iconButtonFontStyle, _styledcomponents.attachTokens.iconButtonFontWeight, _styledcomponents.attachTokens.iconButtonLetterSpacing, _styledcomponents.attachTokens.iconButtonLineHeight, _styledcomponents.attachTokens.iconButtonSpinnerSize, _styledcomponents.attachTokens.iconButtonSpinnerColor, _styledcomponents.attachTokens.iconButtonCancelHeight, _styledcomponents.attachTokens.iconButtonCancelWidth, _styledcomponents.attachTokens.iconButtonCancelPadding, _styledcomponents.attachTokens.iconButtonCancelRadius, _styledcomponents.attachTokens.iconButtonCancelFontFamily, _styledcomponents.attachTokens.iconButtonCancelFontSize, _styledcomponents.attachTokens.iconButtonCancelFontStyle, _styledcomponents.attachTokens.iconButtonCancelFontWeight, _styledcomponents.attachTokens.iconButtonCancelLetterSpacing, _styledcomponents.attachTokens.iconButtonCancelLineHeight, _styledcomponents.attachTokens.iconButtonCancelSpinnerSize, _styledcomponents.attachTokens.iconButtonCancelSpinnerColor, _styledcomponents.attachTokens.moreIconPadding, _styledcomponents.attachTokens.dropdownBorderRadius, _styledcomponents.attachTokens.dropdownPadding, _styledcomponents.attachTokens.dropdownItemPadding)
         }
     }
 };

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

@@ -28,8 +28,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                ",
@@ -42,13 +42,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                ",
@@ -71,8 +71,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                ",
@@ -91,7 +91,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                ",
@@ -114,8 +114,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                ",
@@ -134,7 +134,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                ",
@@ -157,8 +157,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                ",
@@ -177,7 +177,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                ",
@@ -437,11 +437,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;
@@ -451,7 +451,7 @@ function _templateObject12() {
 var config = {
     defaults: {
         view: 'default',
-        size: 'l',
+        size: 'm',
         labelPlacement: 'outer'
     },
     variations: {

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

@@ -125,7 +125,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            "
     ]);
@@ -140,7 +140,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            "
     ]);
@@ -155,7 +155,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            "
     ]);
@@ -170,7 +170,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            "
     ]);
@@ -185,7 +185,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            "
     ]);
@@ -304,7 +304,7 @@ function _templateObject18() {
 var config = {
     defaults: {
         view: 'default',
-        size: 'xxl',
+        size: 'm',
         shape: 'circled'
     },
     variations: {

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

@@ -25,7 +25,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() {
@@ -39,7 +39,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() {
@@ -53,7 +53,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() {
@@ -67,7 +67,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() {
@@ -81,7 +81,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() {