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

package/components/Tabs/Tabs.js

@@ -19,31 +19,10 @@ _export(exports, {
         return Tabs;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_default(require("react"));
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _mixins = require("../../mixins");
-var _TabItem = require("./TabItem");
-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;
-}
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _mixins = require("../../mixins");
+const _TabItem = require("./TabItem");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -90,158 +69,41 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-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);
-}
-var StyledTabs = _styledcomponents.default.div.withConfig({
+const StyledTabs = _styledcomponents.default.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 && (0, _styledcomponents.css)([
-        "margin:0 var(--tabs-margin);"
-    ]);
-});
-var StyledWrapper = _styledcomponents.default.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 && (0, _styledcomponents.css)([
+        `margin:0 var(--tabs-margin);`
+    ]));
+const StyledWrapper = _styledcomponents.default.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, _mixins.applyDisabled, function(param) {
-    var stretch = param.stretch;
-    return stretch && (0, _styledcomponents.css)([
-        "width:100%;",
-        "{width:100%;}",
-        "{flex:1 1 calc((100% / 4) - 0.125rem);}"
-    ], StyledTabs, _TabItem.StyledTabItem);
-}, function(param) {
-    var _param_stretch = param.stretch, stretch = _param_stretch === void 0 ? false : _param_stretch;
-    return !stretch && (0, _styledcomponents.css)([
-        "margin-left:calc(var(--tabs-margin) * -1 + var(--tab-focus-border-size) * -1);margin-right:calc(var(--tabs-margin) * -1);"
-    ]);
-}, _TabItem.StyledTabItem, function(param) {
-    var disabled = param.disabled;
-    return disabled && (0, _styledcomponents.css)([
-        "cursor:not-allowed;"
-    ]);
-});
-var Tabs = /*#__PURE__*/ _react.default.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.default.createElement(StyledWrapper, _object_spread({
-        stretch: stretch
-    }, rest), /*#__PURE__*/ _react.default.createElement(StyledTabs, {
+    `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, _mixins.applyDisabled, ({ stretch })=>stretch && (0, _styledcomponents.css)([
+        `width:100%;`,
+        `{width:100%;}`,
+        `{flex:1 1 calc((100% / 4) - 0.125rem);}`
+    ], StyledTabs, _TabItem.StyledTabItem), ({ stretch = false })=>!stretch && (0, _styledcomponents.css)([
+        `margin-left:calc(var(--tabs-margin) * -1 + var(--tab-focus-border-size) * -1);margin-right:calc(var(--tabs-margin) * -1);`
+    ]), _TabItem.StyledTabItem, ({ disabled })=>disabled && (0, _styledcomponents.css)([
+        `cursor:not-allowed;`
+    ]));
+const Tabs = /*#__PURE__*/ _react.default.forwardRef(({ role = 'tablist', as, children, stretch, ...rest }, ref)=>/*#__PURE__*/ _react.default.createElement(StyledWrapper, {
+        stretch: stretch,
+        ...rest
+    }, /*#__PURE__*/ _react.default.createElement(StyledTabs, {
         as: as,
         ref: ref,
         role: role,
         stretch: stretch
-    }, children));
-});
+    }, children)));

package/components/Tabs/TabsContext.js

@@ -16,26 +16,7 @@ _export(exports, {
         return TabsContext;
     }
 });
-var _react = require("react");
-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;
-}
+const _react = require("react");
 function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -49,27 +30,16 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-var TabItemRefs = /*#__PURE__*/ function() {
-    "use strict";
-    function TabItemRefs() {
-        _class_call_check(this, TabItemRefs);
+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;
-}();
-var TabsContext = /*#__PURE__*/ (0, _react.createContext)(null);
+}
+const TabsContext = /*#__PURE__*/ (0, _react.createContext)(null);

package/components/Tabs/createTabsController.js

@@ -8,32 +8,11 @@ Object.defineProperty(exports, "createTabsController", {
         return createTabsController;
     }
 });
-var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-var _hooks = require("../../hooks");
-var _TabsContext = require("./TabsContext");
-var _Tabs = require("./Tabs");
-var _TabItem = require("./TabItem");
-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;
-}
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _hooks = require("../../hooks");
+const _TabsContext = require("./TabsContext");
+const _Tabs = require("./Tabs");
+const _TabItem = require("./TabItem");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -75,101 +54,6 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-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);
-}
 var Keys = /*#__PURE__*/ function(Keys) {
     Keys[Keys["end"] = 35] = "end";
     Keys[Keys["home"] = 36] = "home";
@@ -177,47 +61,31 @@ var Keys = /*#__PURE__*/ function(Keys) {
     Keys[Keys["right"] = 39] = "right";
     return Keys;
 }(Keys || {});
-function createTabsController() {
-    var ListComponent = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _Tabs.Tabs, ItemComponent = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : _TabItem.TabItem;
+function createTabsController(ListComponent = _Tabs.Tabs, ItemComponent = _TabItem.TabItem) {
     // eslint-disable-next-line prefer-arrow-callback
-    return /*#__PURE__*/ (0, _react.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 = (0, _react.useMemo)(function() {
-            return new _TabsContext.TabItemRefs();
-        }, []);
-        var innerRef = (0, _react.useRef)(null);
-        var ref = (0, _hooks.useForkRef)(outerRef, innerRef);
-        var onItemFocus = (0, _react.useCallback)(function(event) {
-            var _innerRef_current;
+    return /*#__PURE__*/ (0, _react.forwardRef)(function TabsController({ items, index, autoscroll, onIndexChange, ...rest }, outerRef) {
+        const { disabled } = rest;
+        const refs = (0, _react.useMemo)(()=>new _TabsContext.TabItemRefs(), []);
+        const innerRef = (0, _react.useRef)(null);
+        const ref = (0, _hooks.useForkRef)(outerRef, innerRef);
+        const onItemFocus = (0, _react.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;
@@ -233,13 +101,13 @@ function createTabsController() {
             onIndexChange,
             disabled
         ]);
-        var onKeyDown = (0, _react.useCallback)(function(event) {
+        const onKeyDown = (0, _react.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;
@@ -257,9 +125,8 @@ function createTabsController() {
                     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,
@@ -268,19 +135,17 @@ function createTabsController() {
         ]);
         return /*#__PURE__*/ _react.default.createElement(_TabsContext.TabsContext.Provider, {
             value: refs
-        }, /*#__PURE__*/ _react.default.createElement(ListComponent, _object_spread({
+        }, /*#__PURE__*/ _react.default.createElement(ListComponent, {
             ref: ref,
-            onKeyDown: onKeyDown
-        }, rest), items.map(function(param, i) {
-            var label = param.label, contentLeft = param.contentLeft;
-            return /*#__PURE__*/ _react.default.createElement(ItemComponent, {
+            onKeyDown: onKeyDown,
+            ...rest
+        }, items.map(({ label, contentLeft }, i)=>/*#__PURE__*/ _react.default.createElement(ItemComponent, {
                 key: i,
                 isActive: i === index,
                 tabIndex: !disabled && i === index ? 0 : -1,
                 contentLeft: contentLeft,
                 onFocus: onItemFocus,
                 disabled: disabled
-            }, label);
-        })));
+            }, label))));
     });
 }

package/components/Tabs/index.js

@@ -28,7 +28,7 @@ _export(exports, {
         return _createTabsController.createTabsController;
     }
 });
-var _createTabsController = require("./createTabsController");
-var _TabsContext = require("./TabsContext");
-var _Tabs = require("./Tabs");
-var _TabItem = require("./TabItem");
+const _createTabsController = require("./createTabsController");
+const _TabsContext = require("./TabsContext");
+const _Tabs = require("./Tabs");
+const _TabItem = require("./TabItem");

package/components/TextArea/TextArea.js

@@ -16,8 +16,8 @@ _export(exports, {
         return applyTextAreaCssProperties;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
-var _Inputmixins = require("../Input/Input.mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+const _Inputmixins = require("../Input/Input.mixins");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -59,37 +59,27 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-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;
+const applyTextAreaCssProperties = ({ height, width })=>{
+    const computedHeight = !Number.isNaN(Number(height)) ? `${height}rem` : height;
+    const computedWidth = !Number.isNaN(Number(width)) ? `${width}rem` : width;
     return (0, _styledcomponents.css)([
-        "--plasma-textarea-height:",
-        ";--plasma-textarea-width:",
-        ";"
+        `--plasma-textarea-height:`,
+        `;--plasma-textarea-width:`,
+        `;`
     ], computedHeight, computedWidth);
 };
-var TextArea = _styledcomponents.default.textarea.withConfig({
+const TextArea = _styledcomponents.default.textarea.withConfig({
     displayName: "TextArea",
     componentId: "sc-c2e61f4e-0"
 })([
-    "",
-    " ",
-    " display:block;min-height:3.5rem;height:",
-    ";width:",
-    ";",
-    ""
-], _Inputmixins.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 (0, _styledcomponents.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:`,
+    `;`,
+    ``
+], _Inputmixins.applyInputStyles, applyTextAreaCssProperties, ({ rows })=>rows ? 'unset' : 'var(--plasma-textarea-height, 9.375rem)', ({ cols })=>cols ? 'unset' : 'var(--plasma-textarea-width, 100%)', ({ resize, cols })=>(0, _styledcomponents.css)([
+        ``,
+        ` `,
+        ``
+    ], resize && `resize: ${resize};`, resize !== 'both' && resize !== 'horizontal' && !cols && 'min-width: var(--plasma-textarea-width, 100%); max-width: var(--plasma-textarea-width, 100%)'));

package/components/TextArea/index.js

@@ -16,4 +16,4 @@ _export(exports, {
         return _TextArea.applyTextAreaCssProperties;
     }
 });
-var _TextArea = require("./TextArea");
+const _TextArea = require("./TextArea");

package/components/TextField/index.js

@@ -28,6 +28,6 @@ _export(exports, {
         return _TextArea.TextArea;
     }
 });
-var _Field = require("../Field");
-var _Input = require("../Input");
-var _TextArea = require("../TextArea");
+const _Field = require("../Field");
+const _Input = require("../Input");
+const _TextArea = require("../TextArea");