@salutejs/plasma-new-hope 0.88.0-canary.1233.9508031978.0 → 0.88.0-canary.1249.9498851415.0

package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/ui/SelectGroup/variations/_view/tokens.json

@@ -0,0 +1,10 @@
+[
+    "--plasma-select-group-background",
+    "--plasma-select-group-label-color",
+    "--plasma-select-group-label-font-family",
+    "--plasma-select-group-label-font-size",
+    "--plasma-select-group-label-font-style",
+    "--plasma-select-group-label-font-weight",
+    "--plasma-select-group-label-letter-spacing",
+    "--plasma-select-group-label-line-height"
+]

package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.js

@@ -0,0 +1,23 @@
+import { dropdownHeaderRoot } from '../../../Dropdown';
+import { base as viewCSS } from './variations/_view/base';
+import { base as sizeCSS } from './variations/_size/base';
+import { base } from './SelectHeader.styles';
+export var selectHeaderRoot = dropdownHeaderRoot;
+export var selectHeaderConfig = {
+  name: 'SelectHeader',
+  tag: 'div',
+  layout: selectHeaderRoot,
+  base: base,
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/es/components/Select/ui/SelectHeader/SelectHeader.styles.js

@@ -0,0 +1,7 @@
+import { css } from 'styled-components';
+import { tokens } from '../../Select.tokens';
+import { dropdownTokens } from '../../../Dropdown';
+
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+export var mappingOverride = /*#__PURE__*/css(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], dropdownTokens.headerBackground, tokens.headerBackground, dropdownTokens.headerWidth, tokens.headerWidth, dropdownTokens.headerHeight, tokens.headerHeight, dropdownTokens.headerPaddingTop, tokens.headerPaddingTop, dropdownTokens.headerPaddingRight, tokens.headerPaddingRight, dropdownTokens.headerPaddingBottom, tokens.headerPaddingBottom, dropdownTokens.headerPaddingLeft, tokens.headerPaddingLeft, dropdownTokens.headerMarginTop, tokens.headerMarginTop, dropdownTokens.headerMarginRight, tokens.headerMarginRight, dropdownTokens.headerMarginBottom, tokens.headerMarginBottom, dropdownTokens.headerMarginLeft, tokens.headerMarginLeft, dropdownTokens.headerFontFamily, tokens.headerFontFamily, dropdownTokens.headerFontSize, tokens.headerFontSize, dropdownTokens.headerFontStyle, tokens.headerFontStyle, dropdownTokens.headerFontWeightBold, tokens.headerFontWeightBold, dropdownTokens.headerFontLetterSpacing, tokens.headerFontLetterSpacing, dropdownTokens.headerFontLineHeight, tokens.headerFontLineHeight);
+export var base = mappingOverride;

package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/ui/SelectHeader/variations/_size/tokens.json

@@ -0,0 +1,12 @@
+[
+    "--plasma-select-header-width",
+    "--plasma-select-header-height",
+    "--plasma-select-header-padding-top",
+    "--plasma-select-header-padding-right",
+    "--plasma-select-header-padding-bottom",
+    "--plasma-select-header-padding-left",
+    "--plasma-select-header-margin-top",
+    "--plasma-select-header-margin-right",
+    "--plasma-select-header-margin-bottom",
+    "--plasma-select-header-margin-left"
+]

package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/ui/SelectHeader/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-select-header-background",
+    "--plasma-select-header-font-family",
+    "--plasma-select-header-font-size",
+    "--plasma-select-header-font-style",
+    "--plasma-select-header-letter-spacing",
+    "--plasma-select-header-line-height",
+    "--plasma-select-header-font-weight"
+]

package/styled-components/es/components/Select/ui/SelectItem/SelectItem.js

