@salutejs/plasma-web 1.597.0-canary.2303.18841217749.0 → 1.597.0-dev.0

package/components/Combobox/Combobox.d.ts

@@ -58,7 +58,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -114,7 +114,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -170,7 +170,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -226,7 +226,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -282,7 +282,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -338,7 +338,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -394,7 +394,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -450,7 +450,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -506,7 +506,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -562,7 +562,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -618,7 +618,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -674,7 +674,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -730,7 +730,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -786,7 +786,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -842,7 +842,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -898,7 +898,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -954,7 +954,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1010,7 +1010,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1066,7 +1066,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1122,7 +1122,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1178,7 +1178,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1234,7 +1234,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1290,7 +1290,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
@@ -1346,7 +1346,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     mode?: "default" | "radio";
     size?: string;
     view?: string;
-    emptyStateDescription?: string;
+    emptyStateDescription?: React.ReactNode;
     listHeight?: React.CSSProperties["height"];
     listOverflow?: React.CSSProperties["overflow"];
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {

package/components/LinkButton/LinkButton.config.js

@@ -28,7 +28,8 @@ function _templateObject() {
         ": var(--surface-transparent-clear);\n                ",
         ": var(--text-primary-hover);\n                ",
         ": var(--text-primary-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-primary-hover);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -44,7 +45,8 @@ function _templateObject1() {
         ": var(---surface-transparent-clear);\n                ",
         ": var(--text-accent-hover);\n                ",
         ": var(--text-accent-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-accent-hover);\n            "
     ]);
     _templateObject1 = function _templateObject() {
         return data;
@@ -60,7 +62,8 @@ function _templateObject2() {
         ": var(--surface-transparent-clear);\n                ",
         ": var(--text-secondary-hover);\n                ",
         ": var(--text-secondary-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-secondary-hover);\n            "
     ]);
     _templateObject2 = function _templateObject() {
         return data;
@@ -76,7 +79,8 @@ function _templateObject3() {
         ": var(--surface-transparent-clear);\n                ",
         ": var(--text-positive-hover);\n                ",
         ": var(--text-positive-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-positive-hover);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -92,7 +96,8 @@ function _templateObject4() {
         ": var(--surface-transparent-clear);\n                ",
         ": var(--text-warning-hover);\n                ",
         ": var(--text-warning-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-warning-hover);\n            "
     ]);
     _templateObject4 = function _templateObject() {
         return data;
@@ -108,7 +113,8 @@ function _templateObject5() {
         ": var(--surface-transparent-clear);\n                ",
         ": var(--text-negative-hover);\n                ",
         ": var(--text-negative-active);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--surface-accent);\n                ",
+        ": var(--text-negative-hover);\n            "
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -275,12 +281,12 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
-            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
-            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
-            positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
-            warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor),
-            negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
+            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
+            secondary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
+            positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
+            warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover),
+            negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.linkButtonTokens.linkButtonColor, _styledcomponents.linkButtonTokens.linkButtonIconColor, _styledcomponents.linkButtonTokens.linkButtonTextColor, _styledcomponents.linkButtonTokens.linkButtonBackgroundColor, _styledcomponents.linkButtonTokens.linkButtonColorHover, _styledcomponents.linkButtonTokens.linkButtonColorActive, _styledcomponents.linkButtonTokens.linkButtonFocusColor, _styledcomponents.linkButtonTokens.linkButtonTextColorHover)
         },
         size: {
             xl: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.linkButtonTokens.linkButtonHeight, _styledcomponents.linkButtonTokens.linkButtonPadding, _styledcomponents.linkButtonTokens.linkButtonRadius, _styledcomponents.linkButtonTokens.linkButtonFontFamily, _styledcomponents.linkButtonTokens.linkButtonFontSize, _styledcomponents.linkButtonTokens.linkButtonFontStyle, _styledcomponents.linkButtonTokens.linkButtonFontWeight, _styledcomponents.linkButtonTokens.linkButtonLetterSpacing, _styledcomponents.linkButtonTokens.linkButtonLineHeight, _styledcomponents.linkButtonTokens.linkButtonSpinnerSize, _styledcomponents.linkButtonTokens.linkButtonSpinnerColor, _styledcomponents.linkButtonTokens.linkButtonTextPadding, _styledcomponents.linkButtonTokens.linkButtonLeftContentMargin, _styledcomponents.linkButtonTokens.linkButtonRightContentMargin, _styledcomponents.linkButtonTokens.linkButtonAdditionalContentMargin),

package/components/Tabs/horizontal/HorizontalIconTabItem.config.js

