@salutejs/sdds-cs 0.319.0-canary.2032.15771800756.0 → 0.319.0-canary.2041.15843472824.0

package/components/Autocomplete/Autocomplete.config.js

@@ -1,35 +1,252 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    labelPlacement: 'outer'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-solid-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldClearColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledComponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldContentSlotColor, _styledComponents.autocompleteTokens.textFieldContentSlotColorHover, _styledComponents.autocompleteTokens.textFieldContentSlotColorActive, _styledComponents.autocompleteTokens.textFieldContentSlotRightColor, _styledComponents.autocompleteTokens.textFieldContentSlotRightColorHover, _styledComponents.autocompleteTokens.textFieldContentSlotRightColorActive, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.textFieldIndicatorColor, _styledComponents.autocompleteTokens.textFieldOptionalColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledComponents.autocompleteTokens.dropdownBorderColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-accent);\n\n                ", ": var(--surface-solid-card);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--plasma-colors-transparent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-primary);\n\n                ", ": var(--surface-solid-primary);\n            "])), _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldClearColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledComponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldCaretColor, _styledComponents.autocompleteTokens.textFieldTextBeforeColor, _styledComponents.autocompleteTokens.textFieldTextAfterColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldLeftHelperColor, _styledComponents.autocompleteTokens.textFieldFocusColor, _styledComponents.autocompleteTokens.textFieldContentSlotColor, _styledComponents.autocompleteTokens.textFieldContentSlotColorHover, _styledComponents.autocompleteTokens.textFieldContentSlotColorActive, _styledComponents.autocompleteTokens.textFieldContentSlotRightColor, _styledComponents.autocompleteTokens.textFieldContentSlotRightColorHover, _styledComponents.autocompleteTokens.textFieldContentSlotRightColorActive, _styledComponents.autocompleteTokens.focusColor, _styledComponents.autocompleteTokens.textFieldIndicatorColor, _styledComponents.autocompleteTokens.textFieldOptionalColor, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.boxShadow, _styledComponents.autocompleteTokens.itemBackground, _styledComponents.autocompleteTokens.itemBackgroundHover, _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledComponents.autocompleteTokens.dropdownBorderColor)
-    },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": 0.6875rem 0.75rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.375rem 0.625rem 0.625rem 0.625rem;\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 0.25rem;\n\n                ", ": 0.125rem;\n            "])), _styledComponents.autocompleteTokens.textFieldHeight, _styledComponents.autocompleteTokens.textFieldPadding, _styledComponents.autocompleteTokens.textFieldBorderRadius, _styledComponents.autocompleteTokens.textFieldBorderWidth, _styledComponents.autocompleteTokens.textFieldLeftContentMargin, _styledComponents.autocompleteTokens.textFieldRightContentMargin, _styledComponents.autocompleteTokens.textFieldTextBeforeMargin, _styledComponents.autocompleteTokens.textFieldTextAfterMargin, _styledComponents.autocompleteTokens.textFieldFontFamily, _styledComponents.autocompleteTokens.textFieldFontSize, _styledComponents.autocompleteTokens.textFieldFontStyle, _styledComponents.autocompleteTokens.textFieldFontWeight, _styledComponents.autocompleteTokens.textFieldLetterSpacing, _styledComponents.autocompleteTokens.textFieldLineHeight, _styledComponents.autocompleteTokens.textFieldLabelOffset, _styledComponents.autocompleteTokens.textFieldLabelFontFamily, _styledComponents.autocompleteTokens.textFieldLabelFontSize, _styledComponents.autocompleteTokens.textFieldLabelFontStyle, _styledComponents.autocompleteTokens.textFieldLabelFontWeight, _styledComponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelLineHeight, _styledComponents.autocompleteTokens.textFieldLeftHelperOffset, _styledComponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledComponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledComponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledComponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledComponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledComponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledComponents.autocompleteTokens.textFieldLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledComponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledComponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledComponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledComponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledComponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledComponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledComponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledComponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledComponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledComponents.autocompleteTokens.borderRadius, _styledComponents.autocompleteTokens.padding, _styledComponents.autocompleteTokens.itemPadding, _styledComponents.autocompleteTokens.itemBorderRadius, _styledComponents.autocompleteTokens.itemFontFamily, _styledComponents.autocompleteTokens.itemFontSize, _styledComponents.autocompleteTokens.itemFontStyle, _styledComponents.autocompleteTokens.itemFontWeight, _styledComponents.autocompleteTokens.itemFontLetterSpacing, _styledComponents.autocompleteTokens.itemFontLineHeight, _styledComponents.autocompleteTokens.emptyStatePadding, _styledComponents.autocompleteTokens.emptyStateGap, _styledComponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledComponents.autocompleteTokens.infiniteLoaderGap, _styledComponents.autocompleteTokens.dropdownBorderWidth)
-    },
-    labelPlacement: {
-      inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.autocompleteTokens.textFieldPlaceholderColor, _styledComponents.autocompleteTokens.textFieldLabelInnerFontFamily, _styledComponents.autocompleteTokens.textFieldLabelInnerFontSize, _styledComponents.autocompleteTokens.textFieldLabelInnerFontStyle, _styledComponents.autocompleteTokens.textFieldLabelInnerFontWeight, _styledComponents.autocompleteTokens.textFieldLabelInnerLetterSpacing, _styledComponents.autocompleteTokens.textFieldLabelInnerLineHeight),
-      outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n            "])), _styledComponents.autocompleteTokens.itemColor, _styledComponents.autocompleteTokens.background, _styledComponents.autocompleteTokens.textFieldColor, _styledComponents.autocompleteTokens.textFieldLabelColor, _styledComponents.autocompleteTokens.textFieldBackgroundColor, _styledComponents.autocompleteTokens.textFieldBackgroundColorHover, _styledComponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledComponents.autocompleteTokens.textFieldBorderColor, _styledComponents.autocompleteTokens.textFieldBorderColorHover, _styledComponents.autocompleteTokens.textFieldBorderColorFocus)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-accent);\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--text-accent-active);\n\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-negative);\n                ",
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-solid-primary-hover);\n                ",
+        ": var(--outline-accent);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
+        ": var(--plasma-colors-transparent);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--surface-solid-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary-hover);\n                ",
+        ": var(--text-secondary-active);\n                ",
+        ": var(--text-accent);\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--text-accent-active);\n\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-negative);\n                ",
+        ": var(--text-tertiary);\n\n                ",
+        ": var(--outline-negative);\n                ",
+        ": var(--outline-negative-hover);\n                ",
+        ": var(--outline-accent);\n\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
+        ": var(--plasma-colors-transparent);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--surface-solid-primary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\n                ",
+        ": 0.6875rem 0.75rem 0.6875rem 0.75rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ",
+        ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ",
+        ": 0 0.25rem 0 0;\n                ",
+        ": 0 0 0 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0.5rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.25rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.3125rem 0 0 0;\n                ",
+        ": 1.0625rem 0 0.3125rem 0;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0 0 0 0;\n                ",
+        ": 0.3125rem auto auto -0.6875rem;\n                ",
+        ": 0 0 auto auto;\n                ",
+        ": 0.25rem -0.625rem auto auto;\n                ",
+        ": 1.063rem auto auto -0.75rem;\n                ",
+        ": 1.063rem -0.75rem auto auto;\n                ",
+        ": 1.063rem -2.125rem auto auto;\n\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.6875rem 0.75rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 1.375rem 0.625rem 0.625rem 0.625rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.125rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-transparent-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's',
+        labelPlacement: 'outer'
     },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.autocompleteTokens.textFieldColorReadOnly, _styledComponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledComponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledComponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledComponents.autocompleteTokens.textFieldLabelColorReadOnly)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.dropdownBorderColor),