@@ -0,0 +1,23 @@
+import { dropdownItemOldRoot } from '../../../Dropdown';
+import { base as viewCSS } from './variations/_view/base';
+import { base as sizeCSS } from './variations/_size/base';
+import { base } from './SelectItem.styles';
+export var selectItemRoot = dropdownItemOldRoot;
+export var selectItemConfig = {
+  name: 'SelectItem',
+  tag: 'div',
+  layout: selectItemRoot,
+  base: base,
+  variations: {
+    view: {
+      css: viewCSS
+    },
+    size: {
+      css: sizeCSS
+    }
+  },
+  defaults: {
+    view: 'primary',
+    size: 'm'
+  }
+};

package/styled-components/es/components/Select/ui/SelectItem/SelectItem.styles.js

@@ -0,0 +1,8 @@
+import { css } from 'styled-components';
+import { tokens } from '../../Select.tokens';
+import { dropdownTokens } from '../../../Dropdown';
+import { baseContent as dropdownItemBase } from '../../../Dropdown/ui/DropdownItemOld/DropdownItem.styles';
+
+// NOTE: Необходимое переопределение токенов из компонента DropdownItem т.к. используются его части
+export var mappingOverride = /*#__PURE__*/"\n    ".concat(dropdownTokens.itemBackground, ": var(").concat(tokens.itemBackground, ");\n    ").concat(dropdownTokens.itemColor, ": var(").concat(tokens.itemColor, ");\n    ").concat(dropdownTokens.itemBackgroundHover, ": var(").concat(tokens.itemBackgroundHover, ");\n    ").concat(dropdownTokens.itemBackgroundSelected, ": var(").concat(tokens.itemBackgroundSelected, ");\n    ").concat(dropdownTokens.itemColorSelected, ": var(").concat(tokens.itemColorSelected, ");\n    ").concat(dropdownTokens.itemBackgroundSelectedHover, ": var(").concat(tokens.itemBackgroundSelectedHover, ");\n    ").concat(dropdownTokens.itemColorSelectedHover, ": var(").concat(tokens.itemColorSelectedHover, ");\n    ").concat(dropdownTokens.itemContentLeftColor, ": var(").concat(tokens.itemContentLeftColor, ");\n    ").concat(dropdownTokens.itemContentRightColor, ": var(").concat(tokens.itemContentRightColor, ");\n    ").concat(dropdownTokens.disabledOpacity, ": var(").concat(tokens.disabledOpacity, ");\n    ").concat(dropdownTokens.focusColor, ": var(").concat(tokens.focusColor, ");\n    ").concat(dropdownTokens.itemWidth, ": var(").concat(tokens.itemWidth, ");\n    ").concat(dropdownTokens.itemHeight, ": var(").concat(tokens.itemHeight, ");\n    ").concat(dropdownTokens.itemBorderRadius, ": var(").concat(tokens.itemBorderRadius, ");\n    ").concat(dropdownTokens.itemPaddingTop, ": var(").concat(tokens.itemPaddingTop, ");\n    ").concat(dropdownTokens.itemPaddingRight, ": var(").concat(tokens.itemPaddingRight, ");\n    ").concat(dropdownTokens.itemPaddingBottom, ": var(").concat(tokens.itemPaddingBottom, ");\n    ").concat(dropdownTokens.itemPaddingLeft, ": var(").concat(tokens.itemPaddingLeft, ");\n    ").concat(dropdownTokens.itemMarginTop, ": var(").concat(tokens.itemMarginTop, ");\n    ").concat(dropdownTokens.itemMarginRight, ": var(").concat(tokens.itemMarginRight, ");\n    ").concat(dropdownTokens.itemMarginBottom, ": var(").concat(tokens.itemMarginBottom, ");\n    ").concat(dropdownTokens.itemMarginLeft, ": var(").concat(tokens.itemMarginLeft, ");\n    ").concat(dropdownTokens.itemFontFamily, ": var(").concat(tokens.itemFontFamily, ");\n    ").concat(dropdownTokens.itemFontSize, ": var(").concat(tokens.itemFontSize, ");\n    ").concat(dropdownTokens.itemFontStyle, ": var(").concat(tokens.itemFontStyle, ");\n    ").concat(dropdownTokens.itemFontWeightBold, ": var(").concat(tokens.itemFontWeightBold, ");\n    ").concat(dropdownTokens.itemFontLetterSpacing, ": var(").concat(tokens.itemFontLetterSpacing, ");\n    ").concat(dropdownTokens.itemFontLineHeight, ": var(").concat(tokens.itemFontLineHeight, ");\n    ").concat(dropdownTokens.itemContentLeftWidth, ": var(").concat(tokens.itemContentLeftWidth, ");\n    ").concat(dropdownTokens.itemContentRightWidth, ": var(").concat(tokens.itemContentRightWidth, ");\n");
+export var base = /*#__PURE__*/css(["", ";", ";"], dropdownItemBase, mappingOverride);

