@salutejs/sdds-cs 0.327.1-canary.2206.17460950180.0 → 0.327.1-canary.2209.17603494170.0

package/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(1.02 * 0.85 * var(",
+        ") - var(",
+        ") / 2);\n                ",
+        ": calc(1.02 * 0.85 * 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/styled-components';
 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)
         }
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.327.1-canary.2206.17460950180.0",
+  "version": "0.327.1-canary.2209.17603494170.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.335.1-canary.2206.17460950180.0",
+    "@salutejs/plasma-new-hope": "0.335.1-canary.2209.17603494170.0",
     "@salutejs/sdds-themes": "0.47.0"
   },
   "peerDependencies": {
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "8d235a6bde26c188e30f2809594ceff700386bbd"
+  "gitHead": "2c797fac026f1c295adbc10f922747a80cd00134"
 }