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

package/components/Dropdown/Dropdown.d.ts

@@ -12,19 +12,18 @@ declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-
     alwaysOpened?: boolean;
     children?: React.ReactNode;
     itemRole?: string;
-    onHover?: (index: number) => void;
+    onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption) => void) | undefined;
     onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
     trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger;
     openByRightClick?: boolean;
     placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement;
     offset?: [number, number];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     hasArrow?: boolean;
     closeOnSelect?: boolean;
     closeOnOverlayClick?: boolean;
-    onToggle?: (isOpen: boolean, event: React.SyntheticEvent | Event) => void;
+    onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
     size?: string;
     view?: string;
     variant?: "normal" | "tight";
@@ -36,6 +35,7 @@ declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-
     onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
     listHeight?: React.CSSProperties["height"];
     hoverIndex?: number;
+    listOverflow?: React.CSSProperties["overflow"];
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
 declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
@@ -50,19 +50,18 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
     alwaysOpened?: boolean;
     children?: React.ReactNode;
     itemRole?: string;
-    onHover?: (index: number) => void;
+    onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption) => void) | undefined;
     onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
     trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger;
     openByRightClick?: boolean;
     placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement;
     offset?: [number, number];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     hasArrow?: boolean;
     closeOnSelect?: boolean;
     closeOnOverlayClick?: boolean;
-    onToggle?: (isOpen: boolean, event: React.SyntheticEvent | Event) => void;
+    onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
     size?: string;
     view?: string;
     variant?: "normal" | "tight";
@@ -74,5 +73,6 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
     onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
     listHeight?: React.CSSProperties["height"];
     hoverIndex?: number;
+    listOverflow?: React.CSSProperties["overflow"];
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "size" | "view"> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
 export { Dropdown };

package/components/Select/Select.d.ts

@@ -58,7 +58,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -70,6 +69,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -78,6 +78,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -116,7 +117,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -128,6 +128,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -136,6 +137,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -173,7 +175,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -185,6 +186,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -193,6 +195,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -231,7 +234,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -243,6 +245,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -251,6 +254,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
     target: "button-like";
     view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -276,7 +280,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -288,6 +291,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -296,6 +300,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
     target: "button-like";
     view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -322,7 +327,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
     variant?: "normal" | "tight";
     zIndex?: React.CSSProperties["zIndex"];
-    listOverflow?: React.CSSProperties["overflow"];
     listMaxHeight?: React.CSSProperties["height"];
     listWidth?: React.CSSProperties["width"];
     portal?: string | React.RefObject<HTMLElement>;
@@ -334,6 +338,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     virtual?: boolean;
     onScroll?: (e: React.UIEvent<HTMLElement>) => void;
     onToggle?: (isOpen: boolean) => void;
+    mode?: "default" | "radio";
     size?: string;
     view?: string;
     chipView?: string;
@@ -342,6 +347,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     isOpen?: boolean;
     listHeight?: React.CSSProperties["height"];
     onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
+    listOverflow?: React.CSSProperties["overflow"];
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
 export type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
 declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;

package/emotion/cjs/components/Autocomplete/Autocomplete.js

@@ -2,13 +2,85 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "Autocomplete", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Autocomplete () {
         return Autocomplete;
+    },
+    get AutocompleteComponent () {
+        return AutocompleteComponent;
     }
 });
 var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
 var _Autocompleteconfig = require("./Autocomplete.config");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 var mergedConfig = (0, _emotion.mergeConfig)(_emotion.autocompleteConfig, _Autocompleteconfig.config);
-var Autocomplete = (0, _emotion.component)(mergedConfig);
+var AutocompleteComponent = (0, _emotion.component)(mergedConfig);
+var AutocompleteWithoutRef = function(props, ref) {
+    return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
+        ref: ref
+    }));
+};
+var Autocomplete = (0, _emotion.fixedForwardRef)(AutocompleteWithoutRef);

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(1.02 * 0.85 * var(",
+        ") - var(",
+        ") / 2);\n                ",
+        ": calc(1.02 * 0.85 * 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/es/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,63 @@
-import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/emotion';
+import React from 'react';
 import { config } from './Autocomplete.config';
 var mergedConfig = mergeConfig(autocompleteConfig, config);
-export var Autocomplete = component(mergedConfig);
+export var AutocompleteComponent = component(mergedConfig);
+var AutocompleteWithoutRef = function(props, ref) {
+    return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
+        ref: ref
+    }));
+};
+export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);

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(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/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)
         }
     }
 };

package/es/components/Autocomplete/Autocomplete.js

@@ -1,4 +1,63 @@
-import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
+import React from 'react';
 import { config } from './Autocomplete.config';
 var mergedConfig = mergeConfig(autocompleteConfig, config);
-export var Autocomplete = component(mergedConfig);
+export var AutocompleteComponent = component(mergedConfig);
+var AutocompleteWithoutRef = function(props, ref) {
+    return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
+        ref: ref
+    }));
+};
+export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);