package/styled-components/es/components/Select/ui/SelectItem/variations/_size/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/ui/SelectItem/variations/_size/tokens.json

@@ -0,0 +1,19 @@
+[
+    "--plasma-select-item-width",
+    "--plasma-select-item-height",
+    "--plasma-select-item-padding-top",
+    "--plasma-select-item-padding-right",
+    "--plasma-select-item-padding-bottom",
+    "--plasma-select-item-padding-left",
+    "--plasma-select-item-margin-top",
+    "--plasma-select-item-margin-right",
+    "--plasma-select-item-margin-bottom",
+    "--plasma-select-item-margin-left",
+    "--plasma-select-item-border-radius",
+    "--plasma-select-item-font-family",
+    "--plasma-select-item-font-size",
+    "--plasma-select-item-font-style",
+    "--plasma-select-item-letter-spacing",
+    "--plasma-select-item-line-height",
+    "--plasma-select-item-font-weight"
+]

package/styled-components/es/components/Select/ui/SelectItem/variations/_view/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/ui/SelectItem/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-select-item-background",
+    "--plasma-select-item-color",
+    "--plasma-select-item-background-hover",
+    "--plasma-select-item-background-selected",
+    "--plasma-select-item-color-selected",
+    "--plasma-select-item-background-selected-hover",
+    "--plasma-select-item-color-selected-hover"
+]

package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js

