@salutejs/sdds-cs 0.328.0-canary.2214.17542835950.0 → 0.328.0-canary.2214.17668000726.0

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/components/Tree/Tree.config.js

@@ -36,7 +36,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 1;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -80,7 +82,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
         },
         size: {
             s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)

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/Tree/Tree.config.js

@@ -36,7 +36,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 1;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -80,7 +82,7 @@ var config = {
     },
     variations: {
         view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor)
+            default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor, _emotion.treeTokens.itemDraggableBorderColor, _emotion.treeTokens.itemDraggableLineColor)
         },
         size: {
             s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemPadding, _emotion.treeTokens.itemPaddingTight, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)

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/Tree/Tree.config.js

@@ -25,7 +25,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 1;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -70,7 +72,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
+            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
         },
         size: {
             s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)

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);

package/es/components/Tree/Tree.config.js

@@ -25,7 +25,9 @@ function _templateObject() {
         ": var(--text-accent);\n                ",
         ": 1;\n                ",
         ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n            "
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--surface-solid-default);\n            "
     ]);
     _templateObject = function _templateObject() {
         return data;
@@ -70,7 +72,7 @@ export var config = {
     },
     variations: {
         view: {
-            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
+            default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
         },
         size: {
             s: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.328.0-canary.2214.17542835950.0",
+  "version": "0.328.0-canary.2214.17668000726.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.336.0-canary.2214.17542835950.0",
+    "@salutejs/plasma-new-hope": "0.336.0-canary.2214.17668000726.0",
     "@salutejs/sdds-themes": "0.47.0"
   },
   "peerDependencies": {
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "cb44db8071f5cd692899c15713d052df24e4765e"
+  "gitHead": "3695b99393c7476e93e4e2854f24007d47fb4f3d"
 }