+            negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldClearColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldClearPlaceholderColorFocus, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldCaretColor, _styledcomponents.autocompleteTokens.textFieldTextBeforeColor, _styledcomponents.autocompleteTokens.textFieldTextAfterColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldLeftHelperColor, _styledcomponents.autocompleteTokens.textFieldFocusColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColor, _styledcomponents.autocompleteTokens.textFieldContentSlotColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotColorActive, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColor, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColorHover, _styledcomponents.autocompleteTokens.textFieldContentSlotRightColorActive, _styledcomponents.autocompleteTokens.focusColor, _styledcomponents.autocompleteTokens.textFieldIndicatorColor, _styledcomponents.autocompleteTokens.textFieldOptionalColor, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.boxShadow, _styledcomponents.autocompleteTokens.itemBackground, _styledcomponents.autocompleteTokens.itemBackgroundHover, _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerColor, _styledcomponents.autocompleteTokens.dropdownBorderColor)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.autocompleteTokens.textFieldHeight, _styledcomponents.autocompleteTokens.textFieldPadding, _styledcomponents.autocompleteTokens.textFieldBorderRadius, _styledcomponents.autocompleteTokens.textFieldBorderWidth, _styledcomponents.autocompleteTokens.textFieldLeftContentMargin, _styledcomponents.autocompleteTokens.textFieldRightContentMargin, _styledcomponents.autocompleteTokens.textFieldTextBeforeMargin, _styledcomponents.autocompleteTokens.textFieldTextAfterMargin, _styledcomponents.autocompleteTokens.textFieldFontFamily, _styledcomponents.autocompleteTokens.textFieldFontSize, _styledcomponents.autocompleteTokens.textFieldFontStyle, _styledcomponents.autocompleteTokens.textFieldFontWeight, _styledcomponents.autocompleteTokens.textFieldLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelOffset, _styledcomponents.autocompleteTokens.textFieldLabelFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelFontSize, _styledcomponents.autocompleteTokens.textFieldLabelFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelLineHeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperOffset, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontFamily, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontSize, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontStyle, _styledcomponents.autocompleteTokens.textFieldLeftHelperFontWeight, _styledcomponents.autocompleteTokens.textFieldLeftHelperLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLeftHelperLineHeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldContentLabelInnerPadding, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeInner, _styledcomponents.autocompleteTokens.textFieldIndicatorSizeOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuter, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldIndicatorLabelPlacementOuterRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInner, _styledcomponents.autocompleteTokens.textFieldClearIndicatorLabelPlacementInnerRight, _styledcomponents.autocompleteTokens.textFieldClearIndicatorHintInnerRight, _styledcomponents.autocompleteTokens.borderRadius, _styledcomponents.autocompleteTokens.padding, _styledcomponents.autocompleteTokens.itemPadding, _styledcomponents.autocompleteTokens.itemBorderRadius, _styledcomponents.autocompleteTokens.itemFontFamily, _styledcomponents.autocompleteTokens.itemFontSize, _styledcomponents.autocompleteTokens.itemFontStyle, _styledcomponents.autocompleteTokens.itemFontWeight, _styledcomponents.autocompleteTokens.itemFontLetterSpacing, _styledcomponents.autocompleteTokens.itemFontLineHeight, _styledcomponents.autocompleteTokens.emptyStatePadding, _styledcomponents.autocompleteTokens.emptyStateGap, _styledcomponents.autocompleteTokens.infiniteLoaderSpinnerSize, _styledcomponents.autocompleteTokens.infiniteLoaderGap, _styledcomponents.autocompleteTokens.dropdownBorderWidth)
+        },
+        labelPlacement: {
+            inner: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.autocompleteTokens.textFieldPlaceholderColor, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontFamily, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontSize, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontStyle, _styledcomponents.autocompleteTokens.textFieldLabelInnerFontWeight, _styledcomponents.autocompleteTokens.textFieldLabelInnerLetterSpacing, _styledcomponents.autocompleteTokens.textFieldLabelInnerLineHeight),
+            outer: (0, _styledcomponents.css)(_templateObject4())
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.autocompleteTokens.itemColor, _styledcomponents.autocompleteTokens.background, _styledcomponents.autocompleteTokens.textFieldColor, _styledcomponents.autocompleteTokens.textFieldLabelColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColor, _styledcomponents.autocompleteTokens.textFieldBackgroundColorHover, _styledcomponents.autocompleteTokens.textFieldBackgroundColorFocus, _styledcomponents.autocompleteTokens.textFieldBorderColor, _styledcomponents.autocompleteTokens.textFieldBorderColorHover, _styledcomponents.autocompleteTokens.textFieldBorderColorFocus)
+        },
+        readOnly: {
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly)
+        }
     }
