@salutejs/plasma-new-hope 0.93.0-canary.1224.9666441939.0 → 0.93.0-canary.1233.9692693420.0

package/styled-components/cjs/components/Select/Select.styles.js

@@ -1,35 +1,40 @@
 "use strict";
 
+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); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSelect = exports.StyledRoot = exports.StyledPopover = exports.StyledNativeSelect = void 0;
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+exports.base = exports.Ul = exports.StyledPopover = exports.OuterLabel = exports.HelperText = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
 var _engines = /*#__PURE__*/require("../../engines");
 var _Popover = /*#__PURE__*/require("../Popover");
+var _utils = /*#__PURE__*/require("./utils");
 var _Select = /*#__PURE__*/require("./Select.tokens");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var nativeSelectVisible = _Select.classes.nativeSelectVisible,
-  selectTarget = _Select.classes.selectTarget;
-var StyledRoot = exports.StyledRoot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-le54jv-0"
-})(["width:100%;position:relative;.", "{display:block;}& .", "{display:block;}"], /*#__PURE__*/String(nativeSelectVisible), _Popover.popoverClasses.wrapper);
-var StyledSelect = exports.StyledSelect = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-new-hope__sc-le54jv-1"
-})(["box-sizing:border-box;overflow-y:auto;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:var(", ");height:var(", ");padding:var(", ") var(", ") var(", ") var(", ");"], _Select.tokens.background, _Select.tokens.boxShadow, _Select.tokens.borderRadius, _Select.tokens.width, _Select.tokens.height, _Select.tokens.paddingTop, _Select.tokens.paddingRight, _Select.tokens.paddingBottom, _Select.tokens.paddingLeft);
-
-// issue #823
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var Popover = /*#__PURE__*/(0, _engines.component)(_Popover.popoverConfig);
 var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["default"])(Popover).withConfig({
+  componentId: "plasma-new-hope__sc-le54jv-0"
+})([".", ",.", "{width:100%;}"], /*#__PURE__*/String(_Popover.popoverClasses.root), /*#__PURE__*/String(_Popover.popoverClasses.target));
+var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
+  componentId: "plasma-new-hope__sc-le54jv-1"
+})(["box-sizing:border-box;background:var(", ");box-shadow:var(", ");border-radius:var(", ");width:", ";height:", ";overflow:", ";margin:", ";padding:var(", ");"], _Select.constants.background, _Select.constants.boxShadow, _Select.tokens.borderRadius, function (_ref) {
+  var listWidth = _ref.listWidth;
+  return listWidth || '100%';
+}, function (_ref2) {
+  var listHeight = _ref2.listHeight;
+  return listHeight ? (0, _utils.getCorrectHeight)(listHeight) : 'auto';
+}, function (_ref3) {
+  var listOverflow = _ref3.listOverflow;
+  return listOverflow || 'initial';
+}, function (_ref4) {
+  var isInnerUl = _ref4.isInnerUl;
+  return isInnerUl ? "calc(var(".concat(_Select.tokens.padding, ") * -1) 0 0 var(").concat(_Select.tokens.padding, ")") : 0;
+}, _Select.tokens.padding);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", ",.", "{display:block;}"], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target);
+var OuterLabel = exports.OuterLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-2"
-})(["display:block;.", ",.", "{width:", ";}"], /*#__PURE__*/String(_Popover.popoverClasses.root), /*#__PURE__*/String(_Popover.popoverClasses.target), function (_ref) {
-  var usePortal = _ref.usePortal,
-    selectWidth = _ref.selectWidth;
-  return usePortal ? "".concat(selectWidth, "px") : '100%';
-});
-var StyledNativeSelect = exports.StyledNativeSelect = /*#__PURE__*/_styledComponents["default"].select.withConfig({
+})(["display:block;margin-bottom:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Select.tokens.labelOffset, _Select.constants.textfieldOuterLabelColor, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight);
+var HelperText = exports.HelperText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-le54jv-3"
-})(["display:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:1;position:absolute;inset:-0.125rem;z-index:1;cursor:", ";font-size:1rem;&:hover:not(:disabled) + .", " .", "{background:var(", ");}&:focus-visible{border-radius:var(", ");box-shadow:0 0 0 0.0625rem var(", ");}"], function (_ref2) {
-  var disabled = _ref2.disabled;
-  return disabled ? 'not-allowed' : 'pointer';
-}, /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(selectTarget), _Select.tokens.targetBackgroundColorHover, _Select.tokens.borderRadius, _Select.tokens.focusColor);
+})(["margin-top:var(", ");color:var(", ");font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);"], _Select.tokens.helperTextOffset, _Select.tokens.helperTextColor);

