@salutejs/plasma-new-hope 0.94.0-canary.1224.9714042001.0 → 0.94.0-canary.1233.9744294204.0

package/styled-components/es/components/Select/ui/Target/ui/Textfield/Textfield.styles.js

@@ -0,0 +1,56 @@
+import styled from 'styled-components';
+import { isEmpty } from '../../../../../../utils';
+import { applyEllipsis, addFocus } from '../../../../../../mixins';
+import { IconDisclosureDownCentered } from '../../../../../_Icon';
+import { component, mergeConfig } from '../../../../../../engines';
+import { buttonConfig, buttonTokens } from '../../../../../Button';
+import { tokens, classes, constants } from '../../../../Select.tokens';
+var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
+var Button = /*#__PURE__*/component(mergedButtonConfig);
+export var TextfieldWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-0"
+})(["display:inline;.", "{background:", ";padding:", ";}.", "::before{box-shadow:none !important;}"], classes.textfieldTarget, function (_ref) {
+  var opened = _ref.opened;
+  return opened ? "var(".concat(tokens.targetTextfieldBackgroundColorOpened, ")") : "var(".concat(tokens.targetTextfieldBackgroundColor, ")");
+}, function (_ref2) {
+  var value = _ref2.value;
+  return Array.isArray(value) && !isEmpty(value) ? "0 var(".concat(tokens.targetTextfieldChipPadding, ")") : "0 var(".concat(tokens.targetTextfieldPadding, ")");
+}, classes.selectWithoutBoxShadow);
+export var StyledButton = /*#__PURE__*/styled(Button).withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-1"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":100%;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":", ";", ":var(", ");", ""], buttonTokens.buttonColor, constants.textfieldTargetColor, buttonTokens.buttonColorHover, constants.textfieldTargetColor, buttonTokens.buttonColorActive, constants.textfieldTargetColor, buttonTokens.buttonBackgroundColor, tokens.targetTextfieldBackgroundColor, buttonTokens.buttonHeight, tokens.targetHeight, buttonTokens.buttonWidth, buttonTokens.buttonPadding, tokens.targetTextfieldPadding, buttonTokens.buttonRadius, tokens.borderRadius, buttonTokens.buttonFontFamily, tokens.fontFamily, buttonTokens.buttonFontSize, tokens.fontSize, buttonTokens.buttonFontStyle, tokens.fontStyle, buttonTokens.buttonFontWeight, tokens.fontWeight, buttonTokens.buttonLetterSpacing, tokens.fontLetterSpacing, buttonTokens.buttonLineHeight, tokens.fontLineHeight, buttonTokens.buttonDisabledOpacity, constants.opacity, buttonTokens.buttonFocusColor, constants.focusColor, /*#__PURE__*/addFocus({
+  outlineOffset: /*#__PURE__*/"calc(var(".concat(tokens.focusOffset, ") * -1)"),
+  outlineSize: constants.focusSize,
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.borderRadius, ") + var(").concat(tokens.focusOffset, "))"),
+  outlineColor: constants.focusColor
+}));
+export var StyledArrow = /*#__PURE__*/styled(IconDisclosureDownCentered).withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-2"
+})([""]);
+export var IconArrowWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-3"
+})(["line-height:0;margin:var(", ");color:var(", ");&:hover{color:var(", ");}&:active{color:var(", ");}"], tokens.targetTextfieldArrowMargin, tokens.targetTextfieldArrowColor, tokens.targetTextfieldArrowColorHover, tokens.targetTextfieldArrowColorActive);
+export var Wrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-4"
+})(["width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;.", "{transform:rotate(-180deg);}"], classes.arrowInverse);
+export var ChipWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-5"
+})(["width:100%;display:flex;min-width:0;padding:calc(", " + var(", "));gap:0.25rem;overflow-x:scroll;border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"], constants.focusSize, tokens.focusOffset, tokens.chipBorderRadius, tokens.chipBorderRadius);
+export var Label = /*#__PURE__*/styled.label.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-6"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], constants.textfieldInnerLabelColor, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
+export var Placeholder = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-7"
+})(["color:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], constants.textfieldPlaceholderColor, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
+export var InnerLabelWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-8"
+})(["display:flex;flex-direction:column;align-items:start;row-gap:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.innerLabelGap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight);
+export var InnerLabel = /*#__PURE__*/styled.label.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-9"
+})(["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);text-align:left;"], constants.textfieldInnerLabelColor);
+export var ContentLeftWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-10"
+})(["flex:none;margin-left:-0.125rem;margin-right:0.375rem;line-height:0;"]);
+export var Value = /*#__PURE__*/styled.span.withConfig({
+  componentId: "plasma-new-hope__sc-1akl2tk-11"
+})(["", ""], /*#__PURE__*/applyEllipsis());

