@salutejs/plasma-new-hope 0.134.0-canary.1406.10622689231.0 → 0.134.0-dev.0

package/emotion/es/components/Combobox/ui/ComboboxItem/ComboboxItem.js

@@ -0,0 +1,110 @@
+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 _excluded = ["id", "className", "children", "text", "isSelected", "name", "checked", "value", "view", "size", "disabled", "role", "contentLeft", "contentRight", "onSelect", "onClick", "onChange"];
+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 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 _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, useCallback, useMemo } from 'react';
+import { safeUseId } from '@salutejs/plasma-core';
+import { classes } from '../../Combobox.tokens';
+import { getValidComponent } from '../../utils';
+import { cx } from '../../../../utils';
+import { base as viewCSS } from './variations/_view/base';
+import { base as sizeCSS } from './variations/_size/base';
+import { StyledContentLeft, StyledContentRight, StyledText, base } from './ComboboxItem.styles';
+export var comboboxItemRoot = function comboboxItemRoot(Root) {
+  return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
+    var id = _ref.id,
+      className = _ref.className,
+      children = _ref.children,
+      text = _ref.text,
+      isSelected = _ref.isSelected,
+      name = _ref.name,
+      checked = _ref.checked,
+      value = _ref.value,
+      view = _ref.view,
+      size = _ref.size,
+      disabled = _ref.disabled,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'option' : _ref$role,
+      ContentLeftComponent = _ref.contentLeft,
+      ContentRightComponent = _ref.contentRight,
+      onSelect = _ref.onSelect,
+      onClick = _ref.onClick,
+      onChange = _ref.onChange,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var uniqId = safeUseId();
+    var innerId = id || uniqId;
+    var withComboboxItemIsSelected = checked || isSelected ? classes.comboboxItemIsDisabled : undefined;
+    var withComboboxItemIsDisabled = disabled ? classes.comboboxItemIsDisabled : undefined;
+    var handleOnClick = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onClick === null || onClick === void 0 || onClick(event);
+      if (onSelect && !ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var handleOnChange = useCallback(function (event) {
+      if (disabled) {
+        return;
+      }
+      onChange === null || onChange === void 0 || onChange(event);
+      if (onSelect && ContentLeftComponent) {
+        onSelect(value, text);
+      }
+    }, [onSelect, disabled]);
+    var contentProps = _objectSpread({
+      name: name,
+      value: value,
+      checked: checked || isSelected,
+      disabled: disabled,
+      tabIndex: -1
+    }, !disabled && {
+      onChange: handleOnChange
+    });
+    var ContentLeft = useMemo(function () {
+      return getValidComponent(ContentLeftComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    var ContentRight = useMemo(function () {
+      return getValidComponent(ContentRightComponent, contentProps);
+    }, [ContentRightComponent, contentProps]);
+    return /*#__PURE__*/React.createElement(Root, _extends({
+      className: cx(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
+      view: view,
+      size: size,
+      id: innerId,
+      isSelected: isSelected,
+      role: role,
+      ref: outerRootRef,
+      tabIndex: 0,
+      "aria-disabled": disabled,
+      "aria-selected": isSelected,
+      onClick: handleOnClick,
+      "data-value": value
+    }, rest), text ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledContentLeft, null, ContentLeftComponent && ContentLeft), /*#__PURE__*/React.createElement(StyledText, null, text), /*#__PURE__*/React.createElement(StyledContentRight, null, ContentRightComponent && ContentRight)) : children);
+  });
+};
+export var comboboxItemConfig = {
+  name: 'ComboboxItem',
+  tag: 'div',
+  layout: comboboxItemRoot,
+  base: base,
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/emotion/es/components/Combobox/ui/ComboboxItem/ComboboxItem.styles.js

@@ -0,0 +1,26 @@
+import _styled from "@emotion/styled/base";
+import { css } from '@emotion/react';
+import { classes, tokens } from '../../Combobox.tokens';
+import { addFocus, applyEllipsis } from '../../../../mixins';
+export var StyledContentLeft = /*#__PURE__*/_styled("div", {
+  target: "e1mabqxj2",
+  label: "plasma-new-hope__StyledContentLeft"
+})("display:inline-flex;min-width:var(", tokens.itemContentLeftWidth, ");color:var(", tokens.itemContentLeftColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTJDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0NvbWJvYm94LnRva2Vucyc7XG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50TGVmdCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5cbiAgICBtaW4td2lkdGg6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudExlZnRXaWR0aH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRMZWZ0Q29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50UmlnaHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRSaWdodFdpZHRofSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudFJpZ2h0Q29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkLmRpdmBcbiAgICAke2FwcGx5RWxsaXBzaXMoKX07XG5gO1xuXG4vLyBJTkZPOiDQlNC70Y8g0LLQvtC30LzQvtC20L3QvtGB0YLQuCDQv9C10YDQtdC40YHQv9C+0LvRjNC30L7QstCw0L3QuNGPINGB0YLQuNC70LXQuSDQsiDQtNGA0YPQs9C40YUg0LrQvtC80L/QvtC90LXQvdGC0LDRhVxuZXhwb3J0IGNvbnN0IGJhc2VDb250ZW50ID0gYFxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIDpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAnLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYHZhcigke3Rva2Vucy5pdGVtQm9yZGVyUmFkaXVzfSlgLFxuICAgICAgICBoYXNUcmFuc2l0aW9uOiBmYWxzZSxcbiAgICB9KX07XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5pdGVtRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRXZWlnaHRCb2xkfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5pdGVtRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1Gb250TGluZUhlaWdodH0pO1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuaXRlbUJvcmRlclJhZGl1c30pO1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5pdGVtV2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG5cbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdSaWdodH0pIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0JvdHRvbX0pXG4gICAgICAgIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0xlZnR9KTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5Ub3B9KSB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpblJpZ2h0fSkgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5Cb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcblxuICAgICY6aG92ZXI6bm90KC4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0pIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5jb21ib2JveEl0ZW1Jc1NlbGVjdGVkKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvclNlbGVjdGVkfSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFNlbGVjdGVkfSk7XG5cbiAgICAgICAgJjpob3Zlcjpub3QoLiR7Y2xhc3Nlcy5jb21ib2JveEl0ZW1Jc0Rpc2FibGVkfSkge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kU2VsZWN0ZWRIb3Zlcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtiYXNlQ29udGVudH07XG5gO1xuIl19 */"));
+export var StyledContentRight = /*#__PURE__*/_styled("div", {
+  target: "e1mabqxj1",
+  label: "plasma-new-hope__StyledContentRight"
+})("margin-left:auto;display:inline-flex;min-width:var(", tokens.itemContentRightWidth, ");color:var(", tokens.itemContentRightColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTRDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL0NvbWJvYm94LnRva2Vucyc7XG5pbXBvcnQgeyBhZGRGb2N1cywgYXBwbHlFbGxpcHNpcyB9IGZyb20gJy4uLy4uLy4uLy4uL21peGlucyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50TGVmdCA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG5cbiAgICBtaW4td2lkdGg6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudExlZnRXaWR0aH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRMZWZ0Q29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50UmlnaHQgPSBzdHlsZWQuZGl2YFxuICAgIG1hcmdpbi1sZWZ0OiBhdXRvO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRSaWdodFdpZHRofSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29udGVudFJpZ2h0Q29sb3J9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkLmRpdmBcbiAgICAke2FwcGx5RWxsaXBzaXMoKX07XG5gO1xuXG4vLyBJTkZPOiDQlNC70Y8g0LLQvtC30LzQvtC20L3QvtGB0YLQuCDQv9C10YDQtdC40YHQv9C+0LvRjNC30L7QstCw0L3QuNGPINGB0YLQuNC70LXQuSDQsiDQtNGA0YPQs9C40YUg0LrQvtC80L/QvtC90LXQvdGC0LDRhVxuZXhwb3J0IGNvbnN0IGJhc2VDb250ZW50ID0gYFxuICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcblxuICAgIDpmb2N1cyB7XG4gICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgfVxuXG4gICAgJHthZGRGb2N1cyh7XG4gICAgICAgIG91dGxpbmVTaXplOiAnMC4wNjI1cmVtJyxcbiAgICAgICAgb3V0bGluZU9mZnNldDogJzAnLFxuICAgICAgICBvdXRsaW5lQ29sb3I6IGB2YXIoJHt0b2tlbnMuZm9jdXNDb2xvcn0pYCxcbiAgICAgICAgb3V0bGluZVJhZGl1czogYHZhcigke3Rva2Vucy5pdGVtQm9yZGVyUmFkaXVzfSlgLFxuICAgICAgICBoYXNUcmFuc2l0aW9uOiBmYWxzZSxcbiAgICB9KX07XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRGYW1pbHl9KTtcbiAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5pdGVtRm9udFNpemV9KTtcbiAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRTdHlsZX0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRXZWlnaHRCb2xkfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5pdGVtRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1Gb250TGluZUhlaWdodH0pO1xuXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kfSk7XG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3J9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuaXRlbUJvcmRlclJhZGl1c30pO1xuXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy5pdGVtV2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtSGVpZ2h0fSk7XG5cbiAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdUb3B9KSB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdSaWdodH0pIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0JvdHRvbX0pXG4gICAgICAgIHZhcigke3Rva2Vucy5pdGVtUGFkZGluZ0xlZnR9KTtcblxuICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5Ub3B9KSB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpblJpZ2h0fSkgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5Cb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMuaXRlbU1hcmdpbkxlZnR9KTtcblxuICAgICY6aG92ZXI6bm90KC4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0pIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRIb3Zlcn0pO1xuICAgIH1cblxuICAgICYuJHtTdHJpbmcoY2xhc3Nlcy5jb21ib2JveEl0ZW1Jc1NlbGVjdGVkKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db2xvclNlbGVjdGVkfSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFNlbGVjdGVkfSk7XG5cbiAgICAgICAgJjpob3Zlcjpub3QoLiR7Y2xhc3Nlcy5jb21ib2JveEl0ZW1Jc0Rpc2FibGVkfSkge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kU2VsZWN0ZWRIb3Zlcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtiYXNlQ29udGVudH07XG5gO1xuIl19 */"));
+export var StyledText = /*#__PURE__*/_styled("div", {
+  target: "e1mabqxj0",
+  label: "plasma-new-hope__StyledText"
+})( /*#__PURE__*/applyEllipsis(), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJvQyIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvbWJvYm94L3VpL0NvbWJvYm94SXRlbS9Db21ib2JveEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMsIGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudExlZnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRMZWZ0V2lkdGh9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50TGVmdENvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFJpZ2h0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgIG1pbi13aWR0aDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UmlnaHRXaWR0aH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRSaWdodENvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgJHthcHBseUVsbGlwc2lzKCl9O1xuYDtcblxuLy8gSU5GTzog0JTQu9GPINCy0L7Qt9C80L7QttC90L7RgdGC0Lgg0L/QtdGA0LXQuNGB0L/QvtC70YzQt9C+0LLQsNC90LjRjyDRgdGC0LjQu9C10Lkg0LIg0LTRgNGD0LPQuNGFINC60L7QvNC/0L7QvdC10L3RgtCw0YVcbmV4cG9ydCBjb25zdCBiYXNlQ29udGVudCA9IGBcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICA6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6IGB2YXIoJHt0b2tlbnMuaXRlbUJvcmRlclJhZGl1c30pYCxcbiAgICAgICAgaGFzVHJhbnNpdGlvbjogZmFsc2UsXG4gICAgfSl9O1xuXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLml0ZW1Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLml0ZW1Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1Gb250V2VpZ2h0Qm9sZH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtRm9udExpbmVIZWlnaHR9KTtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1Cb3JkZXJSYWRpdXN9KTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbVdpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUhlaWdodH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nVG9wfSkgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nUmlnaHR9KSB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdMZWZ0fSk7XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luVG9wfSkgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5SaWdodH0pIHZhcigke3Rva2Vucy5pdGVtTWFyZ2luQm90dG9tfSlcbiAgICAgICAgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSk7XG5cbiAgICAmOmhvdmVyOm5vdCguJHtjbGFzc2VzLmNvbWJvYm94SXRlbUlzRGlzYWJsZWR9KSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuY29tYm9ib3hJdGVtSXNTZWxlY3RlZCl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3JTZWxlY3RlZH0pO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRTZWxlY3RlZH0pO1xuXG4gICAgICAgICY6aG92ZXI6bm90KC4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0pIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFNlbGVjdGVkSG92ZXJ9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbWJvYm94SXRlbUlzRGlzYWJsZWR9IHtcbiAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmRpc2FibGVkT3BhY2l0eX0pO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7YmFzZUNvbnRlbnR9O1xuYDtcbiJdfQ== */"));
+
+// INFO: Для возможности переиспользования стилей в других компонентах
+export var baseContent = /*#__PURE__*/"\n    box-sizing: content-box;\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    :focus {\n        outline: none;\n    }\n\n    ".concat(addFocus({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: "var(".concat(tokens.focusColor, ")"),
+  outlineRadius: "var(".concat(tokens.itemBorderRadius, ")"),
+  hasTransition: false
+}), ";\n\n    width: 100%;\n\n    font-family: var(").concat(tokens.itemFontFamily, ");\n    font-size: var(").concat(tokens.itemFontSize, ");\n    font-style: var(").concat(tokens.itemFontStyle, ");\n    font-weight: var(").concat(tokens.itemFontWeightBold, ");\n    letter-spacing: var(").concat(tokens.itemFontLetterSpacing, ");\n    line-height: var(").concat(tokens.itemFontLineHeight, ");\n\n    background: var(").concat(tokens.itemBackground, ");\n    color: var(").concat(tokens.itemColor, ");\n    border-radius: var(").concat(tokens.itemBorderRadius, ");\n\n    width: var(").concat(tokens.itemWidth, ");\n    height: var(").concat(tokens.itemHeight, ");\n\n    padding: var(").concat(tokens.itemPaddingTop, ") var(").concat(tokens.itemPaddingRight, ") var(").concat(tokens.itemPaddingBottom, ")\n        var(").concat(tokens.itemPaddingLeft, ");\n\n    margin: var(").concat(tokens.itemMarginTop, ") var(").concat(tokens.itemMarginRight, ") var(").concat(tokens.itemMarginBottom, ")\n        var(").concat(tokens.itemMarginLeft, ");\n\n    &:hover:not(.").concat(classes.comboboxItemIsDisabled, ") {\n        cursor: pointer;\n        background: var(").concat(tokens.itemBackgroundHover, ");\n    }\n\n    &.").concat(String(classes.comboboxItemIsSelected), " {\n        color: var(").concat(tokens.itemColorSelected, ");\n        background: var(").concat(tokens.itemBackgroundSelected, ");\n\n        &:hover:not(.").concat(classes.comboboxItemIsDisabled, ") {\n            background: var(").concat(tokens.itemBackgroundSelectedHover, ");\n        }\n    }\n\n    &.").concat(classes.comboboxItemIsDisabled, " {\n        opacity: var(").concat(tokens.disabledOpacity, ");\n        cursor: not-allowed;\n    }\n");
+export var base = /*#__PURE__*/css(baseContent, ";;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL0NvbWJvYm94SXRlbS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0Z1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0NvbWJvYm94L3VpL0NvbWJvYm94SXRlbS9Db21ib2JveEl0ZW0uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Db21ib2JveC50b2tlbnMnO1xuaW1wb3J0IHsgYWRkRm9jdXMsIGFwcGx5RWxsaXBzaXMgfSBmcm9tICcuLi8uLi8uLi8uLi9taXhpbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudExlZnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuXG4gICAgbWluLXdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRMZWZ0V2lkdGh9KTtcbiAgICBjb2xvcjogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50TGVmdENvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudFJpZ2h0ID0gc3R5bGVkLmRpdmBcbiAgICBtYXJnaW4tbGVmdDogYXV0bztcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcblxuICAgIG1pbi13aWR0aDogdmFyKCR7dG9rZW5zLml0ZW1Db250ZW50UmlnaHRXaWR0aH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbnRlbnRSaWdodENvbG9yfSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZC5kaXZgXG4gICAgJHthcHBseUVsbGlwc2lzKCl9O1xuYDtcblxuLy8gSU5GTzog0JTQu9GPINCy0L7Qt9C80L7QttC90L7RgdGC0Lgg0L/QtdGA0LXQuNGB0L/QvtC70YzQt9C+0LLQsNC90LjRjyDRgdGC0LjQu9C10Lkg0LIg0LTRgNGD0LPQuNGFINC60L7QvNC/0L7QvdC10L3RgtCw0YVcbmV4cG9ydCBjb25zdCBiYXNlQ29udGVudCA9IGBcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG5cbiAgICA6Zm9jdXMge1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICR7YWRkRm9jdXMoe1xuICAgICAgICBvdXRsaW5lU2l6ZTogJzAuMDYyNXJlbScsXG4gICAgICAgIG91dGxpbmVPZmZzZXQ6ICcwJyxcbiAgICAgICAgb3V0bGluZUNvbG9yOiBgdmFyKCR7dG9rZW5zLmZvY3VzQ29sb3J9KWAsXG4gICAgICAgIG91dGxpbmVSYWRpdXM6IGB2YXIoJHt0b2tlbnMuaXRlbUJvcmRlclJhZGl1c30pYCxcbiAgICAgICAgaGFzVHJhbnNpdGlvbjogZmFsc2UsXG4gICAgfSl9O1xuXG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLml0ZW1Gb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLml0ZW1Gb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLml0ZW1Gb250V2VpZ2h0Qm9sZH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuaXRlbUZvbnRMZXR0ZXJTcGFjaW5nfSk7XG4gICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5pdGVtRm9udExpbmVIZWlnaHR9KTtcblxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZH0pO1xuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuaXRlbUNvbG9yfSk7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLml0ZW1Cb3JkZXJSYWRpdXN9KTtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaXRlbVdpZHRofSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaXRlbUhlaWdodH0pO1xuXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nVG9wfSkgdmFyKCR7dG9rZW5zLml0ZW1QYWRkaW5nUmlnaHR9KSB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdCb3R0b219KVxuICAgICAgICB2YXIoJHt0b2tlbnMuaXRlbVBhZGRpbmdMZWZ0fSk7XG5cbiAgICBtYXJnaW46IHZhcigke3Rva2Vucy5pdGVtTWFyZ2luVG9wfSkgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5SaWdodH0pIHZhcigke3Rva2Vucy5pdGVtTWFyZ2luQm90dG9tfSlcbiAgICAgICAgdmFyKCR7dG9rZW5zLml0ZW1NYXJnaW5MZWZ0fSk7XG5cbiAgICAmOmhvdmVyOm5vdCguJHtjbGFzc2VzLmNvbWJvYm94SXRlbUlzRGlzYWJsZWR9KSB7XG4gICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLml0ZW1CYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICB9XG5cbiAgICAmLiR7U3RyaW5nKGNsYXNzZXMuY29tYm9ib3hJdGVtSXNTZWxlY3RlZCl9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5pdGVtQ29sb3JTZWxlY3RlZH0pO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuaXRlbUJhY2tncm91bmRTZWxlY3RlZH0pO1xuXG4gICAgICAgICY6aG92ZXI6bm90KC4ke2NsYXNzZXMuY29tYm9ib3hJdGVtSXNEaXNhYmxlZH0pIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5pdGVtQmFja2dyb3VuZFNlbGVjdGVkSG92ZXJ9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmNvbWJvYm94SXRlbUlzRGlzYWJsZWR9IHtcbiAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmRpc2FibGVkT3BhY2l0eX0pO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7YmFzZUNvbnRlbnR9O1xuYDtcbiJdfQ== */"));

package/emotion/es/components/Combobox/ui/ComboboxItem/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from '@emotion/react';
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC91aS9Db21ib2JveEl0ZW0vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));

package/emotion/es/components/Combobox/ui/ComboboxItem/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from '@emotion/react';
+export var base = /*#__PURE__*/css(";label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ29tYm9ib3gvdWkvQ29tYm9ib3hJdGVtL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Db21ib2JveC91aS9Db21ib2JveEl0ZW0vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl19 */"));

package/emotion/es/components/Combobox/ui/ComboboxTarget/ComboboxTarget.js

@@ -0,0 +1,218 @@
+var _excluded = ["values", "search", "label", "placeholder", "opened", "readOnly", "disabled", "enumerationType", "valueType", "size", "closedWithoutChanges", "id", "chipsRefs", "inputRef", "onChange", "onSearch", "onKeyDown"];
+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, useRef, useState } from 'react';
+import { classes } from '../../Combobox.tokens';
+import { cx } from '../../../../utils';
+import { ComboboxChip } from '../ComboboxChip/ComboboxChip';
+import { useFocusController, Keys } from '../../hooks';
+import { StyledArrow, StyledChips, StyledContent, StyledLabel, StyledComboboxInput, StyledComboboxInputHelper, StyledComboboxTarget, StyledText } from './ComboboxTarget.styles';
+var hasChips = classes.hasChips,
+  innerLabelUp = classes.innerLabelUp,
+  arrowInverse = classes.arrowInverse,
+  comboboxTargetArrow = classes.comboboxTargetArrow,
+  comboboxTargeText = classes.comboboxTargeText,
+  comboboxTargetInput = classes.comboboxTargetInput,
+  comboboxTargetLabel = classes.comboboxTargetLabel;
+
+/**
+ * Элемент для выпадающего списка
+ */
+export var ComboboxTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var values = _ref.values,
+    search = _ref.search,
+    label = _ref.label,
+    placeholder = _ref.placeholder,
+    opened = _ref.opened,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled,
+    enumerationType = _ref.enumerationType,
+    valueType = _ref.valueType,
+    size = _ref.size,
+    closedWithoutChanges = _ref.closedWithoutChanges,
+    id = _ref.id,
+    chipsRefs = _ref.chipsRefs,
+    inputRef = _ref.inputRef,
+    onChange = _ref.onChange,
+    onSearch = _ref.onSearch,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var contentRef = useRef(null);
+  var inputHelperRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    focused = _useState2[0],
+    setFocused = _useState2[1];
+  var controlledRefs = {
+    contentRef: contentRef,
+    inputHelperRef: inputHelperRef,
+    inputRef: inputRef
+  };
+  var textContent = values === null || values === void 0 ? void 0 : values.map(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      text = _ref3[1];
+    return text;
+  }).join(', ');
+  var hasValue = values === null || values === void 0 ? void 0 : values.some(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 1),
+      value = _ref5[0];
+    return value;
+  });
+  var isEnumerationComma = enumerationType === 'comma';
+  var isExtraSmall = size === 'xs';
+  var isInputNotEmpty = hasValue || search;
+  var isInputActive = !hasValue && (opened || focused && !readOnly);
+  var hasLabel = label && !isExtraSmall && isEnumerationComma;
+  var hasOnlyLabel = !placeholder || label;
+  var hasNoAnyTip = !placeholder && !label;
+  var placeholderValue = !label && !hasValue || isExtraSmall ? placeholder : undefined;
+  var withInnerLabelUp = !isExtraSmall && !hasNoAnyTip && hasOnlyLabel && (isInputActive || hasLabel && isInputNotEmpty) ? innerLabelUp : undefined;
+  var withArrowInverse = opened ? arrowInverse : undefined;
+  var withHasChips = hasValue && enumerationType === 'chip' ? hasChips : undefined;
+  var isLabelVisible = !hasValue && !isExtraSmall || hasLabel;
+  var isEnumerationVisible = hasValue && valueType !== 'single';
+  var onChipClick = function onChipClick(event) {
+    return event.stopPropagation();
+  };
+  var _useFocusController = useFocusController({
+      controlledRefs: controlledRefs,
+      opened: opened,
+      hasValue: hasValue,
+      textContent: textContent,
+      search: search,
+      values: values,
+      valueType: valueType,
+      readOnly: readOnly,
+      closedWithoutChanges: closedWithoutChanges,
+      updateFocused: setFocused,
+      updateSearch: onSearch,
+      onChipClick: onChipClick
+    }),
+    onClickText = _useFocusController.onClickText,
+    onFocusInput = _useFocusController.onFocusInput,
+    onBlurInput = _useFocusController.onBlurInput;
+  var onChipClear = function onChipClear(value, text, index) {
+    var newValue = values === null || values === void 0 ? void 0 : values.filter(function (_ref6) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+        itemValue = _ref7[0],
+        itemText = _ref7[1];
+      return !(itemValue === value && itemText === text);
+    }).map(function (_ref8) {
+      var _ref9 = _slicedToArray(_ref8, 1),
+        itemValue = _ref9[0];
+      return itemValue;
+    });
+    chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.splice(index, 1);
+    onChange === null || onChange === void 0 || onChange(newValue);
+  };
+  var onChipKeyDown = function onChipKeyDown(value, text, index, event) {
+    var code = event.code;
+    if (code === Keys.Tab) {
+      event.preventDefault();
+    }
+    if (code === Keys.Backspace) {
+      onChipClear(value, text, index);
+    }
+  };
+  var onKeyDownInput = function onKeyDownInput(event) {
+    var _event$currentTarget;
+    var code = event.code;
+    if (opened && code === Keys.Tab) {
+      event.preventDefault();
+    }
+    if (code === Keys.Backspace && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.value.length)) {
+      var newValue = values === null || values === void 0 ? void 0 : values.map(function (_ref10) {
+        var _ref11 = _slicedToArray(_ref10, 1),
+          itemValue = _ref11[0];
+        return itemValue;
+      });
+      newValue === null || newValue === void 0 || newValue.pop();
+      chipsRefs === null || chipsRefs === void 0 || chipsRefs.current.pop();
+      onChange === null || onChange === void 0 || onChange(newValue);
+    }
+  };
+  var onChangeInput = function onChangeInput(event) {
+    onSearch === null || onSearch === void 0 || onSearch(event.currentTarget.value);
+  };
+  var onWheel = function onWheel(event) {
+    var deltaY = event.deltaY;
+    if (contentRef.current) {
+      contentRef.current.scrollLeft += Math.round(deltaY);
+    }
+  };
+  var getRef = function getRef(element, index) {
+    if (element && chipsRefs && chipsRefs.current) {
+      chipsRefs.current[index] = element;
+    }
+  };
+
+  // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов
+  if (chipsRefs) {
+    chipsRefs.current = [];
+  }
+  return /*#__PURE__*/React.createElement(StyledComboboxTarget, _extends({
+    ref: ref,
+    opened: opened,
+    readOnly: readOnly,
+    disabled: disabled,
+    title: textContent,
+    "aria-label": label,
+    className: cx(withInnerLabelUp, withHasChips),
+    onWheel: onWheel,
+    onKeyDown: onKeyDown
+  }, rest), /*#__PURE__*/React.createElement(StyledContent, {
+    tabIndex: -1,
+    ref: contentRef,
+    className: withHasChips
+  }, isEnumerationVisible && (isEnumerationComma ? /*#__PURE__*/React.createElement(StyledText, {
+    className: comboboxTargeText,
+    onClick: onClickText
+  }, textContent) : /*#__PURE__*/React.createElement(StyledChips, null, values === null || values === void 0 ? void 0 : values.map(function (_ref12, index) {
+    var _ref13 = _slicedToArray(_ref12, 2),
+      value = _ref13[0],
+      text = _ref13[1];
+    return /*#__PURE__*/React.createElement(ComboboxChip, {
+      index: index,
+      ref: function ref(element) {
+        return getRef(element, index);
+      },
+      key: "".concat(value, "_").concat(text),
+      disabled: disabled,
+      readOnly: readOnly,
+      value: value,
+      text: text,
+      onClear: function onClear(v, t) {
+        return onChipClear(v, t, index);
+      },
+      onClick: onChipClick,
+      onKeyDown: onChipKeyDown
+    });
+  }))), /*#__PURE__*/React.createElement(StyledComboboxInput, {
+    ref: inputRef,
+    role: "textbox",
+    className: comboboxTargetInput,
+    value: search,
+    placeholder: placeholderValue,
+    disabled: disabled,
+    readOnly: readOnly,
+    onFocus: onFocusInput,
+    onBlur: onBlurInput,
+    onChange: onChangeInput,
+    onKeyDown: onKeyDownInput
+  }), valueType === 'multiple' && /*#__PURE__*/React.createElement(StyledComboboxInputHelper, {
+    ref: inputHelperRef
+  }, search)), isLabelVisible && /*#__PURE__*/React.createElement(StyledLabel, {
+    className: comboboxTargetLabel,
+    htmlFor: id
+  }, label), /*#__PURE__*/React.createElement(StyledArrow, {
+    size: "s",
+    className: cx(comboboxTargetArrow, withArrowInverse)
+  }));
+});