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

package/es/components/PopupBase/hooks.js

@@ -1,100 +1,25 @@
-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_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 _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 _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 { useEffect, useState } from 'react';
 import { usePopupBaseContext } from './PopupBaseContext';
 // Хук для поключения анимации
-export var usePopupAnimation = function usePopupAnimation() {
-    var _useState = _sliced_to_array(useState(false), 2), endAnimation = _useState[0], setEndAnimation = _useState[1];
-    var _useState1 = _sliced_to_array(useState(false), 2), endTransition = _useState1[0], setEndTransition = _useState1[1];
+export const usePopupAnimation = ()=>{
+    const [endAnimation, setEndAnimation] = useState(false);
+    const [endTransition, setEndTransition] = useState(false);
     return {
-        endAnimation: endAnimation,
-        endTransition: endTransition,
-        setEndTransition: setEndTransition,
-        setEndAnimation: setEndAnimation
+        endAnimation,
+        endTransition,
+        setEndTransition,
+        setEndAnimation
     };
 };
 // Хук для внутреннего состояния, необходимого для правильного отображения вложенных окон, а также для анимации
-export var usePopup = function usePopup(param) {
-    var isOpen = param.isOpen, id = param.id, popupInfo = param.popupInfo, withAnimation = param.withAnimation;
-    var _useState = _sliced_to_array(useState(false), 2), isVisible = _useState[0], setVisible = _useState[1];
-    var popupController = usePopupBaseContext();
-    var animationInfo = usePopupAnimation();
+export const usePopup = ({ isOpen, id, popupInfo, withAnimation })=>{
+    const [isVisible, setVisible] = useState(false);
+    const popupController = usePopupBaseContext();
+    const animationInfo = usePopupAnimation();
     // для использования transition в качестве анимации
-    useEffect(function() {
+    useEffect(()=>{
         if (withAnimation && animationInfo) {
-            animationInfo.setEndTransition(!isVisible || (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation));
+            animationInfo.setEndTransition(!isVisible || animationInfo?.endAnimation);
         }
     }, [
         animationInfo,
@@ -102,12 +27,13 @@ export var usePopup = function usePopup(param) {
         isVisible
     ]);
     // сначала добавление/удаление из контекста, и только после этого отображение/скрытие
-    useEffect(function() {
+    useEffect(()=>{
         // при первом открытии
         if (isOpen && !isVisible) {
-            popupController.register(_object_spread({
-                id: id
-            }, popupInfo));
+            popupController.register({
+                id,
+                ...popupInfo
+            });
             setVisible(true);
             animationInfo.setEndAnimation(false);
             return;
@@ -130,8 +56,8 @@ export var usePopup = function usePopup(param) {
         withAnimation
     ]);
     return {
-        isVisible: isVisible,
-        setVisible: setVisible,
-        animationInfo: animationInfo
+        isVisible,
+        setVisible,
+        animationInfo
     };
 };

package/es/components/PopupBase/utils.js

@@ -1,76 +1,30 @@
-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 _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 _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 _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 { css } from 'styled-components';
 /*
  * Класс корневого компонента PopupBaseRoot: `popup-base-root`
- */ export var popupBaseRootClass = 'popup-base-root';
-export var endAnimationClass = 'popup-base-end-animation';
-export var endTransitionClass = 'popup-base-end-transition';
-export var handlePosition = function handlePosition(placement, offset) {
-    var x = '0rem';
-    var y = '0rem';
+ */ export const popupBaseRootClass = 'popup-base-root';
+export const endAnimationClass = 'popup-base-end-animation';
+export const endTransitionClass = 'popup-base-end-transition';
+export const handlePosition = (placement, offset)=>{
+    let x = '0rem';
+    let y = '0rem';
     if (offset) {
-        var _offset = _sliced_to_array(offset, 2), _x = _offset[0], _y = _offset[1];
-        x = typeof _x === 'number' ? "".concat(_x, "rem") : _x;
-        y = typeof _y === 'number' ? "".concat(_y, "rem") : _y;
+        const [_x, _y] = offset;
+        x = typeof _x === 'number' ? `${_x}rem` : _x;
+        y = typeof _y === 'number' ? `${_y}rem` : _y;
     }
     if (!placement || placement === 'center') {
         return css([
-            "left:calc(50% + ",
-            ");top:calc(50% - ",
-            ");transform:translate(-50%,-50%);"
+            `left:calc(50% + `,
+            `);top:calc(50% - `,
+            `);transform:translate(-50%,-50%);`
         ], x, y);
     }
-    var left;
-    var right;
-    var top;
-    var bottom;
-    var placements = placement.split('-');
-    placements.forEach(function(placement) {
+    let left;
+    let right;
+    let top;
+    let bottom;
+    const placements = placement.split('-');
+    placements.forEach((placement)=>{
         switch(placement){
             case 'left':
                 left = x;
@@ -88,22 +42,22 @@ export var handlePosition = function handlePosition(placement, offset) {
                 break;
         }
     });
-    var isCenteredX = left === undefined && right === undefined;
-    var isCenteredY = top === undefined && bottom === undefined;
+    const isCenteredX = left === undefined && right === undefined;
+    const isCenteredY = top === undefined && bottom === undefined;
     // информация для переезда в new-hope: не забыть, что styled-component выпилит undefined свойства, а линария нет
     return css([
-        "left:",
-        ";right:",
-        ";top:",
-        ";bottom:",
-        ";",
-        " ",
-        ""
+        `left:`,
+        `;right:`,
+        `;top:`,
+        `;bottom:`,
+        `;`,
+        ` `,
+        ``
     ], left, right, top, bottom, isCenteredX && css([
-        "left:calc(50% + ",
-        ");transform:translateX(-50%);"
+        `left:calc(50% + `,
+        `);transform:translateX(-50%);`
     ], x), isCenteredY && css([
-        "top:calc(50% - ",
-        ");transform:translateY(-50%);"
+        `top:calc(50% - `,
+        `);transform:translateY(-50%);`
     ], y));
 };

package/es/components/Price/Price.js

@@ -1,99 +1,24 @@
-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 _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;
-}
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { formatCurrency } from '../../utils';
-var StyledPrice = styled.span.withConfig({
+const StyledPrice = styled.span.withConfig({
     displayName: "Price__StyledPrice",
     componentId: "sc-cf7d3366-0"
 })([
-    "",
-    ";"
-], function(param) {
-    var $stroke = param.$stroke;
-    return $stroke && css([
-        "text-decoration:line-through;"
-    ]);
-});
-var StyledPeriodicity = styled.span.withConfig({
+    ``,
+    `;`
+], ({ $stroke })=>$stroke && css([
+        `text-decoration:line-through;`
+    ]));
+const StyledPeriodicity = styled.span.withConfig({
     displayName: "Price__StyledPeriodicity",
     componentId: "sc-cf7d3366-1"
 })([
-    "padding-left:0.25rem;"
+    `padding-left:0.25rem;`
 ]);
 /**
  * Компонент для отображения цены / стоимости / суммы.
- */ export var Price = function Price(_0) {
-    var children = _0.children, _0_currency = _0.currency, currency = _0_currency === void 0 ? 'rub' : _0_currency, _0_minimumFractionDigits = _0.minimumFractionDigits, minimumFractionDigits = _0_minimumFractionDigits === void 0 ? 0 : _0_minimumFractionDigits, _0_stroke = _0.stroke, stroke = _0_stroke === void 0 ? false : _0_stroke, periodicity = _0.periodicity, rest = _object_without_properties(_0, [
-        "children",
-        "currency",
-        "minimumFractionDigits",
-        "stroke",
-        "periodicity"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledPrice, _object_spread({
-        $stroke: stroke
-    }, rest), formatCurrency(children, currency, minimumFractionDigits), periodicity && /*#__PURE__*/ React.createElement(StyledPeriodicity, null, periodicity));
-};
+ */ export const Price = ({ children, currency = 'rub', minimumFractionDigits = 0, stroke = false, periodicity, ...rest })=>/*#__PURE__*/ React.createElement(StyledPrice, {
+        $stroke: stroke,
+        ...rest
+    }, formatCurrency(children, currency, minimumFractionDigits), periodicity && /*#__PURE__*/ React.createElement(StyledPeriodicity, null, periodicity));

package/es/components/RadioGroup/RadioGroup.js

@@ -1,129 +1,8 @@
-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';
-export var RadioGroup = /*#__PURE__*/ React.forwardRef(function(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), children = _ref2.children, rest = _object_without_properties(_ref2, [
-        "children"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    return /*#__PURE__*/ React.createElement("div", _object_spread({
+export const RadioGroup = /*#__PURE__*/ React.forwardRef(({ children, ...rest }, ref)=>{
+    return /*#__PURE__*/ React.createElement("div", {
         role: "radiogroup",
-        ref: ref
-    }, rest), children);
+        ref: ref,
+        ...rest
+    }, children);
 });

package/es/components/SSRProvider/SSRProvider.js

@@ -1,14 +1,13 @@
 import React, { createContext } from 'react';
-export var SSRContext = /*#__PURE__*/ createContext({
+export const SSRContext = /*#__PURE__*/ createContext({
     uniqId: null
 });
 /**
  * Провайдер обязателен для использования, необходимо обернуть в него все приложение.
  *
  * Используется для корректного озвучивания скринридерами Radiobox и Checkbox компонент.
- */ export var SSRProvider = function SSRProvider(param) {
-    var children = param.children;
-    var value = {
+ */ export const SSRProvider = ({ children })=>{
+    const value = {
         uniqId: 0
     };
     return /*#__PURE__*/ React.createElement(SSRContext.Provider, {

package/es/components/Skeleton/LineSkeleton.js

@@ -1,105 +1,33 @@
-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 _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;
-}
 import React from 'react';
 import styled, { css } from 'styled-components';
 import { applySkeletonGradient, applyRoundness } from '../../mixins';
 import * as typography from '../../tokens/typography';
 import { DEFAULT_TEXT_SIZE, DEFAULT_ROUNDNESS } from './Skeleton';
-var StyledVisibleLine = styled.div.withConfig({
+const StyledVisibleLine = styled.div.withConfig({
     displayName: "LineSkeleton__StyledVisibleLine",
     componentId: "sc-fa3b5b49-0"
 })([
-    "position:relative;overflow:hidden;width:100%;"
+    `position:relative;overflow:hidden;width:100%;`
 ]);
-var StyledLine = styled.div.withConfig({
+const StyledLine = styled.div.withConfig({
     displayName: "LineSkeleton__StyledLine",
     componentId: "sc-fa3b5b49-1"
 })([
-    "display:flex;align-items:center;width:100%;",
-    " & ",
-    "{",
-    " ",
-    "}"
-], function(param) {
-    var $size = param.$size;
-    return css([
-        "height:",
-        ";& ",
-        "{height:",
-        ";}"
-    ], typography[$size].lineHeight, StyledVisibleLine, typography[$size].fontSize);
-}, StyledVisibleLine, applyRoundness, applySkeletonGradient);
+    `display:flex;align-items:center;width:100%;`,
+    ` & `,
+    `{`,
+    ` `,
+    `}`
+], ({ $size })=>css([
+        `height:`,
+        `;& `,
+        `{height:`,
+        `;}`
+    ], typography[$size].lineHeight, StyledVisibleLine, typography[$size].fontSize), StyledVisibleLine, applyRoundness, applySkeletonGradient);
 /**
  * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).
- */ export var LineSkeleton = function LineSkeleton(_0) {
-    var _0_size = _0.size, size = _0_size === void 0 ? DEFAULT_TEXT_SIZE : _0_size, _0_roundness = _0.roundness, roundness = _0_roundness === void 0 ? DEFAULT_ROUNDNESS : _0_roundness, rest = _object_without_properties(_0, [
-        "size",
-        "roundness"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledLine, _object_spread({
+ */ export const LineSkeleton = ({ size = DEFAULT_TEXT_SIZE, roundness = DEFAULT_ROUNDNESS, ...rest })=>/*#__PURE__*/ React.createElement(StyledLine, {
         $size: size,
-        roundness: roundness
-    }, rest), /*#__PURE__*/ React.createElement(StyledVisibleLine, null));
-};
+        roundness: roundness,
+        ...rest
+    }, /*#__PURE__*/ React.createElement(StyledVisibleLine, null));