@salutejs/plasma-core 1.226.1-next-sbcom.0 → 1.227.0-dev.0

package/es/components/Tabs/Tabs.js

@@ -1,182 +1,44 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { applyDisabled } from '../../mixins';
 import { StyledTabItem } from './TabItem';
-export var StyledTabs = styled.div.withConfig({
+export const StyledTabs = styled.div.withConfig({
     displayName: "Tabs__StyledTabs",
     componentId: "sc-c62b2a-0"
 })([
-    "position:relative;display:inline-flex;align-items:center;box-sizing:border-box;flex-wrap:nowrap;justify-content:stretch;padding:0;margin:0;width:max-content;list-style-type:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);",
-    " gap:inherit;"
-], function(param) {
-    var _param_stretch = param.stretch, stretch = _param_stretch === void 0 ? false : _param_stretch;
-    return !stretch && css([
-        "margin:0 var(--tabs-margin);"
-    ]);
-});
-export var StyledWrapper = styled.div.withConfig({
+    `position:relative;display:inline-flex;align-items:center;box-sizing:border-box;flex-wrap:nowrap;justify-content:stretch;padding:0;margin:0;width:max-content;list-style-type:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);`,
+    ` gap:inherit;`
+], ({ stretch = false })=>!stretch && css([
+        `margin:0 var(--tabs-margin);`
+    ]));
+export const StyledWrapper = styled.div.withConfig({
     displayName: "Tabs__StyledWrapper",
     componentId: "sc-c62b2a-1"
 })([
-    "overflow-x:auto;margin-left:calc(var(--tab-focus-border-size) * -1);margin-top:calc(var(--tab-focus-border-size) * -2);padding:var(--tab-focus-border-size);transform:translateY(var(--tab-focus-border-size));&::-webkit-scrollbar{display:none;}",
-    "{",
-    "}",
-    " ",
-    " ",
-    "{",
-    "}gap:0.125rem;"
-], StyledTabs, applyDisabled, function(param) {
-    var stretch = param.stretch;
-    return stretch && css([
-        "width:100%;",
-        "{width:100%;}",
-        "{flex:1 1 calc((100% / 4) - 0.125rem);}"
-    ], StyledTabs, StyledTabItem);
-}, function(param) {
-    var _param_stretch = param.stretch, stretch = _param_stretch === void 0 ? false : _param_stretch;
-    return !stretch && css([
-        "margin-left:calc(var(--tabs-margin) * -1 + var(--tab-focus-border-size) * -1);margin-right:calc(var(--tabs-margin) * -1);"
-    ]);
-}, StyledTabItem, function(param) {
-    var disabled = param.disabled;
-    return disabled && css([
-        "cursor:not-allowed;"
-    ]);
-});
+    `overflow-x:auto;margin-left:calc(var(--tab-focus-border-size) * -1);margin-top:calc(var(--tab-focus-border-size) * -2);padding:var(--tab-focus-border-size);transform:translateY(var(--tab-focus-border-size));&::-webkit-scrollbar{display:none;}`,
+    `{`,
+    `}`,
+    ` `,
+    ` `,
+    `{`,
+    `}gap:0.125rem;`
+], StyledTabs, applyDisabled, ({ stretch })=>stretch && css([
+        `width:100%;`,
+        `{width:100%;}`,
+        `{flex:1 1 calc((100% / 4) - 0.125rem);}`
+    ], StyledTabs, StyledTabItem), ({ stretch = false })=>!stretch && css([
+        `margin-left:calc(var(--tabs-margin) * -1 + var(--tab-focus-border-size) * -1);margin-right:calc(var(--tabs-margin) * -1);`
+    ]), StyledTabItem, ({ disabled })=>disabled && css([
+        `cursor:not-allowed;`
+    ]));
 /**
  * Контейнер вкладок.
- */ export var Tabs = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _ref_role = _ref2.role, role = _ref_role === void 0 ? 'tablist' : _ref_role, as = _ref2.as, children = _ref2.children, stretch = _ref2.stretch, rest = _object_without_properties(_ref2, [
-        "role",
-        "as",
-        "children",
-        "stretch"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    return /*#__PURE__*/ React.createElement(StyledWrapper, _object_spread({
-        stretch: stretch
-    }, rest), /*#__PURE__*/ React.createElement(StyledTabs, {
+ */ export const Tabs = /*#__PURE__*/ React.forwardRef(({ role = 'tablist', as, children, stretch, ...rest }, ref)=>/*#__PURE__*/ React.createElement(StyledWrapper, {
+        stretch: stretch,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(StyledTabs, {
         as: as,
         ref: ref,
         role: role,
         stretch: stretch
-    }, children));
-});
+    }, children)));

package/es/components/Tabs/TabsContext.js

@@ -1,22 +1,3 @@
-function _class_call_check(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-    }
-}
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-    }
-}
-function _create_class(Constructor, protoProps, staticProps) {
-    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
-}
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -31,27 +12,16 @@ function _define_property(obj, key, value) {
     return obj;
 }
 import { createContext } from 'react';