package/styled-components/cjs/components/Select/Select.tokens.js

@@ -3,190 +3,96 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.constants = exports.classes = void 0;
 var classes = exports.classes = {
-  selectTarget: 'select-target',
-  selectTargeText: 'select-target-text',
-  selectTargetLabel: 'select-target-label',
+  dropdownItemIsFocused: 'dropdown-item-is-focused',
+  dropdownItemIsDisabled: 'dropdown-item-is-disabled',
+  dropdownItemIsActive: 'dropdown-item-is-active',
   selectTargetArrow: 'select-target-arrow',
   arrowInverse: 'arrow-inverse',
-  selectItemIsSelected: 'select-item-is-selected',
-  selectItemIsDisabled: 'select-item-is-disabled',
-  nativeSelectVisible: 'native-select-visible',
-  hasNoFocus: 'has-no-focus',
-  hasChips: 'has-chips',
-  innerLabelUp: 'inner-label-up'
+  textfieldTarget: 'select-textfield-target',
+  selectChipIsFocused: 'select-chip-is-focused',
+  selectWithoutBoxShadow: 'select-without-box-shadow',
+  selectItemCheckbox: 'select-item-checkbox',
+  selectSpinner: 'select-spinner'
 };
 var tokens = exports.tokens = {
-  background: '--plasma-select-background',
-  boxShadow: '--plasma-select-box-shadow',
-  width: '--plasma-select-width',
-  height: '--plasma-select-height',
   borderRadius: '--plasma-select-border-radius',
-  paddingTop: '--plasma-select-padding-top',
-  paddingRight: '--plasma-select-padding-right',
-  paddingBottom: '--plasma-select-padding-bottom',
-  paddingLeft: '--plasma-select-padding-left',
-  itemBackground: '--plasma-select-item-background',
-  itemColor: '--plasma-select-item-color',
-  itemBackgroundHover: '--plasma-select-item-background-hover',
-  itemBackgroundSelected: '--plasma-select-item-background-selected',
-  itemColorSelected: '--plasma-select-item-color-selected',
-  itemBackgroundSelectedHover: '--plasma-select-item-background-selected-hover',
-  itemColorSelectedHover: '--plasma-select-item-color-selected-hover',
-  itemWidth: '--plasma-select-item-width',
+  padding: '--plasma-select-padding',
+  focusOffset: '--plasma-select-focus-offset',
+  fontFamily: '--plasma-select-font-family',
+  fontSize: '--plasma-select-font-size',
+  fontStyle: '--plasma-select-font-style',
+  fontWeight: '--plasma-select-font-weight',
+  fontLetterSpacing: '--plasma-select-font-letter-spacing',
+  fontLineHeight: '--plasma-select-font-line-height',
   itemHeight: '--plasma-select-item-height',
   itemBorderRadius: '--plasma-select-item-border-radius',
-  itemPaddingTop: '--plasma-select-item-padding-top',
-  itemPaddingRight: '--plasma-select-item-padding-right',
-  itemPaddingBottom: '--plasma-select-item-padding-bottom',
-  itemPaddingLeft: '--plasma-select-item-padding-left',
-  itemMarginTop: '--plasma-select-item-margin-top',
-  itemMarginRight: '--plasma-select-item-margin-right',
-  itemMarginBottom: '--plasma-select-item-margin-bottom',
-  itemMarginLeft: '--plasma-select-item-margin-left',
-  itemFontFamily: '--plasma-select-item-font-family',
-  itemFontSize: '--plasma-select-item-font-size',
-  itemFontStyle: '--plasma-select-item-font-style',
-  itemFontWeightBold: '--plasma-select-item-letter-spacing',
-  itemFontLetterSpacing: '--plasma-select-item-line-height',
-  itemFontLineHeight: '--plasma-select-item-font-weight',
-  itemContentLeftColor: '--plasma-select-item-content-left-color',
-  itemContentRightColor: '--plasma-select-item-content-right-color',
-  itemContentLeftWidth: '--plasma-select-item-content-left-width',
-  itemContentRightWidth: '--plasma-select-item-content-right-width',
-  footerBackground: '--plasma-select-footer-background',
-  footerWidth: '--plasma-select-footer-width',
-  footerHeight: '--plasma-select-footer-height',
-  footerPaddingTop: '--plasma-select-footer-padding-top',
-  footerPaddingRight: '--plasma-select-footer-padding-right',
-  footerPaddingBottom: '--plasma-select-footer-padding-bottom',
-  footerPaddingLeft: '--plasma-select-footer-padding-left',
-  footerMarginTop: '--plasma-select-footer-margin-top',
-  footerMarginRight: '--plasma-select-footer-margin-right',
-  footerMarginBottom: '--plasma-select-footer-margin-bottom',
-  footerMarginLeft: '--plasma-select-footer-margin-left',
-  footerFontFamily: '--plasma-select-footer-font-family',
-  footerFontSize: '--plasma-select-footer-font-size',
-  footerFontStyle: '--plasma-select-footer-font-style',
-  footerFontWeightBold: '--plasma-select-footer-letter-spacing',
-  footerFontLetterSpacing: '--plasma-select-footer-line-height',
-  footerFontLineHeight: '--plasma-select-footer-font-weight',
-  headerBackground: '--plasma-select-header-background',
-  headerWidth: '--plasma-select-header-width',
-  headerHeight: '--plasma-select-header-height',
-  headerPaddingTop: '--plasma-select-header-padding-top',
-  headerPaddingRight: '--plasma-select-header-padding-right',
-  headerPaddingBottom: '--plasma-select-header-padding-bottom',
-  headerPaddingLeft: '--plasma-select-header-padding-left',
-  headerMarginTop: '--plasma-select-header-margin-top',
-  headerMarginRight: '--plasma-select-header-margin-right',
-  headerMarginBottom: '--plasma-select-header-margin-bottom',
-  headerMarginLeft: '--plasma-select-header-margin-left',
-  headerFontFamily: '--plasma-select-header-font-family',
-  headerFontSize: '--plasma-select-header-font-size',
-  headerFontStyle: '--plasma-select-header-font-style',
-  headerFontWeightBold: '--plasma-select-header-letter-spacing',
-  headerFontLetterSpacing: '--plasma-select-header-line-height',
-  headerFontLineHeight: '--plasma-select-header-font-weight',
-  dividerColor: '--plasma-select-divider-color',
-  dividerWidth: '--plasma-select-divider-width',
-  dividerHeight: '--plasma-select-divider-height',
-  dividerMarginTop: '--plasma-select-divider-margin-top',
-  dividerMarginRight: '--plasma-select-divider-margin-right',
-  dividerMarginBottom: '--plasma-select-divider-margin-bottom',
-  dividerMarginLeft: '--plasma-select-divider-margin-left',
-  groupBackground: '--plasma-select-group-background',
-  groupWidth: '--plasma-select-group-width',
-  groupHeight: '--plasma-select-group-height',
-  groupPaddingTop: '--plasma-select-group-padding-top',
-  groupPaddingRight: '--plasma-select-group-padding-right',
-  groupPaddingBottom: '--plasma-select-group-padding-bottom',
-  groupPaddingLeft: '--plasma-select-group-padding-left',
-  groupMarginTop: '--plasma-select-group-margin-top',
-  groupMarginRight: '--plasma-select-group-margin-right',
-  groupMarginBottom: '--plasma-select-group-margin-bottom',
-  groupMarginLeft: '--plasma-select-group-margin-left',
-  groupLabelColor: '--plasma-select-group-label-color',
-  groupLabelFontFamily: '--plasma-select-group-label-font-family',
-  groupLabelFontSize: '--plasma-select-group-label-font-size',
-  groupLabelFontStyle: '--plasma-select-group-label-font-style',
-  groupLabelFontWeight: '--plasma-select-group-label-font-weight',
-  groupLabelLetterSpacing: '--plasma-select-group-label-letter-spacing',
-  groupLabelLineHeight: '--plasma-select-group-label-line-height',
-  groupLabelPaddingTop: '--plasma-select-group-label-padding-top',
-  groupLabelPaddingRight: '--plasma-select-group-label-padding-right',
-  groupLabelPaddingBottom: '--plasma-select-group-label-padding-bottom',
-  groupLabelPaddingLeft: '--plasma-select-group-label-padding-left',
-  groupLabelMarginTop: '--plasma-select-group-label-margin-top',
-  groupLabelMarginRight: '--plasma-select-group-label-margin-right',
-  groupLabelMarginBottom: '--plasma-select-group-label-margin-bottom',
-  groupLabelMarginLeft: '--plasma-select-group-label-margin-left',
-  targetColor: '--plasma-select-target-color',
-  targetLabelColor: '--plasma-select-target-label-color',
-  targetArrowColor: '--plasma-select-target-arrow-color',
-  targetArrowRight: '--plasma-select-target-arrow-right',
-  targetBackgroundColor: '--plasma-select-target-background-color',
-  targetBackgroundColorHover: '--plasma-select-target-background-color-hover',
-  targetBackgroundColorActive: '--plasma-select-target-background-color-active',
-  targetBackgroundColorOpen: '--plasma-select-target-background-color-open',
-  targetBorderColor: '--plasma-select-target-border-color',
-  targetBorderColorHover: '--plasma-select-target-border-color-hover',
-  targetBorderColorActive: '--plasma-select-target-border-color-active',
-  targetBorderColorOpen: '--plasma-select-target-border-color-open',
-  targetInnerTop: '--plasma-select-target-inner-top',
-  targetPadding: '--plasma-select-target-padding',
-  targetPaddingWithInput: '--plasma-select-target-with-input',
-  targetPaddingHasChips: '--plasma-select-target-padding-has-chips',
+  itemPadding: '--plasma-select-item-padding',
+  itemPaddingTight: '--plasma-select-item-padding-tight',
+  itemIconSize: '--plasma-select-item-icon-size',
+  itemIconSizeTight: '--plasma-select-item-icon-size-tight',
+  itemIconMargin: '--plasma-select-item-icon-margin',
+  checkboxTriggerSize: '--plasma-select-checkbox-trigger-size',
+  checkboxTriggerSizeTight: '--plasma-select-checkbox-trigger-size-tight',
+  checkboxTriggerBorderRadius: '--plasma-select-checkbox-trigger-border-radius',
+  checkboxTriggerBorderRadiusTight: '--plasma-select-checkbox-trigger-border-radius-tight',
+  checkboxFillColor: '--plasma-select-checkbox-fill-color',
+  checkboxIconColor: '--plasma-select-checkbox-icon-color',
+  checkboxTriggerBorderColor: '--plasma-select-checkbox-trigger-border-color',
+  indicatorSize: '--plasma-select-indicator-size',
+  targetButtonColor: '--plasma-select-target-button-color',
+  targetButtonColorHover: '--plasma-select-target-button-color-hover',
+  targetButtonColorActive: '--plasma-select-target-button-color-active',
+  targetButtonArrowColor: '--plasma-select-target-button-arrow-color',
+  targetButtonArrowColorHover: '--plasma-select-target-button-arrow-color-hover',
+  targetButtonArrowColorActive: '--plasma-select-target-button-arrow-color-active',
+  targetTextfieldArrowColor: '--plasma-select-target-textfield-arrow-color',
+  targetTextfieldArrowColorHover: '--plasma-select-target-textfield-arrow-color-hover',
+  targetTextfieldArrowColorActive: '--plasma-select-target-textfield-arrow-color-active',
+  targetButtonArrowMargin: '--plasma-select-target-button-arrow-margin',
+  targetTextfieldArrowMargin: '--plasma-select-target-textfield-arrow-margin',
+  targetButtonBackgroundColor: '--plasma-select-target-button-background-color',
+  targetButtonBackgroundColorHover: '--plasma-select-target-button-background-color-hover',
+  targetButtonBackgroundColorActive: '--plasma-select-target-button-background-color-active',
+  targetTextfieldBackgroundColor: '--plasma-select-target-textfield-background-color',
+  targetTextfieldBackgroundColorOpened: '--plasma-select-target-textfield-background-color-opened',
+  targetButtonPadding: '--plasma-select-target-button-padding',
+  targetTextfieldPadding: '--plasma-select-target-textfield-padding',
+  targetTextfieldChipPadding: '--plasma-select-target-textfield-chip-padding',
   targetHeight: '--plasma-select-target-height',
-  targetWidth: '--plasma-select-target-width',
-  targetRadius: '--plasma-select-target-radius',
-  targetFontFamily: '--plasma-select-target-font-family',
-  targetFontSize: '--plasma-select-target-font-size',
-  targetFontStyle: '--plasma-select-target-font-style',
-  targetFontWeight: '--plasma-select-target-font-weight',
-  targetLetterSpacing: '--plasma-select-target-letter-spacing',
-  targetLineHeight: '--plasma-select-target-line-height',
-  targetLabelInnerTop: '--plasma-select-target-label-inner-top',
-  targetLabelInnerFontFamily: '--plasma-select-target-label-inner-font-family',
-  targetLabelInnerFontSize: '--plasma-select-target-label-inner-font-family',
-  targetLabelInnerFontStyle: '--plasma-select-target-label-inner-font-style',
-  targetLabelInnerFontWeight: '--plasma-select-target-label-inner-font-weight',
-  targetLabelInnerLetterSpacing: '--plasma-select-target-label-inner-letter-spacing',
-  targetLabelInnerLineHeight: '--plasma-select-target-label-inner-line-height',
-  chipGap: '--plasma-select-chip-gap',
-  chipBackground: '--plasma-select-chip-background',
   chipColor: '--plasma-select-chip-color',
+  chipBackground: '--plasma-select-chip-background',
   chipBackgroundHover: '--plasma-select-chip-background-hover',
-  chipColorHover: '--plasma-select-chip-color-hover',
-  chipScaleHover: '--plasma-select-chip-scale-hover',
-  chipBackgroundReadOnly: '--plasma-select-chip-background-readonly',
-  chipColorReadOnly: '--plasma-select-chip-color-readonly',
-  chipBackgroundReadOnlyHover: '--plasma-select-chip-background-readonly-hover',
-  chipColorReadOnlyHover: '--plasma-select-chip-color-readonly-hover',
   chipBackgroundActive: '--plasma-select-chip-background-active',
-  chipColorActive: '--plasma-select-chip-color-active',
-  chipScaleActive: '--plasma-select-chip-scale-active',
-  chipFocusColor: '--plasma-select-chip-focus-color',
-  chipCloseIconColor: '--plasma-select-chip-close-icon-color',
-  chipOutlineSize: '--plasma-select-chip-outline-size',
+  chipGap: '--plasma-select-chip-gap',
   chipBorderRadius: '--plasma-select-chip-border-radius',
-  chipWidth: '--plasma-select-chip-width',
   chipHeight: '--plasma-select-chip-height',
-  chipPaddingTop: '--plasma-select-chip-padding-top',
   chipPaddingRight: '--plasma-select-chip-padding-right',
-  chipPaddingBottom: '--plasma-select-chip-padding-bottom',
   chipPaddingLeft: '--plasma-select-chip-padding-left',
   chipCloseIconSize: '--plasma-select-chip-close-icon-size',
-  chipFontFamily: '--plasma-select-chip-font-family',
-  chipFontSize: '--plasma-select-chip-font-size',
-  chipFontStyle: '--plasma-select-chip-font-style',
-  chipFontWeight: '--plasma-select-chip-font-weight',
-  chipLetterSpacing: '--plasma-select-chip-letter-spacing',
-  chipLineHeight: '--plasma-select-chip-line-height',
   chipClearContentMarginLeft: '--plasma-select-chip-clear-content-margin-left',
   chipClearContentMarginRight: '--plasma-select-chip-clear-content-margin-right',
-  chipOpacityReadonly: '--plasma-select-chip-opacity-readonly',
-  disabledOpacity: '--plasma-select-disabled-opacity',
-  focusColor: '--plasma-select-focus-color'
+  labelOffset: '--plasma-select-label-offset',
+  innerLabelGap: '--plasma-select-inner-label-gap',
+  helperTextColor: '--plasma-select-helper-text-color',
+  helperTextOffset: '--plasma-select-helper-text-offset',
+  spinnerSize: '--plasma-select-spinner-size',
+  spinnerSizeTight: '--plasma-select-spinner-size-tight',
+  notFoundContentPadding: '--plasma-select-not-found-content-padding',
+  notFoundContentGap: '--plasma-select-not-found-content-gap'
+};
+var constants = exports.constants = {
+  focusColor: '--surface-accent',
+  focusSize: '0.0625rem',
+  background: '--surface-solid-card',
+  boxShadow: '--shadow-down-soft-s',
+  disclosureIconColor: '--text-secondary',
+  disclosureIconColorHover: '--text-secondary-hover',
+  itemBackground: '--plasma-colors-transparent',
+  itemBackgroundHover: '--surface-transparent-secondary',
+  textfieldTargetColor: '--text-primary',
+  textfieldOuterLabelColor: '--text-primary',
+  textfieldInnerLabelColor: '--text-secondary',
+  textfieldPlaceholderColor: '--text-secondary'
 };

