@salutejs/sdds-cs 0.328.0-canary.2239.17794430722.0 → 0.328.0

package/emotion/cjs/components/Avatar/Avatar.config.js

@@ -120,9 +120,13 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.1rem;\n                ",
-        ": -0.2rem;\n                ",
-        ": var(--surface-accent);\n            "
+        ": 50%;\n                ",
+        ": calc(0.867 * var(",
+        ") - var(",
+        ") / 2);\n                ",
+        ": calc(0.867 * var(",
+        ") - var(",
+        ") / 2);\n            "
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -132,8 +136,9 @@ function _templateObject5() {
 function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-solid-default);\n            "
+        ": 0.1rem;\n                ",
+        ": -0.2rem;\n                ",
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -143,8 +148,8 @@ function _templateObject6() {
 function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -155,7 +160,7 @@ function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-positive);\n            "
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -166,17 +171,29 @@ function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-negative);\n            "
+        ": var(--surface-positive);\n            "
     ]);
     _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative);\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 var config = {
     defaults: {
         view: 'default',
-        size: 's'
+        size: 's',
+        shape: 'circled'
     },
     variations: {
         view: {
@@ -189,14 +206,17 @@ var config = {
             s: (0, _emotion.css)(_templateObject3(), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.counterBorderRadius, _emotion.avatarTokens.counterHeight, _emotion.avatarTokens.counterPadding, _emotion.avatarTokens.counterFontFamily, _emotion.avatarTokens.counterFontSize, _emotion.avatarTokens.counterFontStyle, _emotion.avatarTokens.counterFontWeight, _emotion.avatarTokens.counterLetterSpacing, _emotion.avatarTokens.counterLineHeight),
             fit: (0, _emotion.css)(_templateObject4(), _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.fontSize, _emotion.avatarTokens.fontWeight, _emotion.avatarTokens.lineHeight, _emotion.avatarTokens.statusIconSize)
         },
+        shape: {
+            circled: (0, _emotion.css)(_templateObject5(), _emotion.avatarTokens.borderRadius, _emotion.avatarTokens.statusLeft, _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.statusIconSize, _emotion.avatarTokens.statusTop, _emotion.avatarTokens.avatarSize, _emotion.avatarTokens.statusIconSize)
+        },
         focused: {
-            true: (0, _emotion.css)(_templateObject5(), _emotion.avatarTokens.outlineSize, _emotion.avatarTokens.outlineOffset, _emotion.avatarTokens.outlineColor)
+            true: (0, _emotion.css)(_templateObject6(), _emotion.avatarTokens.outlineSize, _emotion.avatarTokens.outlineOffset, _emotion.avatarTokens.outlineColor)
         },
         counterView: {
-            default: (0, _emotion.css)(_templateObject6(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
-            accent: (0, _emotion.css)(_templateObject7(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
-            positive: (0, _emotion.css)(_templateObject8(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
-            negative: (0, _emotion.css)(_templateObject9(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground)
+            default: (0, _emotion.css)(_templateObject7(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+            accent: (0, _emotion.css)(_templateObject8(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+            positive: (0, _emotion.css)(_templateObject9(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground),
+            negative: (0, _emotion.css)(_templateObject10(), _emotion.avatarTokens.counterColor, _emotion.avatarTokens.counterBackground)
         }
     }
 };

package/emotion/cjs/components/Skeleton/LineSkeleton.config.js

@@ -22,8 +22,7 @@ function _tagged_template_literal(strings, raw) {
 function _templateObject() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n            "
+        ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -33,8 +32,7 @@ function _templateObject() {
 function _templateObject1() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n            "
+        ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n            "
     ]);
     _templateObject1 = function _templateObject() {
         return data;
@@ -44,8 +42,8 @@ function _templateObject1() {
 function _templateObject2() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n            "
+        ": var(--plasma-typo-body-l-line-height);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n            "
     ]);
     _templateObject2 = function _templateObject() {
         return data;
@@ -55,8 +53,8 @@ function _templateObject2() {
 function _templateObject3() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n            "
+        ": var(--plasma-typo-body-m-line-height);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n            "
     ]);
     _templateObject3 = function _templateObject() {
         return data;
@@ -66,8 +64,8 @@ function _templateObject3() {
 function _templateObject4() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n            "
+        ": var(--plasma-typo-body-s-line-height);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n            "
     ]);
     _templateObject4 = function _templateObject() {
         return data;
@@ -77,8 +75,8 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-dspl-l-line-height);\n                ",
-        ": var(--plasma-typo-dspl-l-font-size);\n            "
+        ": var(--plasma-typo-body-xs-line-height);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n            "
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -88,8 +86,8 @@ function _templateObject5() {
 function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-dspl-m-line-height);\n                ",
-        ": var(--plasma-typo-dspl-m-font-size);\n            "
+        ": var(--plasma-typo-body-xxs-line-height);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -99,8 +97,8 @@ function _templateObject6() {
 function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-dspl-s-line-height);\n                ",
-        ": var(--plasma-typo-dspl-s-font-size);\n            "
+        ": var(--plasma-typo-dspl-l-line-height);\n                ",
+        ": var(--plasma-typo-dspl-l-font-size);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -110,8 +108,8 @@ function _templateObject7() {
 function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-h1-line-height);\n                ",
-        ": var(--plasma-typo-h1-font-size);\n            "
+        ": var(--plasma-typo-dspl-m-line-height);\n                ",
+        ": var(--plasma-typo-dspl-m-font-size);\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -121,8 +119,8 @@ function _templateObject8() {
 function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-h2-line-height);\n                ",
-        ": var(--plasma-typo-h2-font-size);\n            "
+        ": var(--plasma-typo-dspl-s-line-height);\n                ",
+        ": var(--plasma-typo-dspl-s-font-size);\n            "
     ]);
     _templateObject9 = function _templateObject() {
         return data;
@@ -132,8 +130,8 @@ function _templateObject9() {
 function _templateObject10() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-h3-line-height);\n                ",
-        ": var(--plasma-typo-h3-font-size);\n            "
+        ": var(--plasma-typo-h1-line-height);\n                ",
+        ": var(--plasma-typo-h1-font-size);\n            "
     ]);
     _templateObject10 = function _templateObject() {
         return data;
@@ -143,8 +141,8 @@ function _templateObject10() {
 function _templateObject11() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-h4-line-height);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n            "
+        ": var(--plasma-typo-h2-line-height);\n                ",
+        ": var(--plasma-typo-h2-font-size);\n            "
     ]);
     _templateObject11 = function _templateObject() {
         return data;
@@ -154,8 +152,8 @@ function _templateObject11() {
 function _templateObject12() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-h5-line-height);\n                ",
-        ": var(--plasma-typo-h5-font-size);\n            "
+        ": var(--plasma-typo-h3-line-height);\n                ",
+        ": var(--plasma-typo-h3-font-size);\n            "
     ]);
     _templateObject12 = function _templateObject() {
         return data;
@@ -165,8 +163,8 @@ function _templateObject12() {
 function _templateObject13() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n            "
+        ": var(--plasma-typo-h4-line-height);\n                ",
+        ": var(--plasma-typo-h4-font-size);\n            "
     ]);
     _templateObject13 = function _templateObject() {
         return data;
@@ -176,8 +174,8 @@ function _templateObject13() {
 function _templateObject14() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n            "
+        ": var(--plasma-typo-h5-line-height);\n                ",
+        ": var(--plasma-typo-h5-font-size);\n            "
     ]);
     _templateObject14 = function _templateObject() {
         return data;
@@ -187,8 +185,8 @@ function _templateObject14() {
 function _templateObject15() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n            "
+        ": var(--plasma-typo-text-l-line-height);\n                ",
+        ": var(--plasma-typo-text-l-font-size);\n            "
     ]);
     _templateObject15 = function _templateObject() {
         return data;
@@ -196,39 +194,66 @@ function _templateObject15() {
     return data;
 }
 function _templateObject16() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-text-m-line-height);\n                ",
+        ": var(--plasma-typo-text-m-font-size);\n            "
+    ]);
+    _templateObject16 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject17() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-text-s-line-height);\n                ",
+        ": var(--plasma-typo-text-s-font-size);\n            "
+    ]);
+    _templateObject17 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject18() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--plasma-typo-text-xs-line-height);\n                ",
         ": var(--plasma-typo-text-xs-font-size);\n            "
     ]);