@@ -0,0 +1,148 @@
+var _excluded = ["values", "target", "label", "opened", "readOnly", "disabled", "enumerationType", "size", "id", "chipsRefs", "onChange", "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, useCallback, useRef } from 'react';
+import { classes } from '../../Select.tokens';
+import { cx } from '../../../../utils';
+import { SelectChip } from '../SelectChip/SelectChip';
+import { Keys } from '../../hooks/useKeyNavigation';
+import { StyledArrow, StyledChips, StyledChipsWrapper, StyledLabel, StyledSelectTarget, StyledText } from './SelectTarget.styles';
+var hasNoFocus = classes.hasNoFocus,
+  hasChips = classes.hasChips,
+  innerLabelUp = classes.innerLabelUp,
+  arrowInverse = classes.arrowInverse,
+  selectTarget = classes.selectTarget,
+  selectTargetArrow = classes.selectTargetArrow,
+  selectTargeText = classes.selectTargeText,
+  selectTargetLabel = classes.selectTargetLabel;
+
+/**
+ * Элемент для выпадающего списка
+ */
+export var SelectTarget = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var values = _ref.values,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? 'textField-like' : _ref$target,
+    label = _ref.label,
+    opened = _ref.opened,
+    readOnly = _ref.readOnly,
+    disabled = _ref.disabled,
+    enumerationType = _ref.enumerationType,
+    size = _ref.size,
+    id = _ref.id,
+    chipsRefs = _ref.chipsRefs,
+    onChange = _ref.onChange,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var hasText = Boolean(values === null || values === void 0 ? void 0 : values.some(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      value = _ref3[0];
+    return value;
+  }));
+  var hasLabel = label && size !== 'xs' && target === 'textField-like';
+  var textContent = values === null || values === void 0 ? void 0 : values.map(function (_ref4) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+      text = _ref5[1];
+    return text;
+  }).join(', ');
+  var contentRef = useRef(null);
+  var withArrowInverse = opened ? arrowInverse : undefined;
+  var withInnerLabelUp = hasLabel && hasText ? innerLabelUp : undefined;
+  var withHasChips = hasText && enumerationType === 'chip' && target === 'textField-like' ? hasChips : undefined;
+  var withNoFocus = target === 'textField-like' ? hasNoFocus : undefined;
+  var isLabelVisible = !hasText || hasLabel && enumerationType === 'comma';
+  var onChipClick = useCallback(function (event) {
+    event.stopPropagation();
+  }, []);
+  var onChipClear = useCallback(function (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);
+  }, [values, onChange]);
+  var onChipKeyDown = useCallback(function (value, text, index, event) {
+    var code = event.code,
+      shiftKey = event.shiftKey;
+    if (code === Keys.Tab || code === Keys.Tab && shiftKey) {
+      event.preventDefault();
+    }
+    if (code === Keys.Backspace) {
+      onChipClear(value, text, index);
+    }
+  }, [onChipClear]);
+  var onWheel = useCallback(function (event) {
+    var deltaY = event.deltaY;
+    if (contentRef.current) {
+      contentRef.current.scrollLeft += Math.round(deltaY);
+    }
+  }, []);
+  var getRef = useCallback(function (element, index) {
+    if (element && chipsRefs && chipsRefs.current) {
+      chipsRefs.current[index] = element;
+    }
+  }, []);
+
+  // INFO: Нужно очищать на каждый ререндер компонента для актуализации состояния рефов
+  if (chipsRefs) {
+    chipsRefs.current = [];
+  }
+  return /*#__PURE__*/React.createElement(StyledSelectTarget, _extends({}, rest, {
+    ref: ref,
+    opened: opened,
+    target: target,
+    readOnly: readOnly,
+    disabled: disabled,
+    title: textContent,
+    "aria-label": label,
+    className: cx(withInnerLabelUp, withHasChips, withNoFocus, selectTarget),
+    onWheel: onWheel,
+    onKeyDown: onKeyDown,
+    stretching: "filled"
+  }), hasText && (enumerationType === 'comma' || target === 'button-like' ? /*#__PURE__*/React.createElement(StyledText, {
+    className: selectTargeText
+  }, textContent) : /*#__PURE__*/React.createElement(StyledChipsWrapper, {
+    ref: contentRef
+  }, /*#__PURE__*/React.createElement(StyledChips, null, values === null || values === void 0 ? void 0 : values.map(function (_ref10, index) {
+    var _ref11 = _slicedToArray(_ref10, 2),
+      value = _ref11[0],
+      text = _ref11[1];
+    return /*#__PURE__*/React.createElement(SelectChip, {
+      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
+    });
+  })))), isLabelVisible && /*#__PURE__*/React.createElement(StyledLabel, {
+    className: selectTargetLabel,
+    htmlFor: id
+  }, label), /*#__PURE__*/React.createElement(StyledArrow, {
+    size: "s",
+    color: "inherit",
+    className: cx(selectTargetArrow, withArrowInverse)
+  }));
+});

package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.styles.js