package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.js

@@ -0,0 +1,28 @@
+var _div;
+import React, { useEffect, useRef } from 'react';
+import { classes } from '../../../../../../Select.tokens';
+import { StyledChip } from './Chip.styles';
+export var Chip = function Chip(_ref) {
+  var text = _ref.text,
+    onClick = _ref.onClick,
+    focused = _ref.focused,
+    isTargetAmount = _ref.isTargetAmount;
+  var ref = useRef(null);
+  useEffect(function () {
+    if (focused && ref.current) {
+      ref.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'center',
+        inline: 'center'
+      });
+    }
+  }, [focused]);
+  return /*#__PURE__*/React.createElement(StyledChip, {
+    contentClearButton: isTargetAmount && (_div || (_div = /*#__PURE__*/React.createElement("div", null))),
+    tabIndex: -1,
+    onClick: onClick,
+    text: "".concat(text),
+    className: focused ? classes.selectChipIsFocused : undefined,
+    ref: ref
+  });
+};

package/styled-components/es/components/Select/ui/Target/ui/Textfield/ui/Chip/Chip.styles.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+import { chipConfig, chipTokens } from '../../../../../../../Chip';
+import { component, mergeConfig } from '../../../../../../../../engines';
+import { tokens, classes, constants } from '../../../../../../Select.tokens';
+import { addFocus } from '../../../../../../../../mixins';
+var mergedConfig = /*#__PURE__*/mergeConfig(chipConfig);
+var Chip = /*#__PURE__*/component(mergedConfig);
+export var StyledChip = /*#__PURE__*/styled(Chip).withConfig({
+  componentId: "plasma-new-hope__sc-1mtedco-0"
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ";"], chipTokens.color, tokens.chipColor, chipTokens.colorHover, tokens.chipColor, chipTokens.colorActive, tokens.chipColor, chipTokens.background, tokens.chipBackground, chipTokens.backgroundHover, tokens.chipBackgroundHover, chipTokens.backgroundActive, tokens.chipBackgroundActive, chipTokens.borderRadius, tokens.chipBorderRadius, chipTokens.height, tokens.chipHeight, chipTokens.paddingRight, tokens.chipPaddingRight, chipTokens.paddingLeft, tokens.chipPaddingLeft, chipTokens.fontFamily, tokens.fontFamily, chipTokens.fontSize, tokens.fontSize, chipTokens.fontStyle, tokens.fontStyle, chipTokens.fontWeight, tokens.fontWeight, chipTokens.letterSpacing, tokens.fontLetterSpacing, chipTokens.lineHeight, tokens.fontLineHeight, chipTokens.clearContentMarginLeft, tokens.chipClearContentMarginLeft, chipTokens.clearContentMarginRight, tokens.chipClearContentMarginRight, chipTokens.closeIconSize, tokens.chipCloseIconSize, chipTokens.closeIconColor, tokens.chipColor, chipTokens.focusColor, constants.focusColor, /*#__PURE__*/addFocus({
+  outlineOffset: /*#__PURE__*/"calc(var(".concat(tokens.focusOffset, ") * -1)"),
+  outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.chipBorderRadius, ") + var(").concat(tokens.focusOffset, "))"),
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(classes.selectChipIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 ").concat(constants.focusSize, " var(").concat(constants.focusColor, ");\n            }\n        ")
+}));

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

