@salutejs/plasma-new-hope 0.109.1-canary.1301.10056808859.0 → 0.109.1-dev.0

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

@@ -6,8 +6,7 @@ export var classes = {
   clearAccordionItem: 'clear-accordion-item',
   accordionItemShowBody: 'accordion-item-show-body',
   accordionPlusAnimationElement: 'accordion-plus-animation-element',
-  accordionDisabled: 'accordion-disabled',
-  accordionItemBody: 'accordion-item-body'
+  accordionDisabled: 'accordion-disabled'
 };
 export var tokens = {
   accordionGap: '--plasma-accordion-gap',
@@ -18,10 +17,8 @@ export var tokens = {
   accordionItemPadding: '--plasma-accordion-item-padding',
   accordionItemPaddingVertical: '--plasma-accordion-item-padding-vertical',
   accordionItemPaddingHorizontal: '--plasma-accordion-item-padding-horizontal',
-  accordionItemPaddingHorizontalLeft: '--plasma-accordion-item-padding-horizontal-left',
   accordionItemGap: '--plasma-accordion-item-gap',
   accordionItemFocus: '--plasma-accordion-item-focus',
-  accordionItemBorder: '--plasma-accordion-item-border',
   accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
   accordionItemTitleColor: '--plasma-accordion-item-title-color',
   accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',

package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.js

@@ -1,10 +1,4 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _StyledMinus, _StyledArrow;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -14,7 +8,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useRef, useEffect } from 'react';
 import { convertRoundnessMatrix } from '../../../../utils/roundness';
 import { classes, tokens } from '../../Accordion.tokens';
-import { cx } from '../../../../utils';
 import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionBody, StyledAccordionTitle, StyledAccordionContentLeft, StyledAccordionHeaderLeft, StyledAccordionContentRight, StyledArrow, StyledMinus, StyledPlus, StyledAccordionBodyAnimate } from './AccordionItem.styles';
 export var AccordionItem = function AccordionItem(_ref) {
   var _ref2;
@@ -28,13 +21,8 @@ export var AccordionItem = function AccordionItem(_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'sign' : _ref$type,
     index = _ref.index,
-    className = _ref.className,
-    style = _ref.style,
     eventKey = _ref.eventKey,
     disabled = _ref.disabled,
-    _ref$alignWithTitle = _ref.alignWithTitle,
-    alignWithTitle = _ref$alignWithTitle === void 0 ? true : _ref$alignWithTitle,
-    view = _ref.view,
     onChange = _ref.onChange;
   var key = (_ref2 = eventKey !== null && eventKey !== void 0 ? eventKey : index) !== null && _ref2 !== void 0 ? _ref2 : 0;
   var _useState = useState(),
@@ -53,7 +41,7 @@ export var AccordionItem = function AccordionItem(_ref) {
   useEffect(function () {
     var _leftContentRef$curre, _leftContentRef$curre2;
     var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
-    var leftPaddingBody = leftContentWidth && (alignWithTitle || view === 'clear') ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
+    var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
     setLeftPadding(leftPaddingBody);
   }, [value, type, leftContentRef, setLeftPadding]);
   var openedBodyClass = value ? classes.accordionItemShowBody : undefined;
@@ -77,15 +65,16 @@ export var AccordionItem = function AccordionItem(_ref) {
   var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
   var rightContentRotate = type === 'sign' && value ? classes.accordionItemShowBody : undefined;
   return /*#__PURE__*/React.createElement(StyledAccordionItem, {
-    className: cx(classes.accordionItem, className, disabledClass),
+    className: classes.accordionItem,
     key: key,
-    style: _objectSpread({
+    style: {
       borderRadius: accordionBorderRadius
-    }, style)
+    }
   }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
     role: "tab",
     tabIndex: 0,
     onClick: handleOpen,
+    className: disabledClass,
     "aria-expanded": value,
     "aria-controls": "accordion-item-section".concat(key),
     id: "accordion-item-".concat(key)
@@ -98,11 +87,9 @@ export var AccordionItem = function AccordionItem(_ref) {
     "aria-labelledby": "accordion-item-".concat(key),
     "aria-hidden": !value,
     id: "accordion-item-section".concat(key),
-    className: cx(openedBodyClass),
+    className: openedBodyClass,
     style: {
       paddingLeft: "".concat(leftPadding)
     }
-  }, /*#__PURE__*/React.createElement(StyledAccordionBody, {
-    className: classes.accordionItemBody
-  }, children)));
+  }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, children)));
 };

package/emotion/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js