@@ -0,0 +1,62 @@
+import styled from 'styled-components';
+import { IconChevronDown } from '../../../_Icon';
+import { addFocus, applyEllipsis } from '../../../../mixins';
+import { component, mergeConfig } from '../../../../engines';
+import { buttonConfig, buttonTokens } from '../../../Button';
+import { classes, tokens } from '../../Select.tokens';
+var hasChips = classes.hasChips,
+  hasNoFocus = classes.hasNoFocus,
+  innerLabelUp = classes.innerLabelUp,
+  arrowInverse = classes.arrowInverse,
+  selectTargetArrow = classes.selectTargetArrow,
+  selectTargeText = classes.selectTargeText,
+  selectTargetLabel = classes.selectTargetLabel;
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+
+// NOTE: Необходимое переопределение токенов из компонента Button т.к. используются его части
+export var StyledSelectTarget = /*#__PURE__*/styled(Button).withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-0"
+})(["", ":var(", ");", ":var(", ");", ":", ";", ":", ";", ":", ";", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");box-shadow:inset 0 0 0 0.0625rem ", ";&:hover:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem ", ";}&:active:not([disabled]):not([readonly]){box-shadow:inset 0 0 0 0.0625rem ", ";}padding:", ";display:flex;justify-content:flex-start;&[readonly]{cursor:default;.", "{opacity:0.4;}}.", "{transform:rotate(-180deg);}&.", "{padding:var(", ");}&.", "{.", "{top:var(", ");}.", "{top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}}&.", "{--plasma_private-combobox-focus-size:0.0625rem;", "}"], buttonTokens.buttonDisabledOpacity, tokens.disabledOpacity, buttonTokens.buttonColor, tokens.targetColor, buttonTokens.buttonBackgroundColor, function (_ref) {
+  var opened = _ref.opened;
+  return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColor, ")");
+}, buttonTokens.buttonBackgroundColorHover, function (_ref2) {
+  var opened = _ref2.opened;
+  return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorHover, ")");
+}, buttonTokens.buttonBackgroundColorActive, function (_ref3) {
+  var opened = _ref3.opened;
+  return opened ? "var(".concat(tokens.targetBackgroundColorOpen, ")") : "var(".concat(tokens.targetBackgroundColorActive, ")");
+}, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, tokens.targetWidth, buttonTokens.buttonRadius, tokens.targetRadius, buttonTokens.buttonFontFamily, tokens.targetFontFamily, buttonTokens.buttonFontSize, tokens.targetFontSize, buttonTokens.buttonFontStyle, tokens.targetFontStyle, buttonTokens.buttonFontWeight, tokens.targetFontWeight, buttonTokens.buttonLetterSpacing, tokens.targetLetterSpacing, buttonTokens.buttonLineHeight, tokens.targetLineHeight, buttonTokens.buttonFocusColor, tokens.focusColor, function (_ref4) {
+  var opened = _ref4.opened;
+  return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColor, ")");
+}, function (_ref5) {
+  var opened = _ref5.opened;
+  return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorHover, ")");
+}, function (_ref6) {
+  var opened = _ref6.opened;
+  return opened ? "var(".concat(tokens.targetBorderColorOpen, ")") : "var(".concat(tokens.targetBorderColorActive, ")");
+}, function (_ref7) {
+  var target = _ref7.target;
+  return target === 'textField-like' ? "var(".concat(tokens.targetPaddingWithInput, ")") : "var(".concat(tokens.targetPadding, ")");
+}, /*#__PURE__*/String(selectTargetArrow), /*#__PURE__*/String(arrowInverse), /*#__PURE__*/String(hasChips), tokens.targetPaddingHasChips, /*#__PURE__*/String(innerLabelUp), /*#__PURE__*/String(selectTargeText), tokens.targetInnerTop, /*#__PURE__*/String(selectTargetLabel), tokens.targetLabelInnerTop, tokens.targetLabelInnerFontFamily, tokens.targetLabelInnerFontSize, tokens.targetLabelInnerFontStyle, tokens.targetLabelInnerFontWeight, tokens.targetLabelInnerLetterSpacing, tokens.targetLabelInnerLineHeight, /*#__PURE__*/String(hasNoFocus), /*#__PURE__*/addFocus({
+  hasTransition: false,
+  outlineOffset: 'calc(-1 * var(--plasma_private-combobox-focus-size))',
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.targetRadius, ") + var(--plasma_private-combobox-focus-size))"),
+  outlineSize: 'var(--plasma_private-combobox-focus-size)',
+  customFocusRules: /*#__PURE__*/"\n                &:focus-within {\n                    box-shadow: none;\n                    background-color: var(".concat(tokens.targetBackgroundColorOpen, ");\n\n                    &::before {\n                        box-shadow: inset 0 0 0 var(--plasma_private-combobox-focus-size) var(").concat(tokens.targetBorderColorOpen, ");\n                    }\n                }\n            ")
+}));
+export var StyledArrow = /*#__PURE__*/styled(IconChevronDown).withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-1"
+})(["transition:color 0.3s ease-in,transform 0.15s ease-in;pointer-events:none;user-select:none;position:absolute;right:var(", ");color:var(", ");"], tokens.targetArrowRight, tokens.targetArrowColor);
+export var StyledText = /*#__PURE__*/styled.span.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-2"
+})(["", ";position:relative;pointer-events:none;user-select:none;color:var(", ");"], /*#__PURE__*/applyEllipsis(), tokens.targetColor);
+export var StyledChipsWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-3"
+})(["border-radius:var(", ");overflow:scroll;position:relative;width:100%;height:var(", ");display:flex;align-items:center;::-webkit-scrollbar{display:none;}scrollbar-width:none;overscroll-behavior:contain;"], tokens.chipBorderRadius, tokens.chipHeight);
+export var StyledChips = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-4"
+})(["overflow:visible;display:flex;gap:var(", ");position:absolute;user-select:none;"], tokens.chipGap);
+export var StyledLabel = /*#__PURE__*/styled.label.withConfig({
+  componentId: "plasma-new-hope__sc-s16vtc-5"
+})(["", ";box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;width:100%;height:auto;color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], /*#__PURE__*/applyEllipsis(), tokens.targetLabelColor, tokens.targetFontFamily, tokens.targetFontSize, tokens.targetFontStyle, tokens.targetFontWeight, tokens.targetLetterSpacing, tokens.targetLineHeight);

package/styled-components/es/components/Select/ui/index.js

@@ -0,0 +1,6 @@
+export { selectDividerRoot, selectDividerConfig } from './SelectDivider/SelectDivider';
+export { selectFooterRoot, selectFooterConfig } from './SelectFooter/SelectFooter';
+export { selectGroupRoot, selectGroupConfig } from './SelectGroup/SelectGroup';
+export { selectHeaderRoot, selectHeaderConfig } from './SelectHeader/SelectHeader';
+export { selectItemRoot, selectItemConfig } from './SelectItem/SelectItem';
+export { SelectTarget } from './SelectTarget/SelectTarget';

package/styled-components/es/components/Select/utils/index.js

@@ -1,8 +1,106 @@
-export { initialItemsTransform } from './initialItemsTransform';
-export { updateDescendants } from './updateDescendants';
-export { updateAncestors } from './updateAncestors';
-export { updateSingleAncestors } from './updateSingleAncestors';
-export { sizeToIconSize } from './sizeToIconSize';
-export { getCorrectHeight } from './getCorrectHeight';
-export { getView } from './getView';
-export { getButtonLabel } from './getButtonLabel';
+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); }
+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); }
+import { Children, cloneElement, isValidElement } from 'react';
+export var getNewSelected = function getNewSelected(selected, newValue, type) {
+  if (newValue === undefined || newValue === null) {
+    return newValue;
+  }
+  if ((type === 'single' || type === 'native') && (typeof newValue === 'string' || typeof newValue === 'number' || typeof newValue === 'boolean')) {
+    return newValue;
+  }
+  var newSelected = selected || [];
+  var set = new Set(newSelected);
+  if (set.has(newValue)) {
+    set["delete"](newValue);
+  } else {
+    set.add(newValue);
+  }
+  return Array.from(set);
+};
+var getChildrenInnerText = function getChildrenInnerText(children) {
+  if (!children || typeof children === 'string') {
+    return children;
+  }
+  return getChildrenInnerText(children.props.children);
+};
+export var getValues = function getValues(items, value) {
+  var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  items.forEach(function (item) {
+    if (item.props === undefined) {
+      return result;
+    }
+    var newValue = item.props.value;
+    if (item.props.children && Array.isArray(item.props.children)) {
+      return getValues(item.props.children, value, result);
+    }
+    if (!Array.isArray(value) && newValue === value || Array.isArray(value) && value !== null && value !== void 0 && value.find(function (v) {
+      return newValue === v;
+    })) {
+      var index = Array.isArray(value) && (value === null || value === void 0 ? void 0 : value.findIndex(function (v) {
+        return newValue === v;
+      })) || 0;
+      if (item.props.text) {
+        var _newText = item.props.text;
+        result[index] = [newValue, _newText];
+        return;
+      }
+      var newText = getChildrenInnerText(item.props.children);
+      result[index] = [newValue, newText];
+    }
+    return result;
+  });
+  return result;
+};
+var getChildrenItemChecked = function getChildrenItemChecked(value, child) {
+  return !Array.isArray(value) && (child === null || child === void 0 ? void 0 : child.props.value) === value || Array.isArray(value) && Boolean(value === null || value === void 0 ? void 0 : value.find(function (v) {
+    return (child === null || child === void 0 ? void 0 : child.props.value) === v;
+  }));
+};
+
+// INFO: Функция для рекурсивного обновления пропсов
+export var updatePropsRecursively = function updatePropsRecursively(children, externalProps, value, search, filterFunction) {
+  return Children.map(children || [], function (child) {
+    if (! /*#__PURE__*/isValidElement(child)) {
+      return child;
+    }
+    var hasValue = ('value' in (child === null || child === void 0 ? void 0 : child.props));
+    var props = _objectSpread({
+      key: "".concat(value, "$"),
+      checked: getChildrenItemChecked(value, child)
+    }, hasValue && {
+      ref: function ref(element) {
+        var _externalProps$childr;
+        if (externalProps !== null && externalProps !== void 0 && (_externalProps$childr = externalProps.childrenRefs) !== null && _externalProps$childr !== void 0 && _externalProps$childr.current && element) {
+          externalProps.childrenRefs.current.push(element);
+        }
+      },
+      onClick: function onClick(event) {
+        var _child$props$onClick, _child$props, _externalProps$onClic;
+        (_child$props$onClick = (_child$props = child.props).onClick) === null || _child$props$onClick === void 0 || _child$props$onClick.call(_child$props, event);
+        externalProps === null || externalProps === void 0 || (_externalProps$onClic = externalProps.onClick) === null || _externalProps$onClic === void 0 || _externalProps$onClic.call(externalProps, event);
+      }
+    });
+    var updatedChild = updatePropsRecursively(child.props.children, externalProps, value, search, filterFunction);
+    if (filterFunction) {
+      var _child$props2;
+      var text = ((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.text) || '';
+      return filterFunction(text, search) ? /*#__PURE__*/cloneElement(child, props, updatedChild) : null;
+    }
+    return /*#__PURE__*/cloneElement(child, props, updatedChild);
+  });
+};
+var defaultFilterFunction = function defaultFilterFunction(text) {
+  var filterValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return text.includes(filterValue);
+};
+export var getChildren = function getChildren(children, externalProps, value, search) {
+  var filterFunction = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : defaultFilterFunction;
+  if (externalProps.childrenRefs) {
+    externalProps.childrenRefs.current = [];
+  }
+  return updatePropsRecursively(children, externalProps, value, search, filterFunction);
+};

package/styled-components/es/components/Select/variations/_target/base.js

@@ -0,0 +1,2 @@
+import { css } from 'styled-components';
+export var base = /*#__PURE__*/css([""]);

package/styled-components/es/components/Select/variations/_target/tokens.json

@@ -0,0 +1 @@
+[]

package/styled-components/es/components/_Icon/index.js

@@ -6,6 +6,4 @@ export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
 export { IconChevronDown } from './Icons/IconChevronDown';
 export { IconClose } from './Icons/IconClose';
 export { IconCross } from './Icons/IconCross';
-export { IconDone } from './Icons/IconDone';
-export { IconDisclosureRightCentered } from './Icons/IconDisclosureRightCentered';
-export { IconDisclosureDownCentered } from './Icons/IconDisclosureDownCentered';
+export { IconDone } from './Icons/IconDone';

package/styled-components/es/examples/_helpers.js

@@ -16,7 +16,7 @@ export var WithTheme = function WithTheme(Story, context) {
     className: themes === null || themes === void 0 || (_themes$themeName = themes[themeName]) === null || _themes$themeName === void 0 ? void 0 : _themes$themeName[themeType],
     style: {
       padding: '1rem',
-      minHeight: '100vh',
+      height: '100vh',
       boxSizing: 'border-box'
     }
   }, /*#__PURE__*/React.createElement(Story, null));