@@ -0,0 +1 @@
+export * from './Chip/Chip';

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

@@ -0,0 +1,2 @@
+export * from './Button/Button';
+export * from './Textfield/Textfield';

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

@@ -1,6 +1,4 @@
-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';
+export * from './InfiniteLoader/InfiniteLoader';
+export * from './Inner/Inner';
+export * from './SelectNotFoundContent/SelectNotFoundContent';
+export * from './Target/Target';

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

@@ -0,0 +1,37 @@
+import { isEmpty } from '../../../utils';
+var getLabel = function getLabel(_ref) {
+  var renderValue = _ref.renderValue,
+    value = _ref.value,
+    valueToItemMap = _ref.valueToItemMap;
+  var _ref2 = valueToItemMap.get(value.toString()),
+    label = _ref2.label;
+  return renderValue ? renderValue(value, label) : label;
+};
+export var getButtonLabel = function getButtonLabel(_ref3) {
+  var value = _ref3.value,
+    label = _ref3.label,
+    isTargetAmount = _ref3.isTargetAmount,
+    multiselect = _ref3.multiselect,
+    valueToItemMap = _ref3.valueToItemMap,
+    renderValue = _ref3.renderValue;
+  if (isEmpty(value)) {
+    return label;
+  }
+  if (multiselect && isTargetAmount) {
+    return "\u0412\u044B\u0431\u0440\u0430\u043D\u043E: ".concat(value.length);
+  }
+  if (multiselect && Array.isArray(value)) {
+    return value.map(function (itemValue) {
+      return getLabel({
+        renderValue: renderValue,
+        value: itemValue,
+        valueToItemMap: valueToItemMap
+      });
+    }).join(', ');
+  }
+  return getLabel({
+    renderValue: renderValue,
+    value: value,
+    valueToItemMap: valueToItemMap
+  });
+};

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

@@ -0,0 +1,6 @@
+export var getCorrectHeight = function getCorrectHeight(listHeight) {
+  if (Number.isNaN(Number(listHeight))) {
+    return listHeight.toString();
+  }
+  return "".concat(listHeight, "rem");
+};

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

@@ -0,0 +1,20 @@
+export var getView = function getView(view, status) {
+  switch (status) {
+    case 'success':
+      {
+        return 'positive';
+      }
+    case 'warning':
+      {
+        return 'warning';
+      }
+    case 'error':
+      {
+        return 'negative';
+      }
+    default:
+      {
+        return view;
+      }
+  }
+};

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

@@ -1,106 +1,8 @@
-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);
-};
+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';

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

@@ -0,0 +1,12 @@
+// Проходимся по массиву items и добавляем в каждый item ключ parent, который ссылается на item родителя.
+// Дает возможность прохода к корневому элементу (снизу вверх).
+
+export var initialItemsTransform = function initialItemsTransform(items, parent) {
+  items.forEach(function (item) {
+    item.parent = parent;
+    if (item.items) {
+      item.items = initialItemsTransform(item.items, item);
+    }
+  });
+  return items;
+};

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

@@ -0,0 +1,4 @@
+export var sizeToIconSize = function sizeToIconSize(size, variant) {
+  if (size === 'xs' || size === 's' && variant === 'tight') return 'xs';
+  return 's';
+};

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

