@salutejs/plasma-new-hope 0.238.1-canary.1692.12540362812.0 → 0.239.0-canary.1696.12710467472.0

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

@@ -1,5 +1,9 @@
 export var classes = {
-  avatarItem: 'avatar-item'
+  avatarItem: 'avatar-item',
+  extraPlacementTopRight: 'avatar-extra-placement-top-right',
+  extraPlacementTopLeft: 'avatar-extra-placement-top-left',
+  extraPlacementBottomLeft: 'avatar-extra-placement-bottom-left',
+  extraPlacementBottomRight: 'avatar-extra-placement-bottom-right'
 };
 export var tokens = {
   avatarSize: '--plasma-avatar-size',
@@ -15,5 +19,40 @@ export var tokens = {
   outlineColor: '--plasma-avatar-outline-color',
   outlineSize: '--plasma-avatar-outline-size',
   outlineOffset: '--plasma-avatar-outline-offset',
-  scaleHover: '--plasma-avatar-scale-hover'
+  scaleHover: '--plasma-avatar-scale-hover',
+  extraPlacementFactor: '--plasma-avatar-extra-placement-factor',
+  // extra badge tokens
+  badgeBackground: '--plasma-avatar-extra-badge-background',
+  badgeColor: '--plasma-avatar-extra-badge-color',
+  badgeBackgroundTransparent: '--plasma-avatar-extra-badge-background-transparent',
+  badgeColorTransparent: '--plasma-avatar-extra-badge-color-transparent',
+  badgeColorClear: '--plasma-avatar-extra-badge-color-clear',
+  badgeBackgroundClear: '--plasma-avatar-extra-badge-background-clear',
+  badgeBorderRadius: '--plasma-avatar-extra-badge-border-radius',
+  badgePilledBorderRadius: '--plasma-avatar-extra-badge-pilled-border-radius',
+  badgeHeight: '--plasma-avatar-extra-badge-height',
+  badgePadding: '--plasma-avatar-extra-badge-padding',
+  badgePaddingIconOnly: '--plasma-avatar-extra-badge-padding-icon-only',
+  badgeFontFamily: '--plasma-avatar-extra-badge-font-family',
+  badgeFontSize: '--plasma-avatar-extra-badge-font-size',
+  badgeFontStyle: '--plasma-avatar-extra-badge-font-style',
+  badgeFontWeight: '--plasma-avatar-extra-badge-font-weight',
+  badgeLetterSpacing: '--plasma-avatar-extra-badge-letter-spacing',
+  badgeLineHeight: '--plasma-avatar-extra-badge-lineheight',
+  badgeLeftContentMarginLeft: '--plasma-avatar-extra-badge-left-content-margin-left',
+  badgeLeftContentMarginRight: '--plasma-avatar-extra-badge-left-content-margin-right',
+  badgeRightContentMarginLeft: '--plasma-avatar-extra-badge-right-content-margin-left',
+  badgeRightContentMarginRight: '--plasma-avatar-extra-badge-right-content-margin-right',
+  // extra counter tokens
+  counterBackground: '--plasma-avatar-extra-counter-background',
+  counterColor: '--plasma-avatar-extra-counter-color',
+  counterBorderRadius: '--plasma-avatar-extra-counter-border-radius',
+  counterHeight: '--plasma-avatar-extra-counter-height',
+  counterPadding: '--plasma-avatar-extra-counter-padding',
+  counterFontFamily: '--plasma-avatar-extra-counter-font-family',
+  counterFontSize: '--plasma-avatar-extra-counter-font-size',
+  counterFontStyle: '--plasma-avatar-extra-counter-font-style',
+  counterFontWeight: '--plasma-avatar-extra-counter-font-weight',
+  counterLetterSpacing: '--plasma-avatar-extra-counter-letter-spacing',
+  counterLineHeight: '--plasma-avatar-extra-counter-lineheight'
 };

package/emotion/es/components/Avatar/utils/index.js

@@ -1 +1,14 @@
-export { getInitialsForName } from './getInitialsForName';
+import { classes } from '../Avatar.tokens';
+export { getInitialsForName } from './getInitialsForName';
+export var extraPlacementMap = function extraPlacementMap(extraPlacement) {
+  switch (extraPlacement) {
+    case 'top-left':
+      return classes.extraPlacementTopLeft;
+    case 'bottom-left':
+      return classes.extraPlacementBottomLeft;
+    case 'bottom-right':
+      return classes.extraPlacementBottomRight;
+    default:
+      return classes.extraPlacementTopRight;
+  }
+};