-export var TabItemRefs = /*#__PURE__*/ function() {
-    "use strict";
-    function TabItemRefs() {
-        _class_call_check(this, TabItemRefs);
+export class TabItemRefs {
+    register(ref) {
+        this.items.push(ref);
+        return this.items.length - 1;
+    }
+    unregister(ref) {
+        this.items.splice(this.items.indexOf(ref), 1);
+    }
+    constructor(){
         _define_property(this, "items", []);
     }
-    _create_class(TabItemRefs, [
-        {
-            key: "register",
-            value: function register(ref) {
-                this.items.push(ref);
-                return this.items.length - 1;
-            }
-        },
-        {
-            key: "unregister",
-            value: function unregister(ref) {
-                this.items.splice(this.items.indexOf(ref), 1);
-            }
-        }
-    ]);
-    return TabItemRefs;
-}();
-export var TabsContext = /*#__PURE__*/ createContext(null);
+}
+export const TabsContext = /*#__PURE__*/ createContext(null);

package/es/components/Tabs/createTabsController.js

@@ -1,119 +1,3 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_array(arr) {
-    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(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(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
 import React, { forwardRef, useMemo, useCallback, useRef } from 'react';
 import { useForkRef } from '../../hooks';
 import { TabItemRefs, TabsContext } from './TabsContext';
@@ -129,47 +13,31 @@ var Keys = /*#__PURE__*/ function(Keys) {
 /**
  * Функция для создания `TabController`, которая дает возможность
  * кастомизировать стили, при этом сохраняя единый интерфейс и функционал.
- */ export function createTabsController() {
-    var ListComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : Tabs, ItemComponent = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : TabItem;
+ */ export function createTabsController(ListComponent = Tabs, ItemComponent = TabItem) {
     // eslint-disable-next-line prefer-arrow-callback
-    return /*#__PURE__*/ forwardRef(function TabsController(_0, _1) {
-        var _ref = [
-            _0,
-            _1
-        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), items = _ref2.items, index = _ref2.index, autoscroll = _ref2.autoscroll, onIndexChange = _ref2.onIndexChange, rest = _object_without_properties(_ref2, [
-            "items",
-            "index",
-            "autoscroll",
-            "onIndexChange"
-        ]), _rest1 = _sliced_to_array(_rest, 1), outerRef = _rest1[0];
-        var disabled = rest.disabled;
-        var refs = useMemo(function() {
-            return new TabItemRefs();
-        }, []);
-        var innerRef = useRef(null);
-        var ref = useForkRef(outerRef, innerRef);
-        var onItemFocus = useCallback(function(event) {
-            var _innerRef_current;
+    return /*#__PURE__*/ forwardRef(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, outerRef) {
+        const { disabled } = rest;
+        const refs = useMemo(()=>new TabItemRefs(), []);
+        const innerRef = useRef(null);
+        const ref = useForkRef(outerRef, innerRef);
+        const onItemFocus = useCallback((event)=>{
             if (disabled) {
                 return;
             }
-            var focusIndex = refs.items.findIndex(function(itemRef) {
-                return itemRef.current === event.target;
-            });
-            var focusItem = refs.items[focusIndex];
+            const focusIndex = refs.items.findIndex((itemRef)=>itemRef.current === event.target);
+            const focusItem = refs.items[focusIndex];
             if (focusIndex === index) {
                 return;
             }
-            onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(focusIndex);
-            var parent = (_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.parentNode;
-            if (autoscroll && parent && (focusItem === null || focusItem === void 0 ? void 0 : focusItem.current)) {
-                var _focusItem_current;
-                var _ref = (_focusItem_current = focusItem.current) === null || _focusItem_current === void 0 ? void 0 : _focusItem_current.getBoundingClientRect(), x = _ref.x, width = _ref.width;
-                var _parent_getBoundingClientRect = parent.getBoundingClientRect(), parentX = _parent_getBoundingClientRect.x, parentWidth = _parent_getBoundingClientRect.width;
-                var relativeX = x - parentX;
-                var style = window.getComputedStyle(parent);
-                var marginLeft = Number.parseInt(style.marginLeft, 10);
-                var marginRight = Number.parseInt(style.marginRight, 10);
+            onIndexChange?.(focusIndex);
+            const parent = innerRef.current?.parentNode;
+            if (autoscroll && parent && focusItem?.current) {
+                const { x, width } = focusItem.current?.getBoundingClientRect();
+                const { x: parentX, width: parentWidth } = parent.getBoundingClientRect();
+                const relativeX = x - parentX;
+                const style = window.getComputedStyle(parent);
+                const marginLeft = Number.parseInt(style.marginLeft, 10);
+                const marginRight = Number.parseInt(style.marginRight, 10);
                 if (relativeX < -marginLeft) {
                     parent.scrollLeft += relativeX + marginLeft;
                     return;
@@ -185,13 +53,13 @@ var Keys = /*#__PURE__*/ function(Keys) {
             onIndexChange,
             disabled
         ]);
-        var onKeyDown = useCallback(function(event) {
+        const onKeyDown = useCallback((event)=>{
             if (disabled) {
                 return;
             }
-            var minIndex = 0;
-            var maxIndex = refs.items.length - 1;
-            var nextIndex;
+            const minIndex = 0;
+            const maxIndex = refs.items.length - 1;
+            let nextIndex;
             switch(event.keyCode){
                 case 35:
                     nextIndex = maxIndex;
@@ -209,9 +77,8 @@ var Keys = /*#__PURE__*/ function(Keys) {
                     return;
             }
             if (nextIndex !== index) {
-                var _refs_items_nextIndex_current;
                 event.preventDefault();
-                (_refs_items_nextIndex_current = refs.items[nextIndex].current) === null || _refs_items_nextIndex_current === void 0 ? void 0 : _refs_items_nextIndex_current.focus();
+                refs.items[nextIndex].current?.focus();
             }
         }, [
             index,
@@ -220,19 +87,17 @@ var Keys = /*#__PURE__*/ function(Keys) {
         ]);
         return /*#__PURE__*/ React.createElement(TabsContext.Provider, {
             value: refs
-        }, /*#__PURE__*/ React.createElement(ListComponent, _object_spread({
+        }, /*#__PURE__*/ React.createElement(ListComponent, {
             ref: ref,
-            onKeyDown: onKeyDown
-        }, rest), items.map(function(param, i) {
-            var label = param.label, contentLeft = param.contentLeft;
-            return /*#__PURE__*/ React.createElement(ItemComponent, {
+            onKeyDown: onKeyDown,
+            ...rest
+        }, items.map(({ label, contentLeft }, i)=>/*#__PURE__*/ React.createElement(ItemComponent, {
                 key: i,
                 isActive: i === index,
                 tabIndex: !disabled && i === index ? 0 : -1,
                 contentLeft: contentLeft,
                 onFocus: onItemFocus,
                 disabled: disabled
-            }, label);
-        })));
+            }, label))));
     });
 }

package/es/components/TextArea/TextArea.js

@@ -1,38 +1,28 @@
 import styled, { css } from 'styled-components';
 import { applyInputStyles } from '../Input/Input.mixins';
-export var applyTextAreaCssProperties = function applyTextAreaCssProperties(param) {
-    var height = param.height, width = param.width;
-    var computedHeight = !Number.isNaN(Number(height)) ? "".concat(height, "rem") : height;
-    var computedWidth = !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width;
+export const applyTextAreaCssProperties = ({ height, width })=>{
+    const computedHeight = !Number.isNaN(Number(height)) ? `${height}rem` : height;
+    const computedWidth = !Number.isNaN(Number(width)) ? `${width}rem` : width;
     return css([
-        "--plasma-textarea-height:",
-        ";--plasma-textarea-width:",
-        ";"
+        `--plasma-textarea-height:`,
+        `;--plasma-textarea-width:`,
+        `;`
     ], computedHeight, computedWidth);
 };
 /**
  * Base textarea.
- */ export var TextArea = styled.textarea.withConfig({
+ */ export const TextArea = styled.textarea.withConfig({
     displayName: "TextArea",
     componentId: "sc-c2e61f4e-0"
 })([
-    "",
-    " ",
-    " display:block;min-height:3.5rem;height:",
-    ";width:",
-    ";",
-    ""
-], applyInputStyles, applyTextAreaCssProperties, function(param) {
-    var rows = param.rows;
-    return rows ? 'unset' : 'var(--plasma-textarea-height, 9.375rem)';
-}, function(param) {
-    var cols = param.cols;
-    return cols ? 'unset' : 'var(--plasma-textarea-width, 100%)';
-}, function(param) {
-    var resize = param.resize, cols = param.cols;
-    return css([
-        "",
-        " ",
-        ""
-    ], resize && "resize: ".concat(resize, ";"), resize !== 'both' && resize !== 'horizontal' && !cols && 'min-width: var(--plasma-textarea-width, 100%); max-width: var(--plasma-textarea-width, 100%)');
-});
+    ``,
+    ` `,
+    ` display:block;min-height:3.5rem;height:`,
+    `;width:`,
+    `;`,
+    ``
+], applyInputStyles, applyTextAreaCssProperties, ({ rows })=>rows ? 'unset' : 'var(--plasma-textarea-height, 9.375rem)', ({ cols })=>cols ? 'unset' : 'var(--plasma-textarea-width, 100%)', ({ resize, cols })=>css([
+        ``,
+        ` `,
+        ``
+    ], resize && `resize: ${resize};`, resize !== 'both' && resize !== 'horizontal' && !cols && 'min-width: var(--plasma-textarea-width, 100%); max-width: var(--plasma-textarea-width, 100%)'));

package/es/components/Toast/Toast.js

@@ -3,28 +3,27 @@ import styled from 'styled-components';
 import { applyNoSelect } from '../../mixins';
 import { dark02, white } from '../../tokens';
 import { Footnote1 } from '../Typography';
-export var StyledRoot = styled(Footnote1).withConfig({
+export const StyledRoot = styled(Footnote1).withConfig({
     displayName: "Toast__StyledRoot",
     componentId: "sc-d40fdfda-0"
 })([
-    "display:inline-flex;align-items:center;padding:0.6875rem 1.25rem;border-radius:1.5rem;background:",
-    ";color:",
-    ";",
-    ";"
+    `display:inline-flex;align-items:center;padding:0.6875rem 1.25rem;border-radius:1.5rem;background:`,
+    `;color:`,
+    `;`,
+    `;`
 ], dark02, white, applyNoSelect);
-var StyledContent = styled.div.withConfig({
+const StyledContent = styled.div.withConfig({
     displayName: "Toast__StyledContent",
     componentId: "sc-d40fdfda-1"
 })([
-    "display:flex;align-items:center;margin-right:0.5rem;"
+    `display:flex;align-items:center;margin-right:0.5rem;`
 ]);
 /**
  * Короткие текстовые подсказки.
  * Вызываются только в текущем запущенном приложении как реакция на выполнение действия пользователем.
- */ export var Toast = function Toast(param) {
-    var _param_role = param.role, role = _param_role === void 0 ? 'status' : _param_role, text = param.text, contentLeft = param.contentLeft;
-    var ariaLive = 'polite';
-    var ariaAtomic = false;
+ */ export const Toast = ({ role = 'status', text, contentLeft })=>{
+    let ariaLive = 'polite';
+    let ariaAtomic = false;
     if (role === 'alert') {
         ariaLive = 'assertive';
     } else if (role === 'status') {

package/es/components/Toast/ToastContext.js

@@ -1,12 +1,8 @@
 import { createContext } from 'react';
-export var ToastContext = /*#__PURE__*/ createContext({
+export const ToastContext = /*#__PURE__*/ createContext({
     text: null,
     position: null,
     timeout: null,
-    showToast: function showToast() {
-        return undefined;
-    },
-    hideToast: function hideToast() {
-        return undefined;
-    }
+    showToast: ()=>undefined,
+    hideToast: ()=>undefined
 });