package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfiniteLoader = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _InfiniteLoader = /*#__PURE__*/require("./InfiniteLoader.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var InfiniteLoader = exports.InfiniteLoader = function InfiniteLoader(_ref) {
+  var variant = _ref.variant;
+  return /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.Wrapper, {
+    variant: variant
+  }, /*#__PURE__*/_react["default"].createElement(_InfiniteLoader.StyledSpinner, {
+    className: _Select.classes.selectSpinner
+  }), "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430");
+};

package/styled-components/cjs/components/Select/elements/InfiniteLoader/InfiniteLoader.styles.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledSpinner = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Select = /*#__PURE__*/require("../../Select.tokens");
+var _engines = /*#__PURE__*/require("../../../../engines");
+var _Spinner = /*#__PURE__*/require("../../../Spinner");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Spinner = /*#__PURE__*/(0, _engines.component)(_Spinner.spinnerConfig);
+var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["default"])(Spinner).withConfig({
+  componentId: "plasma-new-hope__sc-j1tfex-0"
+})(["", ":var(--text-primary);", ":var(", ");"], _Spinner.spinnerTokens.color, _Spinner.spinnerTokens.size, _Select.tokens.spinnerSize);
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-j1tfex-1"
+})(["display:flex;align-items:center;justify-content:center;gap:4px;height:var(", ");padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");user-select:none;& .", "{", ":", ";}"], _Select.tokens.itemHeight, function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.classes.selectSpinner, _Spinner.spinnerTokens.size, function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.spinnerSizeTight : _Select.tokens.spinnerSize, ")");
+});