@@ -4,8 +4,8 @@ import styled from 'styled-components';
 import { IconChevronDownFill, IconMinus } from '../../../_Icon';
 import { classes, tokens } from '../../Accordion.tokens';
 import { addFocus } from '../../../../mixins';
-export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    background: var(", ");\n    border: var(", ");\n    border-bottom: var(", ");\n\n    &:last-child {\n        border-bottom: var(", ");\n    }\n\n    &.", " {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorder, tokens.accordionItemBorderBottom, tokens.accordionItemBorder, classes.accordionDisabled);
-export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 100%;\n    border: none;\n    padding: var(", ");\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &:focus {\n        outline: none;\n    }\n\n    ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, /*#__PURE__*/addFocus({
+export var StyledAccordionItem = /*#__PURE__*/styled.div(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    background: var(", ");\n    border-bottom: var(", ");\n\n    &:last-child {\n        border-bottom: none;\n    }\n"])), tokens.accordionItemBackground, tokens.accordionItemBorderBottom);
+export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n    width: 100%;\n    border: none;\n    padding: var(", ");\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n    background: none;\n    box-sizing: border-box;\n    cursor: pointer;\n\n    &.", " {\n        opacity: 0.4;\n        cursor: not-allowed;\n    }\n\n    &:focus {\n        outline: none;\n    }\n\n    ", "\n"])), tokens.accordionItemPadding, tokens.accordionItemGap, classes.accordionDisabled, /*#__PURE__*/addFocus({
   outlineOffset: '0.125rem',
   outlineSize: '0.125rem',
   outlineRadius: '0',
@@ -14,9 +14,9 @@ export var StyledAccordionHeader = /*#__PURE__*/styled.button(_templateObject2 |
 export var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: flex;\n    gap: var(", ");\n    justify-content: space-between;\n    align-items: center;\n"])), tokens.accordionItemGap);
 export var StyledAccordionContentRight = /*#__PURE__*/styled.div(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n    transition: 0.2s;\n    transform: rotate(90deg);\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n"])), classes.accordionItemShowBody);
 export var StyledAccordionContentLeft = /*#__PURE__*/styled.div(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n    transition: 0.2s;\n    display: flex;\n    align-items: center;\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(180deg);\n    }\n"])), classes.accordionItemShowBody);
-export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    text-align: left;\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
+export var StyledAccordionTitle = /*#__PURE__*/styled.div(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n"])), tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
 export var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.2s ease-out;\n    overflow: hidden;\n\n    &.", " {\n        grid-template-rows: 1fr;\n        padding-bottom: var(", ");\n\n        &.", " {\n            transition: 0.2s;\n            transform: rotate(0deg);\n        }\n    }\n"])), classes.accordionItemShowBody, tokens.accordionItemPaddingVertical, classes.accordionPlusAnimationElement);
-export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    overflow: hidden;\n    padding-right: var(", ");\n    padding-left: var(", ");\n    text-align: left;\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontalLeft);
+export var StyledAccordionBody = /*#__PURE__*/styled.div(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n    color: var(", ");\n    font-family: var(", ");\n    font-size: var(", ");\n    font-weight: var(", ");\n    font-style: var(", ");\n    letter-spacing: var(", ");\n    line-height: var(", ");\n    overflow: hidden;\n    padding-right: var(", ");\n    padding-left: var(", ");\n"])), tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingHorizontal, tokens.accordionItemPaddingHorizontal);
 export var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n    pointer-events: none;\n    user-select: none;\n    color: var(", ");\n"])), tokens.accordionItemTextColor);
 export var StyledMinus = /*#__PURE__*/styled(IconMinus)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n    pointer-events: none;\n    user-select: none;\n    color: var(", ");\n    display: flex;\n    align-items: center;\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(90deg);\n    }\n\n    &.", " {\n        transition: 0.2s;\n        transform: rotate(0deg);\n    }\n"])), tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
 export var StyledPlus = /*#__PURE__*/styled.div(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    height: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n"])));

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

@@ -1,5 +1,5 @@
 import { Children, cloneElement, isValidElement } from 'react';
-export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, view, disabled, updateValue) {
+export var updatePropsRecursively = function updatePropsRecursively(children, activeIndex, disabled, updateValue) {
   return Children.map(children || [], function (child, index) {
     if (! /*#__PURE__*/isValidElement(child)) {
       return child;
@@ -10,13 +10,12 @@ export var updatePropsRecursively = function updatePropsRecursively(children, ac
         var _child$props$eventKey;
         return i === ((_child$props$eventKey = child.props.eventKey) !== null && _child$props$eventKey !== void 0 ? _child$props$eventKey : index);
       })) !== -1),
-      view: view,
       disabled: disabled,
       onChange: updateValue
     };
     return /*#__PURE__*/cloneElement(child, props);
   });
 };
-export var getChildren = function getChildren(children, activeIndex, view, disabled, updateValue) {
-  return updatePropsRecursively(children, activeIndex, view, disabled, updateValue);
+export var getChildren = function getChildren(children, activeIndex, disabled, updateValue) {
+  return updatePropsRecursively(children, activeIndex, disabled, updateValue);
 };

package/emotion/es/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,185 @@
+var _excluded = ["value", "onChange", "suggestions", "view", "size", "labelPlacement", "disabled", "readOnly", "label", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "onScroll", "listMaxHeight", "listWidth", "filter", "onSuggestionSelect", "threshold", "renderList", "renderListEnd", "onSearch"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { forwardRef, useState, useReducer } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
+import { useDidMountEffect, useOutsideClick } from '../../hooks';
+import { getPlacements } from '../../utils';
+import { focusedReducer } from './reducers/focusedReducer';
+import { SuggestionItem, StyledTextField } from './ui';
+import { StyledPopover, Ul, LeftHelper, base, InfiniteLoaderWrapper } from './Autocomplete.styles';
+import { useKeyNavigation } from './hooks/useKeyboardNavigation';
+
+/**
+ * Компонент Autocomplete. Поле ввода с подсказками в выпадающем списке.
+ */
+export var autocompleteRoot = function autocompleteRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, ref) {
+    var outerValue = _ref.value,
+      onChange = _ref.onChange,
+      suggestions = _ref.suggestions,
+      view = _ref.view,
+      size = _ref.size,
+      labelPlacement = _ref.labelPlacement,
+      disabled = _ref.disabled,
+      readOnly = _ref.readOnly,
+      label = _ref.label,
+      leftHelper = _ref.leftHelper,
+      contentLeft = _ref.contentLeft,
+      contentRight = _ref.contentRight,
+      textBefore = _ref.textBefore,
+      textAfter = _ref.textAfter,
+      onScroll = _ref.onScroll,
+      listMaxHeight = _ref.listMaxHeight,
+      listWidth = _ref.listWidth,
+      filter = _ref.filter,
+      onSuggestionSelect = _ref.onSuggestionSelect,
+      _ref$threshold = _ref.threshold,
+      threshold = _ref$threshold === void 0 ? 2 : _ref$threshold,
+      renderList = _ref.renderList,
+      renderListEnd = _ref.renderListEnd,
+      onSearch = _ref.onSearch,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var _useReducer = useReducer(focusedReducer, null),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      focused = _useReducer2[0],
+      dispatchFocused = _useReducer2[1];
+    var _useState = useState(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      innerValue = _useState2[0],
+      setInnerValue = _useState2[1];
+    var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isOpen = _useState4[0],
+      setIsOpen = _useState4[1];
+    var listId = safeUseId();
+    var value = outerValue || innerValue;
+    var helperTextId = safeUseId();
+    var targetRef = useOutsideClick(function () {
+      setIsOpen(false);
+    });
+    var handleFocus = function handleFocus() {
+      if (value.toString().length >= threshold) {
+        setIsOpen(true);
+      }
+    };
+    var handleItemClick = function handleItemClick(e) {
+      setInnerValue(e.label);
+      if (onSuggestionSelect) {
+        onSuggestionSelect(e);
+      }
+      setIsOpen(false);
+    };
+    var handleChange = function handleChange(e) {
+      var currentValue = e.target.value;
+      setInnerValue(currentValue);
+      if (onChange) {
+        onChange(e);
+      }
+      if (currentValue.toString().length >= threshold) {
+        setIsOpen(true);
+      } else {
+        setIsOpen(false);
+      }
+    };
+    var defaultFilterCallback = function defaultFilterCallback(_ref2) {
+      var label = _ref2.label;
+      return label.toLowerCase().includes(value.toString().toLowerCase());
+    };
+    var finalResults = (suggestions === null || suggestions === void 0 ? void 0 : suggestions.filter(filter || defaultFilterCallback)) || [];
+    var _useKeyNavigation = useKeyNavigation({
+        isOpen: isOpen,
+        setIsOpen: setIsOpen,
+        focused: focused,
+        dispatchFocused: dispatchFocused,
+        finalResults: finalResults,
+        handleItemClick: handleItemClick
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
+    useDidMountEffect(function () {
+      dispatchFocused({
+        type: 'reset'
+      });
+    }, [value]);
+    return /*#__PURE__*/React.createElement(Root, {
+      view: view,
+      size: size,
+      labelPlacement: labelPlacement,
+      disabled: disabled,
+      readOnly: readOnly
+    }, /*#__PURE__*/React.createElement(StyledPopover, {
+      isOpen: isOpen,
+      offset: [0, 0],
+      placement: getPlacements('bottom'),
+      isFocusTrapped: false,
+      target: /*#__PURE__*/React.createElement(StyledTextField, _extends({
+        value: value,
+        onChange: handleChange,
+        onSearch: focused === null ? onSearch : undefined,
+        ref: ref,
+        size: size,
+        view: view,
+        labelPlacement: labelPlacement,
+        disabled: disabled,
+        readOnly: readOnly,
+        label: label,
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        textBefore: textBefore,
+        textAfter: textAfter,
+        onFocus: handleFocus,
+        onKeyDown: onKeyDown,
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-controls": listId,
+        "aria-expanded": isOpen,
+        "aria-activedescendant": "".concat(listId, "/").concat(focused),
+        "aria-describedby": helperTextId
+      }, rest)),
+      preventOverflow: false,
+      ref: targetRef,
+      listWidth: listWidth
+    }, renderList && renderList(finalResults) || Boolean(finalResults.length) && /*#__PURE__*/React.createElement(Ul, {
+      id: listId,
+      role: "listbox",
+      "aria-label": label,
+      onScroll: onScroll,
+      listMaxHeight: listMaxHeight
+    }, finalResults.map(function (suggestion, index) {
+      return /*#__PURE__*/React.createElement(SuggestionItem, {
+        key: index,
+        item: suggestion,
+        onClick: handleItemClick,
+        id: "".concat(listId, "/").concat(index),
+        focused: focused === index
+      });
+    }), renderListEnd && /*#__PURE__*/React.createElement(InfiniteLoaderWrapper, null, renderListEnd()))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
+      id: helperTextId,
+      disabled: disabled,
+      readOnly: readOnly
+    }, leftHelper));
+  });
+};
+export var autocompleteConfig = {
+  name: 'Autocomplete',
+  tag: 'div',
+  layout: autocompleteRoot,
+  base: base,
+  defaults: {
+    view: 'default',
+    size: 'l',
+    labelPlacement: 'outer'
+  },
+  variations: {
+    view: {
+      css: ''
+    }
+  }
+};

package/emotion/es/components/Autocomplete/Autocomplete.styles.js

@@ -0,0 +1,36 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+import { popoverClasses, popoverConfig } from '../Popover';
+import { component } from '../../engines';
+import { tokens } from './Autocomplete.tokens';
+export var base = /*#__PURE__*/css(".", popoverClasses.wrapper, ",.", popoverClasses.target, "{display:block;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
+var Popover = /*#__PURE__*/component(popoverConfig);
+export var StyledPopover = /*#__PURE__*/_styled(Popover, {
+  target: "e19k6c2g3",
+  label: "plasma-new-hope__StyledPopover"
+})(".", /*#__PURE__*/String(popoverClasses.root), "{display:block;width:", function (_ref) {
+  var listWidth = _ref.listWidth;
+  return listWidth || '100%';
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUIyRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwb3BvdmVyQ2xhc3NlcywgcG9wb3ZlckNvbmZpZyB9IGZyb20gJy4uL1BvcG92ZXInO1xuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5cbmltcG9ydCB7IEF1dG9jb21wbGV0ZVByb3BzIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE1heEhlaWdodDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IGxpc3RNYXhIZWlnaHQgfHwgJ25vbmUnfTtcbiAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG5cbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdjx7XG4gICAgZGlzYWJsZWQ6IEF1dG9jb21wbGV0ZVByb3BzWydkaXNhYmxlZCddO1xuICAgIHJlYWRPbmx5OiBBdXRvY29tcGxldGVQcm9wc1sncmVhZE9ubHknXTtcbn0+YFxuICAgIGNvbG9yOiAkeyh7IHJlYWRPbmx5LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICByZWFkT25seSAmJiAhZGlzYWJsZWRcbiAgICAgICAgICAgID8gYHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pYFxuICAgICAgICAgICAgOiBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvcn0pYH07XG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuXG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZERpc2FibGVkT3BhY2l0eX0pO1xuICAgIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5maW5pdGVMb2FkZXJXcmFwcGVyID0gc3R5bGVkLmxpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkSGVpZ2h0fSk7XG5gO1xuIl19 */"));
+export var Ul = /*#__PURE__*/_styled("ul", {
+  target: "e19k6c2g2",
+  label: "plasma-new-hope__Ul"
+})("box-sizing:border-box;background:var(", tokens.background, ");box-shadow:var(", tokens.boxShadow, ");border-radius:var(", tokens.borderRadius, ");height:auto;max-height:", function (_ref2) {
+  var listMaxHeight = _ref2.listMaxHeight;
+  return listMaxHeight || 'none';
+}, ";overflow-y:scroll;margin:0;padding:var(", tokens.padding, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
+export var LeftHelper = /*#__PURE__*/_styled("div", {
+  target: "e19k6c2g1",
+  label: "plasma-new-hope__LeftHelper"
+})("color:", function (_ref3) {
+  var readOnly = _ref3.readOnly,
+    disabled = _ref3.disabled;
+  return readOnly && !disabled ? "var(".concat(tokens.textFieldLeftHelperColorReadOnly, ")") : "var(".concat(tokens.textFieldLeftHelperColor, ")");
+}, ";margin-top:var(", tokens.textFieldLeftHelperOffset, ");font-family:var(", tokens.textFieldLeftHelperFontFamily, ");font-size:var(", tokens.textFieldLeftHelperFontSize, ");font-style:var(", tokens.textFieldLeftHelperFontStyle, ");font-weight:var(", tokens.textFieldLeftHelperFontWeight, ");letter-spacing:var(", tokens.textFieldLeftHelperLetterSpacing, ");line-height:var(", tokens.textFieldLeftHelperLineHeight, ");opacity:var(", tokens.textFieldDisabledOpacity, ");cursor:", function (_ref4) {
+  var disabled = _ref4.disabled;
+  return disabled ? 'not-allowed' : 'auto';
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHBvcG92ZXJDbGFzc2VzLCBwb3BvdmVyQ29uZmlnIH0gZnJvbSAnLi4vUG9wb3Zlcic7XG5pbXBvcnQgeyBjb21wb25lbnQgfSBmcm9tICcuLi8uLi9lbmdpbmVzJztcblxuaW1wb3J0IHsgQXV0b2NvbXBsZXRlUHJvcHMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50eXBlcyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL0F1dG9jb21wbGV0ZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAuJHtwb3BvdmVyQ2xhc3Nlcy53cmFwcGVyfSwgLiR7cG9wb3ZlckNsYXNzZXMudGFyZ2V0fSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIH1cbmA7XG5cbmNvbnN0IFBvcG92ZXIgPSBjb21wb25lbnQocG9wb3ZlckNvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3BvdmVyID0gc3R5bGVkKFBvcG92ZXIpPHsgbGlzdFdpZHRoOiBBdXRvY29tcGxldGVQcm9wc1snbGlzdFdpZHRoJ10gfT5gXG4gICAgLiR7U3RyaW5nKHBvcG92ZXJDbGFzc2VzLnJvb3QpfSB7XG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICB3aWR0aDogJHsoeyBsaXN0V2lkdGggfSkgPT4gbGlzdFdpZHRoIHx8ICcxMDAlJ307XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFVsID0gc3R5bGVkLnVsPHtcbiAgICBsaXN0TWF4SGVpZ2h0OiBBdXRvY29tcGxldGVQcm9wc1snbGlzdE1heEhlaWdodCddO1xufT5gXG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG4gICAgYm94LXNoYWRvdzogdmFyKCR7dG9rZW5zLmJveFNoYWRvd30pO1xuXG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgIGhlaWdodDogYXV0bztcbiAgICBtYXgtaGVpZ2h0OiAkeyh7IGxpc3RNYXhIZWlnaHQgfSkgPT4gbGlzdE1heEhlaWdodCB8fCAnbm9uZSd9O1xuICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcblxuICAgIG1hcmdpbjogMDtcbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuYDtcblxuZXhwb3J0IGNvbnN0IExlZnRIZWxwZXIgPSBzdHlsZWQuZGl2PHtcbiAgICBkaXNhYmxlZDogQXV0b2NvbXBsZXRlUHJvcHNbJ2Rpc2FibGVkJ107XG4gICAgcmVhZE9ubHk6IEF1dG9jb21wbGV0ZVByb3BzWydyZWFkT25seSddO1xufT5gXG4gICAgY29sb3I6ICR7KHsgcmVhZE9ubHksIGRpc2FibGVkIH0pID0+XG4gICAgICAgIHJlYWRPbmx5ICYmICFkaXNhYmxlZFxuICAgICAgICAgICAgPyBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSlgXG4gICAgICAgICAgICA6IGB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckNvbG9yfSlgfTtcbiAgICBtYXJnaW4tdG9wOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlck9mZnNldH0pO1xuXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMaW5lSGVpZ2h0fSk7XG5cbiAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgY3Vyc29yOiAkeyh7IGRpc2FibGVkIH0pID0+IChkaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAnYXV0bycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJbmZpbml0ZUxvYWRlcldyYXBwZXIgPSBzdHlsZWQubGlgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIG1pbi1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRIZWlnaHR9KTtcbmA7XG4iXX0= */"));
+export var InfiniteLoaderWrapper = /*#__PURE__*/_styled("li", {
+  target: "e19k6c2g0",
+  label: "plasma-new-hope__InfiniteLoaderWrapper"
+})("display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", tokens.textFieldHeight, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXV0b2NvbXBsZXRlL0F1dG9jb21wbGV0ZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEQ4QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F1dG9jb21wbGV0ZS9BdXRvY29tcGxldGUuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBwb3BvdmVyQ2xhc3NlcywgcG9wb3ZlckNvbmZpZyB9IGZyb20gJy4uL1BvcG92ZXInO1xuaW1wb3J0IHsgY29tcG9uZW50IH0gZnJvbSAnLi4vLi4vZW5naW5lcyc7XG5cbmltcG9ydCB7IEF1dG9jb21wbGV0ZVByb3BzIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudHlwZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9BdXRvY29tcGxldGUudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgLiR7cG9wb3ZlckNsYXNzZXMud3JhcHBlcn0sIC4ke3BvcG92ZXJDbGFzc2VzLnRhcmdldH0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG5gO1xuXG5jb25zdCBQb3BvdmVyID0gY29tcG9uZW50KHBvcG92ZXJDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9wb3ZlciA9IHN0eWxlZChQb3BvdmVyKTx7IGxpc3RXaWR0aDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RXaWR0aCddIH0+YFxuICAgIC4ke1N0cmluZyhwb3BvdmVyQ2xhc3Nlcy5yb290KX0ge1xuICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgd2lkdGg6ICR7KHsgbGlzdFdpZHRoIH0pID0+IGxpc3RXaWR0aCB8fCAnMTAwJSd9O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBVbCA9IHN0eWxlZC51bDx7XG4gICAgbGlzdE1heEhlaWdodDogQXV0b2NvbXBsZXRlUHJvcHNbJ2xpc3RNYXhIZWlnaHQnXTtcbn0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG5cbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5ib3hTaGFkb3d9KTtcblxuICAgIGJvcmRlci1yYWRpdXM6IHZhcigke3Rva2Vucy5ib3JkZXJSYWRpdXN9KTtcbiAgICBoZWlnaHQ6IGF1dG87XG4gICAgbWF4LWhlaWdodDogJHsoeyBsaXN0TWF4SGVpZ2h0IH0pID0+IGxpc3RNYXhIZWlnaHQgfHwgJ25vbmUnfTtcbiAgICBvdmVyZmxvdy15OiBzY3JvbGw7XG5cbiAgICBtYXJnaW46IDA7XG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMZWZ0SGVscGVyID0gc3R5bGVkLmRpdjx7XG4gICAgZGlzYWJsZWQ6IEF1dG9jb21wbGV0ZVByb3BzWydkaXNhYmxlZCddO1xuICAgIHJlYWRPbmx5OiBBdXRvY29tcGxldGVQcm9wc1sncmVhZE9ubHknXTtcbn0+YFxuICAgIGNvbG9yOiAkeyh7IHJlYWRPbmx5LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgICByZWFkT25seSAmJiAhZGlzYWJsZWRcbiAgICAgICAgICAgID8gYHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pYFxuICAgICAgICAgICAgOiBgdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJDb2xvcn0pYH07XG4gICAgbWFyZ2luLXRvcDogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkTGVmdEhlbHBlckZvbnRXZWlnaHR9KTtcbiAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRleHRGaWVsZExlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50ZXh0RmllbGRMZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuXG4gICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLnRleHRGaWVsZERpc2FibGVkT3BhY2l0eX0pO1xuICAgIGN1cnNvcjogJHsoeyBkaXNhYmxlZCB9KSA9PiAoZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ2F1dG8nKX07XG5gO1xuXG5leHBvcnQgY29uc3QgSW5maW5pdGVMb2FkZXJXcmFwcGVyID0gc3R5bGVkLmxpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBtaW4taGVpZ2h0OiB2YXIoJHt0b2tlbnMudGV4dEZpZWxkSGVpZ2h0fSk7XG5gO1xuIl19 */"));

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

@@ -0,0 +1,85 @@
+export var classes = {
+  suggestionItemIsFocused: 'suggestion-item-is-focused'
+};
+export var tokens = {
+  // Токены для TextField
+  textFieldColor: '--plasma-autocomplete-textfield-color',
+  textFieldBackgroundColor: '--plasma-autocomplete-textfield-background-color',
+  textFieldBackgroundColorHover: '--plasma-autocomplete-textfield-background-color-hover',
+  textFieldBackgroundColorFocus: '--plasma-autocomplete-textfield-background-color-focus',
+  textFieldBorderColor: '--plasma-autocomplete-textfield-border-color',
+  textFieldBorderColorHover: '--plasma-autocomplete-textfield-border-color-hover',
+  textFieldBorderColorFocus: '--plasma-autocomplete-textfield-border-color-focus',
+  textFieldColorReadOnly: '--plasma-autocomplete-textfield-color-readonly',
+  textFieldBackgroundColorReadOnly: '--plasma-autocomplete-textfield-bg-color-readonly',
+  textFieldBorderColorReadOnly: '--plasma-autocomplete-textfield-border-color-readonly',
+  textFieldPlaceholderColorReadOnly: '--plasma-autocomplete-textfield__placeholder-color-readonly',
+  textFieldCaretColor: '--plasma-autocomplete-textfield-caret-color',
+  textFieldPlaceholderColor: '--plasma-autocomplete-textfield-placeholder-color',
+  textFieldHeight: '--plasma-autocomplete-textfield-height',
+  textFieldBorderWidth: '--plasma-autocomplete-textfield-border-width',
+  textFieldBorderRadius: '--plasma-autocomplete-textfield-border-radius',
+  textFieldPadding: '--plasma-autocomplete-textfield-padding',
+  textFieldLeftContentMargin: '--plasma-autocomplete-textfield__left-content-margin',
+  textFieldRightContentMargin: '--plasma-autocomplete-textfield__right-content-margin',
+  textFieldFontFamily: '--plasma-autocomplete-textfield-font-family',
+  textFieldFontStyle: '--plasma-autocomplete-textfield-font-style',
+  textFieldFontSize: '--plasma-autocomplete-textfield-font-size',
+  textFieldFontWeight: '--plasma-autocomplete-textfield-font-weight',
+  textFieldLetterSpacing: '--plasma-autocomplete-textfield-letter-spacing',
+  textFieldLineHeight: '--plasma-autocomplete-textfield-line-height',
+  textFieldLabelColor: '--plasma-autocomplete-textfield-label-color',
+  textFieldLabelColorReadOnly: '--plasma-autocomplete-textfield__label-color-readonly',
+  textFieldLabelOffset: '--plasma-autocomplete-textfield__label-offset',
+  textFieldLabelFontFamily: '--plasma-autocomplete-textfield__label-font-family',
+  textFieldLabelFontStyle: '--plasma-autocomplete-textfield__label-font-style',
+  textFieldLabelFontSize: '--plasma-autocomplete-textfield__label-font-size',
+  textFieldLabelFontWeight: '--plasma-autocomplete-textfield__label-font-weight',
+  textFieldLabelLetterSpacing: '--plasma-autocomplete-textfield__label-letter-spacing',
+  textFieldLabelLineHeight: '--plasma-autocomplete-textfield__label-line-height',
+  textFieldLabelInnerFontFamily: '--plasma-autocomplete-textfield-placement_inner__label-font-family',
+  textFieldLabelInnerFontStyle: '--plasma-autocomplete-textfield-placement_inner__label-font-style',
+  textFieldLabelInnerFontSize: '--plasma-autocomplete-textfield-placement_inner__label-font-size',
+  textFieldLabelInnerFontWeight: '--plasma-autocomplete-textfield-placement_inner__label-font-weight',
+  textFieldLabelInnerLetterSpacing: '--plasma-autocomplete-textfield-placement_inner__label-letter-spacing',
+  textFieldLabelInnerLineHeight: '--plasma-autocomplete-textfield-placement_inner__label-line-height',
+  textFieldLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__label-padding',
+  textFieldContentLabelInnerPadding: '--plasma-autocomplete-textfield-placement_inner__content-padding',
+  textFieldLeftHelperColor: '--plasma-autocomplete-textfield__left-helper-color',
+  textFieldLeftHelperColorReadOnly: '--plasma-autocomplete-textfield__left-helper-color-readonly',
+  textFieldLeftHelperOffset: '--plasma-autocomplete-textfield__left-helper-offset',
+  textFieldLeftHelperFontFamily: '--plasma-autocomplete-textfield__left-helper-font-family',
+  textFieldLeftHelperFontStyle: '--plasma-autocomplete-textfield__left-helper-font-style',
+  textFieldLeftHelperFontSize: '--plasma-autocomplete-textfield__left-helper-font-size',
+  textFieldLeftHelperFontWeight: '--plasma-autocomplete-textfield__left-helper-font-weight',
+  textFieldLeftHelperLetterSpacing: '--plasma-autocomplete-textfield__left-helper-letter-spacing',
+  textFieldLeftHelperLineHeight: '--plasma-autocomplete-textfield__left-helper-line-height',
+  textFieldTextBeforeColor: '--plasma-autocomplete-textfield__before-text-color',
+  textFieldTextAfterColor: '--plasma-autocomplete-textfield__after-text-color',
+  textFieldTextBeforeMargin: '--plasma-autocomplete-textfield__before-text-margin',
+  textFieldTextAfterMargin: '--plasma-autocomplete-textfield__after-text-margin',
+  textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
+  textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
+  // Токены для дропдауна
+  background: '--plasma-autocomplete-background',
+  boxShadow: '--plasma-autocomplete-box-shadow',
+  borderRadius: '--plasma-autocomplete-border-radius',
+  padding: '--plasma-autocomplete-padding',
+  itemPadding: '--plasma-autocomplete-item-padding',
+  itemBorderRadius: '--plasma-autocomplete-item-border-radius',
+  itemFontFamily: '--plasma-autocomplete-item-font-family',
+  itemFontSize: '--plasma-autocomplete-item-font-size',
+  itemFontStyle: '--plasma-autocomplete-item-font-style',
+  itemFontWeight: '--plasma-autocomplete-item-font-weight',
+  itemFontLetterSpacing: '--plasma-autocomplete-item-font-letter-spacing',
+  itemFontLineHeight: '--plasma-autocomplete-item-font-line-height',
+  itemBackground: '--plasma-autocomplete-item-background',
+  itemBackgroundHover: '--plasma-autocomplete-item-background-hover',
+  itemColor: '--plasma-autocomplete-item-color',
+  focusColor: '--plasma-autocomplete-focus-color',
+  infiniteLoaderSpinnerColor: '--plasma-autocomplete-infinite-loader-spinner-color',
+  infiniteLoaderSpinnerSize: '--plasma-autocomplete-infinite-loader-spinner-size',
+  infiniteLoaderGap: '--plasma-autocomplete-infinite-loader-gap',
+  emptyStateGap: '--plasma-autocomplete-empty-state-gap',
+  emptyStatePadding: '--plasma-autocomplete-empty-state-padding'
+};

package/emotion/es/components/Autocomplete/Autocomplete.types.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/components/Autocomplete/hooks/useKeyboardNavigation.js

@@ -0,0 +1,108 @@
+export var keys = {
+  Enter: 'Enter',
+  Space: 'Space',
+  Tab: 'Tab',
+  Escape: 'Escape',
+  ArrowLeft: 'ArrowLeft',
+  ArrowRight: 'ArrowRight',
+  ArrowUp: 'ArrowUp',
+  ArrowDown: 'ArrowDown',
+  Home: 'Home',
+  End: 'End',
+  PageUp: 'PageUp',
+  PageDown: 'PageDown'
+};
+export var useKeyNavigation = function useKeyNavigation(_ref) {
+  var isOpen = _ref.isOpen,
+    setIsOpen = _ref.setIsOpen,
+    focused = _ref.focused,
+    dispatchFocused = _ref.dispatchFocused,
+    finalResults = _ref.finalResults,
+    handleItemClick = _ref.handleItemClick;
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case keys.ArrowDown:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setFirstItem'
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setNextItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.ArrowUp:
+        {
+          if (!isOpen) {
+            setIsOpen(true);
+            dispatchFocused({
+              type: 'setLastItem',
+              listLength: finalResults.length
+            });
+            break;
+          }
+          dispatchFocused({
+            type: 'setPrevItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Home:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setFirstItem'
+          });
+          break;
+        }
+      case keys.End:
+        {
+          if (!isOpen) {
+            return;
+          }
+          dispatchFocused({
+            type: 'setLastItem',
+            listLength: finalResults.length
+          });
+          break;
+        }
+      case keys.Enter:
+        {
+          if (!isOpen || focused === null) {
+            return;
+          }
+          dispatchFocused({
+            type: 'reset'
+          });
+          handleItemClick(finalResults[focused]);
+          break;
+        }
+      case keys.Tab:
+      case keys.Escape:
+        {
+          if (!isOpen) {
+            return;
+          }
+          setIsOpen(false);
+          dispatchFocused({
+            type: 'reset'
+          });
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};

package/emotion/es/components/Autocomplete/index.js

@@ -0,0 +1,2 @@
+export { autocompleteConfig, autocompleteRoot } from './Autocomplete';
+export { tokens as autocompleteTokens } from './Autocomplete.tokens';