-    _templateObject16 = function _templateObject() {
+    _templateObject18 = function _templateObject() {
         return data;
     };
     return data;
 }
 var config = {
     defaults: {
-        size: 'bodyM'
+        size: 'bodyM',
+        view: 'default'
     },
     variations: {
+        view: {
+            default: (0, _emotion.css)(_templateObject(), _emotion.skeletonTokens.gradientColor),
+            lighter: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.gradientColor)
+        },
         size: {
-            bodyL: (0, _emotion.css)(_templateObject(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            bodyM: (0, _emotion.css)(_templateObject1(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            bodyS: (0, _emotion.css)(_templateObject2(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            bodyXS: (0, _emotion.css)(_templateObject3(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            bodyXXS: (0, _emotion.css)(_templateObject4(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            dsplL: (0, _emotion.css)(_templateObject5(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            dsplM: (0, _emotion.css)(_templateObject6(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            dsplS: (0, _emotion.css)(_templateObject7(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            h1: (0, _emotion.css)(_templateObject8(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            h2: (0, _emotion.css)(_templateObject9(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            h3: (0, _emotion.css)(_templateObject10(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            h4: (0, _emotion.css)(_templateObject11(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            h5: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            textL: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            textM: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            textS: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
-            textXS: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
+            bodyL: (0, _emotion.css)(_templateObject2(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            bodyM: (0, _emotion.css)(_templateObject3(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            bodyS: (0, _emotion.css)(_templateObject4(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            bodyXS: (0, _emotion.css)(_templateObject5(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            bodyXXS: (0, _emotion.css)(_templateObject6(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            dsplL: (0, _emotion.css)(_templateObject7(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            dsplM: (0, _emotion.css)(_templateObject8(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            dsplS: (0, _emotion.css)(_templateObject9(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            h1: (0, _emotion.css)(_templateObject10(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            h2: (0, _emotion.css)(_templateObject11(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            h3: (0, _emotion.css)(_templateObject12(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            h4: (0, _emotion.css)(_templateObject13(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            h5: (0, _emotion.css)(_templateObject14(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            textL: (0, _emotion.css)(_templateObject15(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            textM: (0, _emotion.css)(_templateObject16(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            textS: (0, _emotion.css)(_templateObject17(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight),
+            textXS: (0, _emotion.css)(_templateObject18(), _emotion.skeletonTokens.lineHeight, _emotion.skeletonTokens.visibleLineHeight)
         }
     }
 };

package/emotion/es/components/Attach/Attach.config.js

@@ -168,6 +168,7 @@ function _templateObject5() {
         ": 0.375rem;\n                ",
         ": 1.5rem;\n\n                ",
         ": 2.5rem;\n                ",
+        ": 2.5rem;\n                ",
         ": 11.25rem;\n                ",
         ": 1rem;\n                ",
         ": 0.625rem;\n                ",
@@ -256,7 +257,7 @@ export var config = {
             negative: css(_templateObject4(), attachTokens.helperTextColor)
         },
         size: {
-            s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, 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)
+            s: css(_templateObject5(), attachTokens.horizontalGap, attachTokens.verticalGap, attachTokens.verticalGapWithHelperText, attachTokens.filenameWrapperHeight, 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)
         }
     }
 };

package/emotion/es/components/Avatar/Avatar.config.js

@@ -109,9 +109,13 @@ function _templateObject4() {
 function _templateObject5() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": 0.1rem;\n                ",
-        ": -0.2rem;\n                ",
-        ": var(--surface-accent);\n            "
+        ": 50%;\n                ",
+        ": calc(0.867 * var(",
+        ") - var(",
+        ") / 2);\n                ",
+        ": calc(0.867 * var(",
+        ") - var(",
+        ") / 2);\n            "
     ]);
     _templateObject5 = function _templateObject() {
         return data;
@@ -121,8 +125,9 @@ function _templateObject5() {
 function _templateObject6() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--inverse-text-primary);\n                ",
-        ": var(--surface-solid-default);\n            "
+        ": 0.1rem;\n                ",
+        ": -0.2rem;\n                ",
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject6 = function _templateObject() {
         return data;
@@ -132,8 +137,8 @@ function _templateObject6() {
 function _templateObject7() {
     var data = _tagged_template_literal([
         "\n                ",
-        ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-accent);\n            "
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject7 = function _templateObject() {
         return data;
@@ -144,7 +149,7 @@ function _templateObject8() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-positive);\n            "
+        ": var(--surface-accent);\n            "
     ]);
     _templateObject8 = function _templateObject() {
         return data;
@@ -155,18 +160,30 @@ function _templateObject9() {
     var data = _tagged_template_literal([
         "\n                ",
         ": var(--on-dark-text-primary);\n                ",
-        ": var(--surface-negative);\n            "
+        ": var(--surface-positive);\n            "
     ]);
     _templateObject9 = function _templateObject() {
         return data;
     };
     return data;
 }
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative);\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
     defaults: {
         view: 'default',
-        size: 's'
+        size: 's',
+        shape: 'circled'
     },
     variations: {
         view: {
@@ -179,14 +196,17 @@ export var config = {
             s: css(_templateObject3(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize, tokens.counterBorderRadius, tokens.counterHeight, tokens.counterPadding, tokens.counterFontFamily, tokens.counterFontSize, tokens.counterFontStyle, tokens.counterFontWeight, tokens.counterLetterSpacing, tokens.counterLineHeight),
             fit: css(_templateObject4(), tokens.avatarSize, tokens.fontSize, tokens.fontWeight, tokens.lineHeight, tokens.statusIconSize)
         },
+        shape: {
+            circled: css(_templateObject5(), tokens.borderRadius, tokens.statusLeft, tokens.avatarSize, tokens.statusIconSize, tokens.statusTop, tokens.avatarSize, tokens.statusIconSize)
+        },
         focused: {
-            true: css(_templateObject5(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
+            true: css(_templateObject6(), tokens.outlineSize, tokens.outlineOffset, tokens.outlineColor)
         },
         counterView: {
-            default: css(_templateObject6(), tokens.counterColor, tokens.counterBackground),
-            accent: css(_templateObject7(), tokens.counterColor, tokens.counterBackground),
-            positive: css(_templateObject8(), tokens.counterColor, tokens.counterBackground),
-            negative: css(_templateObject9(), tokens.counterColor, tokens.counterBackground)
+            default: css(_templateObject7(), tokens.counterColor, tokens.counterBackground),
+            accent: css(_templateObject8(), tokens.counterColor, tokens.counterBackground),
+            positive: css(_templateObject9(), tokens.counterColor, tokens.counterBackground),
+            negative: css(_templateObject10(), tokens.counterColor, tokens.counterBackground)
         }
     }
 };