@@ -0,0 +1,27 @@
+export var updateAncestors = function updateAncestors(node, checkedMap) {
+  if (!(node !== null && node !== void 0 && node.parent)) {
+    return;
+  }
+  var parent = node.parent;
+  var siblings = parent.items;
+  var siblingsLength = siblings.length;
+  var checkedFromAllSiblings = 0;
+  var isParentIndeterminate = false;
+  siblings.forEach(function (sib) {
+    if (checkedMap.get(sib.value) === 'indeterminate') {
+      isParentIndeterminate = true;
+      return;
+    }
+    if (checkedMap.get(sib.value)) {
+      checkedFromAllSiblings += 1;
+    }
+  });
+  if (isParentIndeterminate || checkedFromAllSiblings > 0 && checkedFromAllSiblings < siblingsLength) {
+    checkedMap.set(parent.value, 'indeterminate');
+  } else if (checkedFromAllSiblings === 0) {
+    checkedMap.set(parent.value, false);
+  } else {
+    checkedMap.set(parent.value, true);
+  }
+  updateAncestors(parent, checkedMap);
+};

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

@@ -0,0 +1,11 @@
+export var updateDescendants = function updateDescendants(node, checkedMap, isChecked) {
+  if (!(node !== null && node !== void 0 && node.items)) {
+    return;
+  }
+  node.items.forEach(function (item) {
+    checkedMap.set(item.value, isChecked);
+    if (item.items) {
+      updateDescendants(item, checkedMap, isChecked);
+    }
+  });
+};

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

@@ -0,0 +1,8 @@
+export var updateSingleAncestors = function updateSingleAncestors(node, checkedMap, type) {
+  if (!node.parent) {
+    return;
+  }
+  var parent = node.parent;
+  checkedMap.set(parent.value, type);
+  updateSingleAncestors(parent, checkedMap, type);
+};

package/styled-components/es/components/TextField/TextField.tokens.js

@@ -20,7 +20,7 @@ export var tokens = {
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
   height: '--plasma-textfield-height',
-  borderWidth: '--plasma-textfield-border-width',
+  borderWidth: '--plasmas-textfield-border-width',
   borderRadius: '--plasma-textfield-border-radius',
   /** Отступ от границы ТextField */
   padding: '--plasma-textfield-padding',

package/styled-components/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from 'styled-components';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(["", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);
+export var base = /*#__PURE__*/css(["", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}"], Input, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin);

package/styled-components/es/components/_Icon/Icon.assets/DisclosureDownCentered.js

@@ -0,0 +1,25 @@
+var _path, _path2;
+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); }
+import React from 'react';
+export var DisclosureDownCentered = function DisclosureDownCentered(props) {
+  if (props.size === 'xs') {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+      id: "path",
+      d: "M4.64 6.14C4.84 5.95 5.15 5.95 5.35 6.14L8 8.79L10.64 6.14C10.84 5.95 11.15 5.95 11.35 6.14C11.54 6.34 11.54 6.65 11.35 6.85L8 10.2L4.64 6.85C4.45 6.65 4.45 6.34 4.64 6.14Z",
+      fill: "currentColor"
+    })));
+  }
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    id: "path",
+    d: "M6.96 9.21C7.26 8.92 7.73 8.92 8.03 9.21L12 13.18L15.96 9.21C16.26 8.92 16.73 8.92 17.03 9.21C17.32 9.51 17.32 9.98 17.03 10.28L12 15.31L6.96 10.28C6.67 9.98 6.67 9.51 6.96 9.21Z",
+    fill: "currentColor"
+  })));
+};

package/styled-components/es/components/_Icon/Icon.assets/DisclosureLeft.js

@@ -9,7 +9,7 @@ export var DisclosureLeft = function DisclosureLeft(props) {
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
-    d: "M14.5309 6.96967C14.8238 7.26256 14.8238 7.73744 14.5309 8.03033L10.5613 12L14.5309 15.9697C14.8238 16.2626 14.8238 16.7374 14.5309 17.0303C14.238 17.3232 13.7632 17.3232 13.4703 17.0303L8.43994 12L13.4703 6.96967C13.7632 6.67678 14.238 6.67678 14.5309 6.96967Z",
+    d: "M14.117 8.707a1 1 0 10-1.414-1.414L7.996 12l4.707 4.707a1 1 0 001.414-1.414L10.824 12l3.293-3.293z",
     fill: "currentColor"
   })));
 };

