@salutejs/plasma-new-hope 0.329.1-canary.2082.16264269696.0 → 0.329.1-canary.2082.16373442811.0

package/styled-components/cjs/examples/components/ButtonGroup/ButtonGroup.config.js

@@ -153,19 +153,6 @@ var config = {
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
             ], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
-            xlr: (0, _styledcomponents.css)([
-                "",
-                ":1rem;",
-                ":0.5rem;",
-                ":1rem;",
-                ":4rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);"
-            ], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
             l: (0, _styledcomponents.css)([
                 "",
                 ":0.875rem;",
@@ -180,19 +167,6 @@ var config = {
                 ":var(--plasma-typo-body-l-letter-spacing);",
                 ":var(--plasma-typo-body-l-line-height);"
             ], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
-            lr: (0, _styledcomponents.css)([
-                "",
-                ":0.875rem;",
-                ":0.375rem;",
-                ":0.875rem;",
-                ":3.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);"
-            ], _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
             m: (0, _styledcomponents.css)([
                 "",
                 ":0.25rem;",
@@ -207,19 +181,6 @@ var config = {
                 ":var(--plasma-typo-body-m-letter-spacing);",
                 ":var(--plasma-typo-body-m-line-height);"
             ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
-            mr: (0, _styledcomponents.css)([
-                "",
-                ":0.25rem;",
-                ":0.75rem;",
-                ":0.75rem;",
-                ":3rem;",
-                ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
-                ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);"
-            ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
             s: (0, _styledcomponents.css)([
                 "",
                 ":0.25rem;",
@@ -234,19 +195,6 @@ var config = {
                 ":var(--plasma-typo-body-s-letter-spacing);",
                 ":var(--plasma-typo-body-s-line-height);"
             ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
-            sr: (0, _styledcomponents.css)([
-                "",
-                ":0.25rem;",
-                ":0.625rem;",
-                ":0.625rem;",
-                ":2.5rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);"
-            ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":0.125rem;",
@@ -261,19 +209,6 @@ var config = {
                 ":var(--plasma-typo-body-xs-letter-spacing);",
                 ":var(--plasma-typo-body-xs-line-height);"
             ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonPadding, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
-            xsr: (0, _styledcomponents.css)([
-                "",
-                ":0.125rem;",
-                ":0.5rem;",
-                ":0.5rem;",
-                ":2rem;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-bold-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);"
-            ], _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _ButtonGroup.buttonGroupTokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight),
             xxs: (0, _styledcomponents.css)([
                 "",
                 ":0.125rem;",

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1,16 +1 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Combobox", {
-    enumerable: true,
-    get: function() {
-        return Combobox;
-    }
-});
-var _engines = require("../../../engines");
-var _ = require("../../../../es");
-var _Comboboxconfig = require("./Combobox.config");
-var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
-var ComboboxComponent = (0, _engines.component)(mergedConfig);
-var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/IconButton/IconButton.config.js

@@ -125,19 +125,6 @@ var config = {
                 ":1.5rem;",
                 ":inherit;"
             ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
-            xlr: (0, _styledcomponents.css)([
-                "",
-                ":4rem;",
-                ":4rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.5rem;",
-                ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
             l: (0, _styledcomponents.css)([
                 "",
                 ":3.5rem;",
@@ -153,19 +140,6 @@ var config = {
                 ":1.375rem;",
                 ":inherit;"
             ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
-            lr: (0, _styledcomponents.css)([
-                "",
-                ":3.5rem;",
-                ":3.5rem;",
-                ":var(--plasma-typo-body-l-font-family);",
-                ":var(--plasma-typo-body-l-font-size);",
-                ":var(--plasma-typo-body-l-font-style);",
-                ":var(--plasma-typo-body-l-bold-font-weight);",
-                ":var(--plasma-typo-body-l-letter-spacing);",
-                ":var(--plasma-typo-body-l-line-height);",
-                ":1.375rem;",
-                ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
             m: (0, _styledcomponents.css)([
                 "",
                 ":3rem;",
@@ -181,19 +155,6 @@ var config = {
                 ":1.375rem;",
                 ":inherit;"
             ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
-            mr: (0, _styledcomponents.css)([
-                "",
-                ":3rem;",
-                ":3rem;",
-                ":var(--plasma-typo-body-m-font-family);",
-                ":var(--plasma-typo-body-m-font-size);",
-                ":var(--plasma-typo-body-m-font-style);",
-                ":var(--plasma-typo-body-m-bold-font-weight);",
-                ":var(--plasma-typo-body-m-letter-spacing);",
-                ":var(--plasma-typo-body-m-line-height);",
-                ":1.375rem;",
-                ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
             s: (0, _styledcomponents.css)([
                 "",
                 ":2.5rem;",
@@ -209,19 +170,6 @@ var config = {
                 ":1.375rem;",
                 ":inherit;"
             ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
-            sr: (0, _styledcomponents.css)([
-                "",
-                ":2.5rem;",
-                ":2.5rem;",
-                ":var(--plasma-typo-body-s-font-family);",
-                ":var(--plasma-typo-body-s-font-size);",
-                ":var(--plasma-typo-body-s-font-style);",
-                ":var(--plasma-typo-body-s-bold-font-weight);",
-                ":var(--plasma-typo-body-s-letter-spacing);",
-                ":var(--plasma-typo-body-s-line-height);",
-                ":1.375rem;",
-                ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
             xs: (0, _styledcomponents.css)([
                 "",
                 ":2rem;",
@@ -236,20 +184,7 @@ var config = {
                 ":var(--plasma-typo-body-xs-line-height);",
                 ":1rem;",
                 ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
-            xsr: (0, _styledcomponents.css)([
-                "",
-                ":2rem;",
-                ":2rem;",
-                ":var(--plasma-typo-body-xs-font-family);",
-                ":var(--plasma-typo-body-xs-font-size);",
-                ":var(--plasma-typo-body-xs-font-style);",
-                ":var(--plasma-typo-body-xs-bold-font-weight);",
-                ":var(--plasma-typo-body-xs-letter-spacing);",
-                ":var(--plasma-typo-body-xs-line-height);",
-                ":1rem;",
-                ":inherit;"
-            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
+            ], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
         }
     },
     invariants: (0, _styledcomponents.css)([

package/styled-components/es/components/Autocomplete/Autocomplete.js

@@ -111,7 +111,8 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
  * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
  */ export var autocompleteRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var outerValue = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, suggestions = _param.suggestions, view = _param.view, size = _param.size, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, disabled = _param.disabled, readOnly = _param.readOnly, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, onScroll = _param.onScroll, _param_listMaxHeight = _param.listMaxHeight, listMaxHeight = _param_listMaxHeight === void 0 ? '25rem' : _param_listMaxHeight, listWidth = _param.listWidth, portal = _param.portal, filter = _param.filter, onSuggestionSelect = _param.onSuggestionSelect, _param_threshold = _param.threshold, threshold = _param_threshold === void 0 ? 2 : _param_threshold, renderList = _param.renderList, renderListEnd = _param.renderListEnd, renderItem = _param.renderItem, onSearch = _param.onSearch, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, beforeList = _param.beforeList, afterList = _param.afterList, _param_virtual = _param.virtual, virtual = _param_virtual === void 0 ? false : _param_virtual, rest = _object_without_properties(_param, [
+        var outerValue = _param.value, defaultValue = _param.defaultValue, onChange = _param.onChange, suggestions = _param.suggestions, view = _param.view, size = _param.size, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, disabled = _param.disabled, readOnly = _param.readOnly, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, onScroll = _param.onScroll, _param_listMaxHeight = _param.listMaxHeight, listMaxHeight = _param_listMaxHeight === void 0 ? '25rem' : _param_listMaxHeight, listWidth = _param.listWidth, portal = _param.portal, filter = _param.filter, onSuggestionSelect = _param.onSuggestionSelect, _param_threshold = _param.threshold, threshold = _param_threshold === void 0 ? 2 : _param_threshold, renderList = _param.renderList, renderListEnd = _param.renderListEnd, renderItem = _param.renderItem, onSearch = _param.onSearch, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, beforeList = _param.beforeList, afterList = _param.afterList, _param_virtual = _param.virtual, virtual = _param_virtual === void 0 ? false : _param_virtual, // @ts-ignore
+        _offset = _param._offset, rest = _object_without_properties(_param, [
             "value",
             "defaultValue",
             "onChange",
@@ -144,7 +145,8 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
             "hintSize",
             "beforeList",
             "afterList",
-            "virtual"
+            "virtual",
+            "_offset"
         ]);
         var _useReducer = _sliced_to_array(useReducer(focusedReducer, null), 2), focused = _useReducer[0], dispatchFocused = _useReducer[1];
         var _useState = _sliced_to_array(useState(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
@@ -223,6 +225,7 @@ import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
             opened: isOpen,
             portal: portal,
             listWidth: listWidth,
+            offset: _offset,
             target: function(referenceRef) {
                 return /*#__PURE__*/ React.createElement(StyledTextField, _object_spread({
                     ref: ref,

package/styled-components/es/components/Autocomplete/Autocomplete.styles.js

@@ -6,10 +6,9 @@ export var base = css([
 ]);
 export var ListWrapper = styled.div.withConfig({
     displayName: "Autocomplete.styles__ListWrapper",
-    componentId: "sc-c595d4f2-0"
+    componentId: "sc-9df667d5-0"
 })([
-    "margin:var(",
-    ") 0 0 0;padding:calc(var(",
+    "padding:calc(var(",
     ") + var(",
     ",0rem));border-radius:var(",
     ");box-sizing:border-box;background:var(",
@@ -17,10 +16,10 @@ export var ListWrapper = styled.div.withConfig({
     "),inset 0 0 0 var(",
     ",0rem) var(",
     ",transparent);"
-], tokens.margin, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, tokens.background, tokens.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
+], tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, tokens.background, tokens.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
 export var Ul = styled.ul.withConfig({
     displayName: "Autocomplete.styles__Ul",
-    componentId: "sc-c595d4f2-1"
+    componentId: "sc-9df667d5-1"
 })([
     "border-radius:calc(var(",
     ") - 0.125rem - var(",
@@ -32,14 +31,14 @@ export var Ul = styled.ul.withConfig({
 });
 export var InfiniteLoaderWrapper = styled.li.withConfig({
     displayName: "Autocomplete.styles__InfiniteLoaderWrapper",
-    componentId: "sc-c595d4f2-2"
+    componentId: "sc-9df667d5-2"
 })([
     "display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(",
     ");"
 ], tokens.textFieldHeight);
 export var StyledLeftHelper = styled.span.withConfig({
     displayName: "Autocomplete.styles__StyledLeftHelper",
-    componentId: "sc-c595d4f2-3"
+    componentId: "sc-9df667d5-3"
 })([
     "margin:0;padding:0;"
 ]);

package/styled-components/es/components/Autocomplete/Autocomplete.tokens.js

@@ -123,7 +123,6 @@ export var tokens = {
     boxShadow: '--plasma-autocomplete-box-shadow',
     borderRadius: '--plasma-autocomplete-border-radius',
     padding: '--plasma-autocomplete-padding',
-    margin: '--plasma-autocomplete-margin',
     dropdownBorderColor: '--plasma-select-dropdown-border-color',
     dropdownBorderWidth: '--plasma-select-dropdown-border-width',
     itemPadding: '--plasma-autocomplete-item-padding',

package/styled-components/es/components/Autocomplete/FloatingPopover.js

@@ -50,11 +50,11 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-import { flip, shift, size, useFloating, FloatingPortal, autoUpdate } from "@floating-ui/react";
+import { flip, shift, size, useFloating, FloatingPortal, autoUpdate, offset as offsetMiddleware } from "@floating-ui/react";
 import React, { forwardRef } from "react";
 import { safeUseId } from "../../utils";
 var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var target = param.target, children = param.children, opened = param.opened, portal = param.portal, listWidth = param.listWidth;
+    var target = param.target, children = param.children, opened = param.opened, portal = param.portal, listWidth = param.listWidth, offset = param.offset;
     var _useFloating = useFloating({
         whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
             return autoUpdate(referenceEl, floatingEl, update, {
@@ -66,6 +66,10 @@ var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
         placement: 'bottom-start',
         open: opened,
         middleware: [
+            offsetMiddleware({
+                mainAxis: (offset === null || offset === void 0 ? void 0 : offset[1]) || 0,
+                alignmentAxis: (offset === null || offset === void 0 ? void 0 : offset[0]) || 0
+            }),
             flip({
                 fallbackAxisSideDirection: 'end'
             }),

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -162,7 +162,8 @@ import { Context } from "./Combobox.context";
  */ export var comboboxRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(props, ref) {
         var _valueToItemMap_get, _getItemByFocused;
-        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, rest = _object_without_properties(props, [
+        var name = props.name, multiple = props.multiple, outerValue = props.value, outerOnChange = props.onChange, defaultValue = props.defaultValue, isTargetAmount = props.isTargetAmount, targetAmount = props.targetAmount, items = props.items, _props_placement = props.placement, placement = _props_placement === void 0 ? 'bottom-start' : _props_placement, label = props.label, placeholder = props.placeholder, helperText = props.helperText, contentLeft = props.contentLeft, textBefore = props.textBefore, textAfter = props.textAfter, _props_variant = props.variant, variant = _props_variant === void 0 ? 'normal' : _props_variant, listOverflow = props.listOverflow, listHeight = props.listHeight, listMaxHeight = props.listMaxHeight, listWidth = props.listWidth, portal = props.portal, renderItem = props.renderItem, view = props.view, size = props.size, labelPlacement = props.labelPlacement, keepPlaceholder = props.keepPlaceholder, _props_readOnly = props.readOnly, readOnly = _props_readOnly === void 0 ? false : _props_readOnly, _props_disabled = props.disabled, disabled = _props_disabled === void 0 ? false : _props_disabled, _props_alwaysOpened = props.alwaysOpened, alwaysOpened = _props_alwaysOpened === void 0 ? false : _props_alwaysOpened, filter = props.filter, outerCloseAfterSelect = props.closeAfterSelect, renderValue = props.renderValue, zIndex = props.zIndex, beforeList = props.beforeList, afterList = props.afterList, _props_virtual = props.virtual, virtual = _props_virtual === void 0 ? false : _props_virtual, hintView = props.hintView, hintSize = props.hintSize, emptyStateDescription = props.emptyStateDescription, onChangeValue = props.onChangeValue, onScroll = props.onScroll, onToggle = props.onToggle, // @ts-ignore
+        _offset = props._offset, rest = _object_without_properties(props, [
             "name",
             "multiple",
             "value",
@@ -204,7 +205,8 @@ import { Context } from "./Combobox.context";
             "emptyStateDescription",
             "onChangeValue",
             "onScroll",
-            "onToggle"
+            "onToggle",
+            "_offset"
         ]);
         var transformedItems = useMemo(function() {
             return initialItemsTransform(items || []);
@@ -576,6 +578,7 @@ import { Context } from "./Combobox.context";
             placement: placement,
             portal: portal,
             listWidth: listWidth,
+            offset: _offset,
             target: function(referenceRef) {
                 return /*#__PURE__*/ React.createElement(StyledTextField, _object_spread_props(_object_spread({
                     ref: name ? inputRef : inputForkRef,

package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js

@@ -56,7 +56,7 @@ import { safeUseId } from "../../../utils";
 // TODO: #2003
 var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var target = param.target, children = param.children, opened = param.opened, onToggle = param.onToggle, placement = param.placement, portal = param.portal, listWidth = param.listWidth, zIndex = param.zIndex, isInner = param.isInner;
+    var target = param.target, children = param.children, opened = param.opened, onToggle = param.onToggle, placement = param.placement, portal = param.portal, listWidth = param.listWidth, zIndex = param.zIndex, isInner = param.isInner, offset = param.offset;
     var _useFloating = useFloating({
         whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
             return autoUpdate(referenceEl, floatingEl, update, {
@@ -69,8 +69,8 @@ var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
         open: opened,
         middleware: [
             offsetMiddleware({
-                mainAxis: isInner ? LIST_PADDING * 2 : 0,
-                alignmentAxis: isInner ? -LIST_PADDING : 0
+                mainAxis: isInner ? LIST_PADDING * 2 : (offset === null || offset === void 0 ? void 0 : offset[1]) || 0,
+                alignmentAxis: isInner ? -LIST_PADDING : (offset === null || offset === void 0 ? void 0 : offset[0]) || 0
             }),
             flip({
                 fallbackAxisSideDirection: 'end'

package/styled-components/es/components/Drawer/Drawer.js

@@ -70,7 +70,7 @@ import { useDrawer } from "./hooks";
 // issue #823
 export var drawerRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRef) {
-        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, rest = _object_without_properties(_param, [
+        var id = _param.id, zIndex = _param.zIndex, popupInfo = _param.popupInfo, withBlur = _param.withBlur, children = _param.children, view = _param.view, size = _param.size, width = _param.width, height = _param.height, isOpen = _param.isOpen, opened = _param.opened, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, className = _param.className, customBackgroundColor = _param.customBackgroundColor, customContentBackgroundColor = _param.customContentBackgroundColor, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, offset = _param.offset, frame = _param.frame, _param_borderRadius = _param.borderRadius, borderRadius = _param_borderRadius === void 0 ? 'none' : _param_borderRadius, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'right' : _param_placement, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_asModal = _param.asModal, asModal = _param_asModal === void 0 ? true : _param_asModal, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "zIndex",
             "popupInfo",
@@ -96,7 +96,8 @@ export var drawerRoot = function(Root) {
             "placement",
             "closeOnEsc",
             "closeOnOverlayClick",
-            "asModal"
+            "asModal",
+            "draggable"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);

package/styled-components/es/components/Dropdown/FloatingPopover.js

@@ -63,7 +63,10 @@ import { safeUseId } from "../../utils";
 // TODO: #2003
 var LIST_PADDING = 2;
 var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
-    var target = param.target, children = param.children, opened = param.opened, onToggle = param.onToggle, placement = param.placement, portal = param.portal, offset = param.offset, isInner = param.isInner, trigger = param.trigger, zIndex = param.zIndex;
+    var target = param.target, children = param.children, opened = param.opened, onToggle = param.onToggle, placement = param.placement, portal = param.portal, _param_offset = param.offset, offset = _param_offset === void 0 ? [
+        0,
+        8
+    ] : _param_offset, isInner = param.isInner, trigger = param.trigger, zIndex = param.zIndex;
     var _useFloating = useFloating({
         whileElementsMounted: function whileElementsMounted(referenceEl, floatingEl, update) {
             return autoUpdate(referenceEl, floatingEl, update, {
@@ -77,8 +80,8 @@ var FloatingPopover = /*#__PURE__*/ forwardRef(function(param, ref) {
         middleware: [
             placement === 'auto' && autoPlacement(),
             offsetMiddleware({
-                mainAxis: (offset === null || offset === void 0 ? void 0 : offset[1]) || (isInner ? LIST_PADDING * 2 : 0),
-                crossAxis: (offset === null || offset === void 0 ? void 0 : offset[0]) || (isInner ? -LIST_PADDING : 0)
+                mainAxis: isInner ? LIST_PADDING * 2 : offset[1],
+                crossAxis: isInner ? -LIST_PADDING : offset[0]
             }),
             flip({
                 fallbackAxisSideDirection: 'end'

package/styled-components/es/components/Modal/Modal.js

@@ -66,7 +66,7 @@ import { classes, tokens } from "./Modal.tokens";
 import { useModal } from "./hooks";
 import { base as viewCSS } from "./variations/_view/base";
 import { getIdLastModal } from "./ModalContext";
-import { CloseButton, ModalBody, ModalContent } from "./Modal.styles";
+import { CloseButton, ModalBody, ModalContent, base } from "./Modal.styles";
 // issue #823
 var Popup = component(popupConfig);
 /**
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
  */ export var modalRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
+        var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, resizable = _param.resizable, draggable = _param.draggable, rest = _object_without_properties(_param, [
             "id",
             "withAnimation",
             "onClose",
@@ -92,7 +92,9 @@ var Popup = component(popupConfig);
             "opened",
             "isOpen",
             "hasBody",
-            "hasClose"
+            "hasClose",
+            "resizable",
+            "draggable"
         ]);
         var innerIsOpen = Boolean(isOpen || opened);
         var innerHasClose = hasClose === undefined && hasBody || hasClose;
@@ -147,7 +149,9 @@ var Popup = component(popupConfig);
             zIndex: zIndex,
             overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
                 view: view
-            }, overlayNode)
+            }, overlayNode),
+            draggable: draggable,
+            resizable: resizable
         }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
             view: view
         }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
@@ -163,7 +167,7 @@ export var modalConfig = {
     name: 'Modal',
     tag: 'div',
     layout: modalRoot,
-    base: '',
+    base: base,
     variations: {
         view: {
             css: viewCSS

package/styled-components/es/components/Modal/Modal.styles.js

@@ -1,25 +1,29 @@
 import styled from "styled-components";
+import { css } from "styled-components";
 import { addFocus } from "../../mixins";
 import { tokens } from "./Modal.tokens";
+export var base = css([
+    "height:100%;"
+]);
 export var ModalBody = styled.div.withConfig({
     displayName: "Modal.styles__ModalBody",
-    componentId: "sc-65f5e73a-0"
+    componentId: "sc-96885df7-0"
 })([
-    "border-radius:var(",
+    "height:100%;box-sizing:border-box;border-radius:var(",
     ");padding:var(",
     ");background:var(",
     ");box-shadow:var(--shadow-down-soft-l);"
 ], tokens.modalBodyBorderRadius, tokens.modalBodyPadding, tokens.modalBodyBackground);
 export var ModalContent = styled.div.withConfig({
     displayName: "Modal.styles__ModalContent",
-    componentId: "sc-65f5e73a-1"
+    componentId: "sc-96885df7-1"
 })([
     "position:relative;padding:var(",
     ");"
 ], tokens.modalContentPadding);
 export var CloseButton = styled.button.withConfig({
     displayName: "Modal.styles__CloseButton",
-    componentId: "sc-65f5e73a-2"
+    componentId: "sc-96885df7-2"
 })([
     "top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
     ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",