package/styled-components/cjs/components/Select/elements/Inner/Inner.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Inner = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _Select = /*#__PURE__*/require("../../Select.styles");
+var _Item = /*#__PURE__*/require("./elements/Item/Item");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var Inner = exports.Inner = function Inner(_ref) {
+  var item = _ref.item,
+    currentLevel = _ref.currentLevel,
+    path = _ref.path,
+    dispatchPath = _ref.dispatchPath,
+    index = _ref.index,
+    listWidth = _ref.listWidth;
+  var handleToggle = function handleToggle(opened) {
+    if (opened) {
+      dispatchPath({
+        type: 'changed_on_level',
+        value: item.value.toString(),
+        level: currentLevel + 1
+      });
+    } else {
+      dispatchPath({
+        type: 'cut_by_level',
+        level: currentLevel + 1
+      });
+    }
+  };
+  var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
+  var listId = "tree_level_".concat(currentLevel + 2);
+  var nextLevel = currentLevel + 1;
+  if (!(0, _utils.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
+    var _item$items;
+    return /*#__PURE__*/_react["default"].createElement(_Select.StyledPopover, {
+      isOpen: isCurrentListOpen,
+      usePortal: false,
+      placement: "right-start",
+      trigger: "click",
+      target: /*#__PURE__*/_react["default"].createElement(_Item.Item, {
+        item: item,
+        path: path,
+        currentLevel: currentLevel,
+        index: index,
+        ariaControls: listId,
+        ariaExpanded: isCurrentListOpen,
+        ariaLevel: nextLevel,
+        ariaLabel: item.label
+      }),
+      onToggle: handleToggle,
+      isFocusTrapped: false,
+      preventOverflow: false
+    }, /*#__PURE__*/_react["default"].createElement(_Select.Ul, {
+      role: "group",
+      id: listId,
+      isInnerUl: true,
+      listWidth: listWidth
+    }, (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.map(function (innerItem, innerIndex) {
+      return /*#__PURE__*/_react["default"].createElement(Inner, {
+        key: "".concat(innerIndex, "/").concat(currentLevel),
+        item: innerItem,
+        currentLevel: nextLevel,
+        path: path,
+        dispatchPath: dispatchPath,
+        index: innerIndex,
+        listWidth: listWidth
+      });
+    })));
+  }
+  return /*#__PURE__*/_react["default"].createElement(_Item.Item, {
+    item: item,
+    path: path,
+    index: index,
+    currentLevel: currentLevel,
+    ariaLevel: nextLevel
+  });
+};

package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.js

@@ -0,0 +1,96 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../../../utils");
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _utils2 = /*#__PURE__*/require("../../../../../../utils");
+var _Icon = /*#__PURE__*/require("../../../../../_Icon");
+var _Select2 = /*#__PURE__*/require("../../../../Select");
+var _Item = /*#__PURE__*/require("./Item.styles");
+var _StyledIndicator;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Item = exports.Item = function Item(_ref) {
+  var item = _ref.item,
+    path = _ref.path,
+    currentLevel = _ref.currentLevel,
+    index = _ref.index,
+    ariaControls = _ref.ariaControls,
+    ariaExpanded = _ref.ariaExpanded,
+    ariaLevel = _ref.ariaLevel,
+    ariaLabel = _ref.ariaLabel;
+  var value = item.value,
+    label = item.label,
+    disabled = item.disabled,
+    isDisabled = item.isDisabled,
+    contentLeft = item.contentLeft,
+    contentRight = item.contentRight;
+  var ref = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_Select2.Context),
+    focusedPath = _useContext.focusedPath,
+    checked = _useContext.checked,
+    multiselect = _useContext.multiselect,
+    size = _useContext.size,
+    handleCheckboxChange = _useContext.handleCheckboxChange,
+    handleItemClick = _useContext.handleItemClick,
+    variant = _useContext.variant,
+    renderItem = _useContext.renderItem;
+  var isDisabledClassName = disabled || isDisabled ? _Select.classes.dropdownItemIsDisabled : undefined;
+  var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Select.classes.dropdownItemIsFocused : undefined;
+  var activeClass = value === (path === null || path === void 0 ? void 0 : path[currentLevel + 1]) ? _Select.classes.dropdownItemIsActive : undefined;
+  (0, _react.useEffect)(function () {
+    if (focusedClass && ref !== null && ref !== void 0 && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focusedClass]);
+  var handleChange = function handleChange(e) {
+    if (disabled || isDisabled) return;
+    e.stopPropagation();
+    handleCheckboxChange(item);
+  };
+  var handleClick = function handleClick(e) {
+    if (disabled || isDisabled) return;
+    handleItemClick(item, e);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Item.Wrapper, {
+    className: (0, _utils2.cx)(isDisabledClassName, focusedClass, activeClass),
+    id: value.toString(),
+    ref: ref,
+    onClick: handleClick,
+    variant: variant,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-level": ariaLevel,
+    "aria-label": ariaLabel,
+    role: "treeitem"
+  }, /*#__PURE__*/_react["default"].createElement(_Item.IconWrapper, {
+    variant: variant
+  }, multiselect && /*#__PURE__*/_react["default"].createElement("span", {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_Item.StyledCheckbox, {
+    checked: Boolean(checked.get(item.value)),
+    indeterminate: checked.get(item.value) === 'indeterminate',
+    onChange: handleChange,
+    className: _Select.classes.selectItemCheckbox
+  })), !multiselect && checked.get(item.value) === 'dot' && (_StyledIndicator || (_StyledIndicator = /*#__PURE__*/_react["default"].createElement(_Item.StyledIndicator, {
+    size: "s",
+    view: "default"
+  }))), !multiselect && checked.get(item.value) === 'done' && /*#__PURE__*/_react["default"].createElement(_Icon.IconDone, {
+    size: (0, _utils.sizeToIconSize)(size, variant),
+    color: "inherit"
+  })), contentLeft && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_Item.StyledText, null, renderItem && renderItem(value, label) || label), contentRight && /*#__PURE__*/_react["default"].createElement(_Item.StyledContentRight, null, contentRight), !(0, _utils2.isEmpty)(item.items) && /*#__PURE__*/_react["default"].createElement(_Item.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRightCentered, {
+    size: (0, _utils.sizeToIconSize)(size, variant),
+    color: "inherit"
+  })));
+};