@@ -240,7 +240,7 @@ function _templateObject13() {
 }
 var config = {
     defaults: {
-        view: 'default',
+        view: 'divider',
         size: 'xs'
     },
     variations: {

package/components/Tabs/horizontal/HorizontalTabItem.config.js

@@ -37,8 +37,6 @@ function _templateObject() {
         ": var(--text-secondary);\n                ",
         ": transparent;\n                ",
         ": background-color 0.3s ease-in-out;\n\n                ",
-        ": 0;\n                ",
-        ": 0;\n\n                ",
         ": var(--surface-accent);\n\n                ",
         ": 0rem;\n                ",
         ": var(--text-primary);\n                ",
@@ -98,8 +96,6 @@ function _templateObject2() {
         ": var(--text-secondary);\n                ",
         ": transparent;\n                ",
         ": background-color 0.3s ease-in-out;\n\n                ",
-        ": 0;\n                ",
-        ": 0;\n\n                ",
         ": var(--surface-accent);\n\n                ",
         ": 0.125rem;\n                ",
         ": var(--text-primary);\n                ",
@@ -147,9 +143,9 @@ function _templateObject4() {
         ": 0.375rem;\n                ",
         ": auto;\n                ",
         ": 2rem;\n                ",
-        ": 0 0.5rem;\n                ",
+        ": 0 0.125rem;\n                ",
         ": 0 0.375rem;\n                ",
-        ": 1.75rem;\n                ",
+        ": 1.5rem;\n                ",
         ": 0.25rem;\n                ",
         ": 0.125rem;\n\n                ",
         ": var(--plasma-typo-body-xs-font-family);\n                ",
@@ -171,9 +167,9 @@ function _templateObject5() {
         ": 0.5rem;\n                ",
         ": auto;\n                ",
         ": 2.5rem;\n                ",
-        ": 0 0.625rem;\n                ",
+        ": 0 0.125rem;\n                ",
         ": 0 0.5rem;\n                ",
-        ": 1.75rem;\n                ",
+        ": 1.5rem;\n                ",
         ": 0.25rem;\n                ",
         ": 0.125rem;\n\n                ",
         ": var(--plasma-typo-body-s-font-family);\n                ",
@@ -195,9 +191,9 @@ function _templateObject6() {
         ": 0.625rem;\n                ",
         ": auto;\n                ",
         ": 3rem;\n                ",
-        ": 0 0.625rem;\n                ",
+        ": 0 0.125rem;\n                ",
         ": 0 0.5rem;\n                ",
-        ": 1.75rem;\n                ",
+        ": 1.5rem;\n                ",
         ": 0.375rem;\n                ",
         ": 0.125rem;\n\n                ",
         ": var(--plasma-typo-body-m-font-family);\n                ",
@@ -219,9 +215,9 @@ function _templateObject7() {
         ": 0.75rem;\n                ",
         ": auto;\n                ",
         ": 3.5rem;\n                ",
-        ": 0 0.875rem;\n                ",
+        ": 0 0.125rem;\n                ",
         ": 0 0.75rem;\n                ",
-        ": 1.75rem;\n                ",
+        ": 1.5rem;\n                ",
         ": 0.5rem;\n                ",
         ": 0.125rem;\n\n                ",
         ": var(--plasma-typo-body-l-font-family);\n                ",
@@ -243,8 +239,8 @@ function _templateObject8() {
         ": 0.375rem;\n                ",
         ": auto;\n                ",
         ": 3rem;\n                ",
-        ": 0rem;\n                ",
-        ": 1.75rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
         ": 0.625rem;\n\n                ",
         ": var(--plasma-typo-h5-font-family);\n                ",
         ": var(--plasma-typo-h5-font-size);\n                ",
@@ -265,8 +261,8 @@ function _templateObject9() {
         ": 0.375rem;\n                ",
         ": auto;\n                ",
         ": 3.25rem;\n                ",
-        ": 0rem;\n                ",
-        ": 2rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 1.75rem;\n                ",
         ": 0.625rem;\n\n                ",
         ": var(--plasma-typo-h4-font-family);\n                ",
         ": var(--plasma-typo-h4-font-size);\n                ",
@@ -287,8 +283,8 @@ function _templateObject10() {
         ": 0.5rem;\n                ",
         ": auto;\n                ",
         ": 3.875rem;\n                ",
-        ": 0rem;\n                ",
-        ": 2.25rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 2rem;\n                ",
         ": 0.75rem;\n\n                ",
         ": var(--plasma-typo-h3-font-family);\n                ",
         ": var(--plasma-typo-h3-font-size);\n                ",
@@ -309,8 +305,8 @@ function _templateObject11() {
         ": 0.625rem;\n                ",
         ": auto;\n                ",
         ": 4.5rem;\n                ",
-        ": 0rem;\n                ",
-        ": 2.5rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 2.25rem;\n                ",
         ": 0.875rem;\n\n                ",
         ": var(--plasma-typo-h2-font-family);\n                ",
         ": var(--plasma-typo-h2-font-size);\n                ",
@@ -331,8 +327,8 @@ function _templateObject12() {
         ": 0.75rem;\n                ",
         ": auto;\n                ",
         ": 5.75rem;\n                ",
-        ": 0rem;\n                ",
-        ": 3.5rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 3.25rem;\n                ",
         ": 1rem;\n\n                ",
         ": var(--plasma-typo-h1-font-family);\n                ",
         ": var(--plasma-typo-h1-font-size);\n                ",
@@ -383,9 +379,9 @@ var config = {
     },
     variations: {
         view: {
-            clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
+            clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
             secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
-            divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemPaddingClear, _styledcomponents.tabsTokens.itemContentPaddingClear, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
+            divider: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor),
             default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemBackgroundColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemBackgroundColorHover, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedValueColor, _styledcomponents.tabsTokens.itemSelectedBackgroundColor, _styledcomponents.tabsTokens.itemSelectedColorHover, _styledcomponents.tabsTokens.itemSelectedValueColorHover, _styledcomponents.tabsTokens.itemSelectedBackgroundColorHover, _styledcomponents.tabsTokens.itemBackgroundTransition, _styledcomponents.tabsTokens.itemMarginLeftFilled, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.itemSelectedDividerHeight, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.itemCursor)
         },
         size: {

package/css/cjs/components/Attach/Attach.config.js

@@ -1,4 +1,4 @@
-require('./Attach.config_18v389v.css');
+require('./Attach.config_4eb05r.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });