@salutejs/plasma-new-hope 0.229.0-canary.1666.12456056975.0 → 0.230.0-canary.1670.12462995068.0

package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx

@@ -13,6 +13,7 @@ import { config } from './TextArea.config';
 import { TextArea } from './TextArea';
 
 const labelPlacements = ['inner', 'outer'];
+const sizes = ['xs', 's', 'm', 'l'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];
@@ -67,17 +68,18 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        rows: {
+        size: {
+            options: sizes,
+            defaultValue: 'm',
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
-        cols: {
+        view: {
+            options: views,
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
@@ -91,6 +93,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'clear', truthy: true },
         },
+        cols: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        rows: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        hasHint: {
+            control: {
+                type: 'boolean',
+            },
+        },
         hintText: {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
@@ -132,7 +151,50 @@ const meta: Meta<StoryTextAreaProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        ...disableProps(['leftHelperPlacement']),
+        helperText: {
+            control: { type: 'text' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        height: {
+            control: { type: 'text' },
+        },
+        leftHelper: {
+            control: { type: 'text' },
+        },
+        titleCaption: {
+            control: { type: 'text' },
+        },
+        rightHelper: {
+            control: { type: 'text' },
+        },
+        ...disableProps([
+            'helperBlock',
+            '$isFocused',
+            'contentRight',
+            'autoComplete',
+            'autoFocus',
+            'dirName',
+            'form',
+            'minLength',
+            'maxLength',
+            'name',
+            'value',
+            'wrap',
+            'theme',
+            'as',
+            'forwardedAs',
+            'onChange',
+            'onFocus',
+            'onBlur',
+            'leftHelperPlacement',
+            'status',
+            'hintTargetIcon',
+            'hintOffset',
+            'hintContentLeft',
+            'hintView',
+        ]),
     },
     args: {
         id: 'example-textarea',

package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js

@@ -3,8 +3,7 @@ import { cx } from '../../utils';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base, Separator } from './Breadcrumbs.styles';
-import { addSeparator, convertIconSize } from './utils';
-import { getRenderItems } from './utils/getShortItems';
+import { addSeparator, convertIconSize, getRenderItems } from './utils';
 export var breadcrumbsRoot = function breadcrumbsRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     var view = _ref.view,

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

@@ -1,3 +1,19 @@
+import React from 'react';
+import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';
+import { StyledLink } from '../Breadcrumbs.styles';
+export var shortItems = function shortItems(items, renderSeparator, showItems) {
+  if (!showItems || showItems < 2 || items.length <= showItems) {
+    return items;
+  }
+  var leftSlice = Math.floor(showItems / 2);
+  var rightSlice = items.length - leftSlice - showItems % 2;
+  var renderItems = items.slice(leftSlice, rightSlice);
+  var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
+    separator: renderSeparator
+  }, renderItems);
+  items.splice(leftSlice, rightSlice - leftSlice, shorter);
+  return items;
+};
 export var convertIconSize = function convertIconSize(size) {
   switch (size) {
     case 's':
@@ -7,6 +23,25 @@ export var convertIconSize = function convertIconSize(size) {
       return 's';
   }
 };
+export var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
+  var renderItems = shortItems(items.map(function (item) {
+    if (item.renderItem) {
+      return item.renderItem();
+    }
+    var title = item.title,
+      disabled = item.disabled,
+      href = item.href,
+      onClick = item.onClick;
+    return /*#__PURE__*/React.createElement(StyledLink, {
+      tabIndex: 0,
+      href: href,
+      disabled: disabled,
+      onClick: onClick,
+      isHref: Boolean(href || onClick)
+    }, title);
+  }), renderSeparator, showItems);
+  return renderItems;
+};
 export var addSeparator = function addSeparator(items, renderSeparator) {
   return items.flatMap(function (item, idx) {
     return idx < items.length - 1 ? [item, renderSeparator] : [item];

package/styled-components/es/components/Calendar/utils/getDateWithModification.js

@@ -1,5 +1,5 @@
 import { CalendarState } from '../store/types';
-import { getPropsMap } from './calendarGridHelper';
+import { getPropsMap } from '.';
 var dateOperationHandler = {
   Days: {
     add: function add(date) {

package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js

@@ -13,7 +13,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';
+import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';
 import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../utils';
 import { useOutsideClick } from '../../../hooks';
@@ -29,7 +29,7 @@ import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Com
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { SelectNative } from './ui/SelectNative/SelectNative';
-import { Context } from './Combobox.context';
+export var Context = /*#__PURE__*/createContext({});
 
 /**
  * Поле ввода с выпадающим списком и возможностью фильтрации и выбора элементов.

package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.js

@@ -8,7 +8,7 @@ import { sizeToIconSize, getItemId } from '../../../../utils';
 import { classes } from '../../../../Combobox.tokens';
 import { cx, isEmpty } from '../../../../../../../utils';
 import { IconDisclosureRightCentered, IconDone } from '../../../../../../_Icon';
-import { Context } from '../../../../Combobox.context';
+import { Context } from '../../../../Combobox';
 import { useDidMountEffect } from '../../../../../../../hooks';
 import { StyledWrapper, StyledText, Wrapper, DisclosureIconWrapper, StyledCheckbox, IconWrapper, StyledIndicator, StyledCheckboxWrapper, StyledCell } from './Item.styles';
 export var Item = function Item(_ref) {

package/styled-components/es/components/Dropdown/Dropdown.js

@@ -8,7 +8,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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, useReducer, useRef } from 'react';
+import React, { createContext, forwardRef, useReducer, useRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
 import { cx } from '../../utils';
 import { useOutsideClick } from '../../hooks';
@@ -23,7 +23,7 @@ import { classes } from './Dropdown.tokens';
 import { useKeyNavigation } from './hooks/useKeyboardNavigation';
 import { useHashMaps } from './hooks/useHashMaps';
 import { FloatingPopover } from './FloatingPopover';
-import { Context } from './Dropdown.context';
+export var Context = /*#__PURE__*/createContext({});
 
 /**
  * Выпадающий список.

package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
-import { DropdownItem } from '../DropdownItem/DropdownItem';
+import { DropdownItem } from '..';
 import { Ul } from '../../Dropdown.styles';
 import { FloatingPopover } from '../../FloatingPopover';
 var DropdownInner = function DropdownInner(_ref) {

package/styled-components/es/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -6,7 +6,7 @@ import React, { useEffect, useRef, useContext } from 'react';
 import { classes } from '../../Dropdown.tokens';
 import { cx } from '../../../../utils';
 import { IconDisclosureRight } from '../../../_Icon';
-import { Context } from '../../Dropdown.context';
+import { Context } from '../../Dropdown';
 import { getItemId } from '../../utils';
 import { Wrapper, DisclosureIconWrapper, Divider, CellWrapper, StyledCell, RenderItemWrapper } from './DropdownItem.styles';
 export var DropdownItem = function DropdownItem(_ref) {

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

@@ -9,7 +9,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, useReducer, useMemo, useLayoutEffect, useRef } from 'react';
+import React, { forwardRef, useState, useReducer, useMemo, createContext, useLayoutEffect, useRef } from 'react';
 import { safeUseId } from '@salutejs/plasma-core';
 import { isEmpty } from '../../utils';
 import { useOutsideClick } from '../../hooks';
@@ -21,7 +21,7 @@ import { usePathMaps } from './hooks/usePathMaps';
 import { Ul, base } from './Select.styles';
 import { FloatingPopover } from './FloatingPopover';
 import { SelectNative } from './ui/SelectNative/SelectNative';
-import { Context } from './Select.context';
+export var Context = /*#__PURE__*/createContext({});
 
 /**
  * Выпадающий список. Поддерживает выбор одного или нескольких значений.

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

@@ -3,7 +3,7 @@ import { safeUseId } from '@salutejs/plasma-core';
 import { isEmpty } from '../../../../utils';
 import { Ul } from '../../Select.styles';
 import { FloatingPopover } from '../../FloatingPopover';
-import { Item } from './ui/Item/Item';
+import { Item } from './ui';
 export var Inner = function Inner(_ref) {
   var item = _ref.item,
     currentLevel = _ref.currentLevel,

package/styled-components/es/components/Select/ui/Inner/ui/Item/Item.js

@@ -8,7 +8,7 @@ import { sizeToIconSize, getItemId } from '../../../../utils';
 import { classes } from '../../../../Select.tokens';
 import { cx, isEmpty } from '../../../../../../utils';
 import { IconDisclosureRightCentered, IconDone } from '../../../../../_Icon';
-import { Context } from '../../../../Select.context';
+import { Context } from '../../../../Select';
 import { useDidMountEffect } from '../../../../../../hooks';
 import { StyledWrapper, StyledCell, StyledCheckbox, StyledIndicator, DisclosureIconWrapper, IconWrapper, StyledText, Wrapper, StyledCheckboxWrapper } from './Item.styles';
 export var Item = function Item(_ref) {

package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -6,7 +6,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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; }
 import React, { useState, useCallback } from 'react';
-import { DoubleSlider } from '../Double/Double';
+import { DoubleSlider } from '../index';
 export var DoubleUncontrolled = function DoubleUncontrolled(props) {
   var defaultValue = props.defaultValue,
     min = props.min,

package/styled-components/es/components/TextArea/TextArea.js

@@ -18,7 +18,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useState, createRef, useCallback, useRef } from 'react';
+import React, { forwardRef, useState, createRef, useCallback, useRef, useLayoutEffect } from 'react';
 import { css } from 'styled-components';
 import { useForkRef, useResizeObserver } from '@salutejs/plasma-core';
 import { cx, mergeRefs } from '../../utils';
@@ -192,6 +192,11 @@ export var textAreaRoot = function textAreaRoot(Root) {
         setIsHintVisible(true);
       }
     };
+    useLayoutEffect(function () {
+      if (outerRef.current) {
+        setUncontrolledValue(outerRef.current.value);
+      }
+    }, [outerRef]);
     useResizeObserver(outerRef, function (currentElement) {
       var inlineWidth = currentElement.style.width;
       if (inlineWidth || cols) {
@@ -297,6 +302,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
       applyCustomWidth: applyCustomWidth,
       ref: mergeRefs(outerRef, innerRef),
       disabled: disabled,
+      required: required,
       height: applyAutoResize ? minAuto : height,
       width: width,
       placeholder: placeholderLabel,

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

@@ -389,6 +389,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
       ref: inputForkRef,
       id: innerId,
       value: outerValue,
+      required: required,
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,

package/styled-components/es/engines/common.js

@@ -5,8 +5,48 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
 import React from 'react';
 import { _component } from './styled-components';
+//
+// Тип HTMLAttributesOmitOnChange требуется чтобы использовать компонент с кастомным пропсом onChange
+//
+
+export var getStaticVariants = function getStaticVariants(config) {
+  if (!config.variations) {
+    return [];
+  }
+  var res = [];
+  var variations = config.variations;
+
+  // eslint-disable-next-line guard-for-in
+  for (var key in variations) {
+    var css = variations[key].css;
+    css && res.push(css);
+  }
+  return res;
+};
+export var getDynamicVariants = function getDynamicVariants(config) {
+  return function (props) {
+    var res = [];
+
+    // eslint-disable-next-line guard-for-in
+    for (var key in config.variations) {
+      if (key in props) {
+        var variant = config.variations[key];
+        var css = variant[props[key]];
+        // no css for { modifier: true }
+        css && Array.isArray(css) ? res.push.apply(res, _toConsumableArray(css)) : res.push(css);
+      }
+    }
+    return res;
+  };
+};
 export var mergeConfig = function mergeConfig(baseConfig, userConfig) {
   var res = _objectSpread(_objectSpread({}, baseConfig), userConfig);
   if (res.variations) {

package/styled-components/es/engines/styled-components.js

@@ -1,7 +1,7 @@
 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, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { getStaticVariants, getDynamicVariants } from './utils';
+import { getStaticVariants, getDynamicVariants } from './common';
 export { styled, css };
 var Root = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-1xug4g9-0"

package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx

@@ -13,6 +13,8 @@ import { config } from './TextArea.config';
 import { TextArea } from './TextArea';
 
 const labelPlacements = ['inner', 'outer'];
+const sizes = ['xs', 's', 'm', 'l'];
+const views = ['default', 'positive', 'warning', 'negative'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];
@@ -67,22 +69,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        rows: {
+        size: {
+            options: sizes,
+            defaultValue: 'm',
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
-        cols: {
+        view: {
+            options: views,
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
             control: {
-                type: 'inline-radio',
+                type: 'select',
             },
         },
         hasDivider: {
@@ -91,6 +94,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'clear', truthy: true },
         },
+        cols: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        rows: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        hasHint: {
+            control: {
+                type: 'boolean',
+            },
+        },
         hintText: {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
@@ -132,7 +152,50 @@ const meta: Meta<StoryTextAreaProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        ...disableProps(['leftHelperPlacement']),
+        helperText: {
+            control: { type: 'text' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        height: {
+            control: { type: 'text' },
+        },
+        leftHelper: {
+            control: { type: 'text' },
+        },
+        titleCaption: {
+            control: { type: 'text' },
+        },
+        rightHelper: {
+            control: { type: 'text' },
+        },
+        ...disableProps([
+            'helperBlock',
+            '$isFocused',
+            'contentRight',
+            'autoComplete',
+            'autoFocus',
+            'dirName',
+            'form',
+            'minLength',
+            'maxLength',
+            'name',
+            'value',
+            'wrap',
+            'theme',
+            'as',
+            'forwardedAs',
+            'onChange',
+            'onFocus',
+            'onBlur',
+            'leftHelperPlacement',
+            'status',
+            'hintTargetIcon',
+            'hintOffset',
+            'hintContentLeft',
+            'hintView',
+        ]),
     },
     args: {
         id: 'example-textarea',

package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx

@@ -13,6 +13,7 @@ import { config } from './TextArea.config';
 import { TextArea } from './TextArea';
 
 const labelPlacements = ['inner', 'outer'];
+const sizes = ['xs', 's', 'm', 'l'];
 const hintViews = ['default'];
 const hintSizes = ['m', 's'];
 const hintTriggers = ['hover', 'click'];
@@ -67,17 +68,18 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'required', truthy: false },
         },
-        rows: {
+        size: {
+            options: sizes,
+            defaultValue: 'm',
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
-        cols: {
+        view: {
+            options: views,
             control: {
-                type: 'number',
+                type: 'select',
             },
-            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
@@ -91,6 +93,23 @@ const meta: Meta<StoryTextAreaProps> = {
             },
             if: { arg: 'clear', truthy: true },
         },
+        cols: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        rows: {
+            control: {
+                type: 'number',
+            },
+            if: { arg: 'clear', truthy: false },
+        },
+        hasHint: {
+            control: {
+                type: 'boolean',
+            },
+        },
         hintText: {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
@@ -132,7 +151,50 @@ const meta: Meta<StoryTextAreaProps> = {
             control: { type: 'text' },
             if: { arg: 'hasHint', truthy: true },
         },
-        ...disableProps(['leftHelperPlacement']),
+        helperText: {
+            control: { type: 'text' },
+        },
+        width: {
+            control: { type: 'text' },
+        },
+        height: {
+            control: { type: 'text' },
+        },
+        leftHelper: {
+            control: { type: 'text' },
+        },
+        titleCaption: {
+            control: { type: 'text' },
+        },
+        rightHelper: {
+            control: { type: 'text' },
+        },
+        ...disableProps([
+            'helperBlock',
+            '$isFocused',
+            'contentRight',
+            'autoComplete',
+            'autoFocus',
+            'dirName',
+            'form',
+            'minLength',
+            'maxLength',
+            'name',
+            'value',
+            'wrap',
+            'theme',
+            'as',
+            'forwardedAs',
+            'onChange',
+            'onFocus',
+            'onBlur',
+            'leftHelperPlacement',
+            'status',
+            'hintTargetIcon',
+            'hintOffset',
+            'hintContentLeft',
+            'hintView',
+        ]),
     },
     args: {
         id: 'example-textarea',

package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAO5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAe5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAjBQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAkChF,CAAC"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,eAAe,SAAU,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;wCAe5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAjBQ,UAAU,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;CAkChF,CAAC"}

package/types/components/Breadcrumbs/utils/index.d.ts

@@ -1,4 +1,7 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
+import { BreadcrumbsItem } from '../Breadcrumbs.types';
+export declare const shortItems: (items: ReactNode[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
 export declare const convertIconSize: (size?: string | undefined) => "s" | "xs";
-export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => ReactNode[];
+export declare const getRenderItems: (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number | undefined) => React.ReactNode[];
+export declare const addSeparator: (items: ReactNode[], renderSeparator: ReactNode) => React.ReactNode[];
 //# sourceMappingURL=index.d.ts.map

package/types/components/Breadcrumbs/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,gBAE1E,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,eAAO,MAAM,UAAU,UAAW,SAAS,EAAE,mBAAmB,SAAS,sDAYxE,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,EAAE,mBAAmB,SAAS,sDA0BlF,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,SAAS,EAAE,mBAAmB,SAAS,sBAE1E,CAAC"}

package/types/components/Calendar/utils/getDateWithModification.d.ts

@@ -1,5 +1,5 @@
 import type { DateItem, DisabledDay, EventDay } from '../Calendar.types';
-import { CalendarStateType } from '../store/types';
+import type { CalendarStateType } from '..';
 declare type GetDatesWithModificationsArgs = {
     dates: DateItem[];
     type: CalendarStateType;

package/types/components/Calendar/utils/getDateWithModification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDateWithModification.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/getDateWithModification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,EAAiB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIlE,aAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;CACd,CAAC;AAuJF;;GAEG;AACH,eAAO,MAAM,yBAAyB,0EAQnC,6BAA6B,eA6C/B,CAAC"}
+{"version":3,"file":"getDateWithModification.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/utils/getDateWithModification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACrF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;AAK5C,aAAK,6BAA6B,GAAG;IACjC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,IAAI,EAAE,iBAAiB,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,GAAG,CAAC,EAAE,IAAI,CAAC;IACX,GAAG,CAAC,EAAE,IAAI,CAAC;CACd,CAAC;AAuJF;;GAEG;AACH,eAAO,MAAM,yBAAyB,0EAQnC,6BAA6B,eA6C/B,CAAC"}