package/styled-components/es/components/_Icon/Icon.assets/DisclosureRight.js

@@ -1,15 +1,25 @@
-var _path;
+var _path, _path2;
 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); }
 import React from 'react';
 export var DisclosureRight = function DisclosureRight(props) {
+  if (props.size === 'xs') {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      width: "100%",
+      viewBox: "0 0 17 16",
+      fill: "none"
+    }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.883 4.707a1 1 0 011.414-1.414L16.004 8l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 8 9.883 4.707z",
+      fill: "currentColor"
+    })));
+  }
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: "100%",
     viewBox: "0 0 24 24",
     fill: "none"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M9.46967 6.96967C9.17678 7.26256 9.17678 7.73744 9.46967 8.03033L13.4393 12L9.46967 15.9697C9.17678 16.2626 9.17678 16.7374 9.46967 17.0303C9.76256 17.3232 10.2374 17.3232 10.5303 17.0303L15.5607 12L10.5303 6.96967C10.2374 6.67678 9.76256 6.67678 9.46967 6.96967Z",
+  }, props), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M9.883 8.707a1 1 0 011.414-1.414L16.004 12l-4.707 4.707a1 1 0 01-1.414-1.414L13.176 12 9.883 8.707z",
     fill: "currentColor"
   })));
 };

package/styled-components/es/components/_Icon/Icon.assets/DisclosureRightCentered.js

@@ -0,0 +1,23 @@
+var _path, _path2;
+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); }
+import React from 'react';
+export var DisclosureRightCentered = function DisclosureRightCentered(props) {
+  if (props.size === 'xs') {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      width: "100%",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+      d: "M6.04 4.64C5.84 4.84 5.84 5.15 6.04 5.35L8.68 8L6.04 10.64C5.84 10.84 5.84 11.15 6.04 11.35C6.23 11.54 6.55 11.54 6.75 11.35L10.1 8L6.75 4.64C6.55 4.45 6.23 4.45 6.04 4.64Z",
+      fill: "currentColor"
+    })));
+  }
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M9.06 6.96C8.77 7.26 8.77 7.73 9.06 8.03L13.03 12L9.06 15.96C8.77 16.26 8.77 16.73 9.06 17.03C9.35 17.32 9.83 17.32 10.12 17.03L15.15 12L10.12 6.96C9.83 6.67 9.35 6.67 9.06 6.96Z",
+    fill: "currentColor"
+  })));
+};

package/styled-components/es/components/_Icon/Icons/IconDisclosureDownCentered.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DisclosureDownCentered } from '../Icon.assets/DisclosureDownCentered';
+import { IconRoot } from '../IconRoot';
+export var IconDisclosureDownCentered = function IconDisclosureDownCentered(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: DisclosureDownCentered
+  });
+};

package/styled-components/es/components/_Icon/Icons/IconDisclosureRightCentered.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { DisclosureRightCentered } from '../Icon.assets/DisclosureRightCentered';
+import { IconRoot } from '../IconRoot';
+export var IconDisclosureRightCentered = function IconDisclosureRightCentered(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: DisclosureRightCentered
+  });
+};

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

@@ -1,6 +1,5 @@
 export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
 export { IconDisclosureRight } from './Icons/IconDisclosureRight';
-export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
 export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';
@@ -9,4 +8,6 @@ export { IconChevronDownFill } from './Icons/IconChevronDownFill';
 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 { IconMinus } from './Icons/IconMinus';

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',
-      height: '100vh',
+      minHeight: '100vh',
       boxSizing: 'border-box'
     }
   }, /*#__PURE__*/React.createElement(Story, null));