package/styled-components/cjs/components/Select/elements/Inner/elements/Item/Item.styles.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.StyledText = exports.StyledIndicator = exports.StyledContentRight = exports.StyledContentLeft = exports.StyledCheckbox = exports.IconWrapper = exports.DisclosureIconWrapper = void 0;
+var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
+var _Select = /*#__PURE__*/require("../../../../Select.tokens");
+var _mixins = /*#__PURE__*/require("../../../../../../mixins");
+var _engines = /*#__PURE__*/require("../../../../../../engines");
+var _Checkbox = /*#__PURE__*/require("../../../../../Checkbox");
+var _Indicator = /*#__PURE__*/require("../../../../../Indicator");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var mergedCheckboxConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Checkbox.checkboxConfig);
+var Checkbox = /*#__PURE__*/(0, _engines.component)(mergedCheckboxConfig);
+var StyledCheckbox = exports.StyledCheckbox = /*#__PURE__*/(0, _styledComponents["default"])(Checkbox).withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Checkbox.checkboxTokens.triggerSize, _Select.tokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Select.tokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Select.tokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Select.tokens.checkboxIconColor, _Checkbox.checkboxTokens.triggerBorderColor, _Select.tokens.checkboxTriggerBorderColor);
+var mergedIndicatorConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Indicator.indicatorConfig);
+var Indicator = /*#__PURE__*/(0, _engines.component)(mergedIndicatorConfig);
+var StyledIndicator = exports.StyledIndicator = /*#__PURE__*/(0, _styledComponents["default"])(Indicator).withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-1"
+})(["", ":var(", ");", ":var(", ");"], _Indicator.indicatorTokens.size, _Select.tokens.indicatorSize, _Indicator.indicatorTokens.color, _Select.tokens.checkboxFillColor);
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-2"
+})(["display:inline-flex;"]);
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-3"
+})(["margin-left:auto;display:inline-flex;"]);
+var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-4"
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Select.constants.disclosureIconColor, _Select.constants.disclosureIconColorHover);
+var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-5"
+})(["display:flex;align-items:center;justify-content:center;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");& .", "{--plasma-checkbox-trigger-size:", ";--plasma-checkbox-trigger-border-radius:", ";}"], function (_ref) {
+  var variant = _ref.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
+}, function (_ref2) {
+  var variant = _ref2.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemIconSizeTight : _Select.tokens.itemIconSize, ")");
+}, _Select.tokens.itemIconMargin, _Select.tokens.checkboxFillColor, _Select.classes.selectItemCheckbox, function (_ref3) {
+  var variant = _ref3.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.checkboxTriggerSizeTight : _Select.tokens.checkboxTriggerSize, ")");
+}, function (_ref4) {
+  var variant = _ref4.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.checkboxTriggerBorderRadiusTight : _Select.tokens.checkboxTriggerBorderRadius, ")");
+});
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-6"
+})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
+  componentId: "plasma-new-hope__sc-esps8l-7"
+})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:0.4;cursor:not-allowed;}:focus{outline:none;}", ";"], _Select.tokens.itemHeight, function (_ref5) {
+  var variant = _ref5.variant;
+  return "var(".concat(variant === 'tight' ? _Select.tokens.itemPaddingTight : _Select.tokens.itemPadding, ")");
+}, _Select.tokens.fontFamily, _Select.tokens.fontSize, _Select.tokens.fontStyle, _Select.tokens.fontWeight, _Select.tokens.fontLetterSpacing, _Select.tokens.fontLineHeight, _Select.constants.itemBackground, _Select.tokens.itemBorderRadius, _Select.classes.dropdownItemIsDisabled, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsActive, _Select.constants.itemBackgroundHover, _Select.classes.dropdownItemIsDisabled, /*#__PURE__*/(0, _mixins.addFocus)({
+  outlineSize: '0.0625rem',
+  outlineOffset: '0',
+  outlineColor: /*#__PURE__*/"var(".concat(_Select.constants.focusColor, ")"),
+  outlineRadius: /*#__PURE__*/"var(".concat(_Select.tokens.itemBorderRadius, ")"),
+  hasTransition: false,
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Select.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Select.constants.focusColor, ");\n            }\n        ")
+}));