-  }
-};
+};

package/components/Autocomplete/Autocomplete.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Autocomplete = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Autocomplete = /*#__PURE__*/require("./Autocomplete.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.autocompleteConfig, _Autocomplete.config);
-var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Autocomplete", {
+    enumerable: true,
+    get: function() {
+        return Autocomplete;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Autocompleteconfig = require("./Autocomplete.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.autocompleteConfig, _Autocompleteconfig.config);
+var Autocomplete = (0, _styledcomponents.component)(mergedConfig);

package/components/Autocomplete/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "Autocomplete", {
-  enumerable: true,
-  get: function get() {
-    return _Autocomplete.Autocomplete;
-  }
+    enumerable: true,
+    get: function() {
+        return _Autocomplete.Autocomplete;
+    }
 });
-var _Autocomplete = /*#__PURE__*/require("./Autocomplete");
+var _Autocomplete = require("./Autocomplete");

package/components/Avatar/Avatar.config.js

@@ -1,36 +1,202 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-tertiary);\n                ", ": var(--surface-positive);\n                ", ": var(--on-light-surface-solid-primary);\n                ", ": 1.02;\n                ", ": var(--plasma-typo-text-font-family);\n            "])), _styledComponents.avatarTokens.color, _styledComponents.avatarTokens.backgroundColor, _styledComponents.avatarTokens.statusOnlineColor, _styledComponents.avatarTokens.statusOfflineColor, _styledComponents.avatarTokens.scaleHover, _styledComponents.avatarTokens.fontFamily)
-    },
-    size: {
-      // TODO: #1044 токены типографики в Avatar
-      xxl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 5.5rem;\n                ", ": 2rem;\n                ", ": 600;\n                ", ": 2.25rem;\n                ", ": 0.75rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0 0.375rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.avatarTokens.avatarSize, _styledComponents.avatarTokens.fontSize, _styledComponents.avatarTokens.fontWeight, _styledComponents.avatarTokens.lineHeight, _styledComponents.avatarTokens.statusIconSize, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 600;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _styledComponents.avatarTokens.avatarSize, _styledComponents.avatarTokens.fontSize, _styledComponents.avatarTokens.fontWeight, _styledComponents.avatarTokens.lineHeight, _styledComponents.avatarTokens.statusIconSize, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.5rem;\n                ", ": 600;\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0 0.125rem;\n\n                ", ": var(--plasma-typo-body-xxs-font-family);\n                ", ": var(--plasma-typo-body-xxs-font-size);\n                ", ": var(--plasma-typo-body-xxs-font-style);\n                ", ": var(--plasma-typo-body-xxs-font-weight);\n                ", ": var(--plasma-typo-body-xxs-letter-spacing);\n                ", ": var(--plasma-typo-body-xxs-line-height);\n            "])), _styledComponents.avatarTokens.avatarSize, _styledComponents.avatarTokens.fontSize, _styledComponents.avatarTokens.fontWeight, _styledComponents.avatarTokens.lineHeight, _styledComponents.avatarTokens.statusIconSize, _styledComponents.avatarTokens.counterBorderRadius, _styledComponents.avatarTokens.counterHeight, _styledComponents.avatarTokens.counterPadding, _styledComponents.avatarTokens.counterFontFamily, _styledComponents.avatarTokens.counterFontSize, _styledComponents.avatarTokens.counterFontStyle, _styledComponents.avatarTokens.counterFontWeight, _styledComponents.avatarTokens.counterLetterSpacing, _styledComponents.avatarTokens.counterLineHeight),
-      fit: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n                ", ": 0;\n            "])), _styledComponents.avatarTokens.avatarSize, _styledComponents.avatarTokens.fontSize, _styledComponents.avatarTokens.fontWeight, _styledComponents.avatarTokens.lineHeight, _styledComponents.avatarTokens.statusIconSize)
-    },
-    focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.1rem;\n                ", ": -0.2rem;\n                ", ": var(--surface-accent);\n            "])), _styledComponents.avatarTokens.outlineSize, _styledComponents.avatarTokens.outlineOffset, _styledComponents.avatarTokens.outlineColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-solid-tertiary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--on-light-surface-solid-primary);\n                ",
+        ": 1.02;\n                ",
+        ": var(--plasma-typo-text-font-family);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 5.5rem;\n                ",
+        ": 2rem;\n                ",
+        ": 600;\n                ",
+        ": 2.25rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0 0.375rem;\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.25rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 600;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 600;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0 0.125rem;\n\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 0;\n                ",
+        ": 0;\n                ",
+        ": 0;\n                ",
+        ": 0;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.1rem;\n                ",
+        ": -0.2rem;\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-positive);\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative);\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    counterView: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n            "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n            "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n            "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n            "])), _styledComponents.avatarTokens.counterColor, _styledComponents.avatarTokens.counterBackground)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.avatarTokens.color, _styledcomponents.avatarTokens.backgroundColor, _styledcomponents.avatarTokens.statusOnlineColor, _styledcomponents.avatarTokens.statusOfflineColor, _styledcomponents.avatarTokens.scaleHover, _styledcomponents.avatarTokens.fontFamily)
+        },
+        size: {
+            // TODO: #1044 токены типографики в Avatar
+            xxl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
+            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
+            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize, _styledcomponents.avatarTokens.counterBorderRadius, _styledcomponents.avatarTokens.counterHeight, _styledcomponents.avatarTokens.counterPadding, _styledcomponents.avatarTokens.counterFontFamily, _styledcomponents.avatarTokens.counterFontSize, _styledcomponents.avatarTokens.counterFontStyle, _styledcomponents.avatarTokens.counterFontWeight, _styledcomponents.avatarTokens.counterLetterSpacing, _styledcomponents.avatarTokens.counterLineHeight),
+            fit: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.avatarTokens.avatarSize, _styledcomponents.avatarTokens.fontSize, _styledcomponents.avatarTokens.fontWeight, _styledcomponents.avatarTokens.lineHeight, _styledcomponents.avatarTokens.statusIconSize)
+        },
+        focused: {
+            true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.avatarTokens.outlineSize, _styledcomponents.avatarTokens.outlineOffset, _styledcomponents.avatarTokens.outlineColor)
+        },
+        counterView: {
+            default: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
+            accent: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
+            positive: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground),
+            negative: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.avatarTokens.counterColor, _styledcomponents.avatarTokens.counterBackground)
+        }
     }
-  }
-};
+};