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

package/es/components/Button/Button.js

@@ -1,31 +1,3 @@
-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;
-}
 import React from 'react';
 import styled from 'styled-components';
 import { applyDisabled, applyBlur, applyEllipsis } from '../../mixins';
@@ -33,71 +5,60 @@ import { Spinner } from '../Spinner';
 /**
  * Корневой элемент для стилизации кнопки.
  * Должен быть передан в функцию `createButton`.
- */ export var ButtonRoot = styled.button.withConfig({
+ */ export const ButtonRoot = styled.button.withConfig({
     displayName: "Button__ButtonRoot",
     componentId: "sc-b39b3537-0"
 })([
-    "position:relative;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);a&{text-decoration:none;}&:focus{outline:none;}",
-    " ",
-    ""
-], function(param) {
-    var isLoading = param.$isLoading;
-    return !isLoading && applyDisabled;
-}, applyBlur);
+    `position:relative;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);a&{text-decoration:none;}&:focus{outline:none;}`,
+    ` `,
+    ``
+], ({ $isLoading: isLoading })=>!isLoading && applyDisabled, applyBlur);
 /**
  * Элемент лоадера для кнопки.
- */ export var ButtonLoader = styled.div.withConfig({
+ */ export const ButtonLoader = styled.div.withConfig({
     displayName: "Button__ButtonLoader",
     componentId: "sc-b39b3537-1"
 })([
-    "position:absolute;"
+    `position:absolute;`
 ]);
 /**
  * Спиннер по умолчанию с фиксированной шириной.
- */ export var StyledSpinner = styled(Spinner).withConfig({
+ */ export const StyledSpinner = styled(Spinner).withConfig({
     displayName: "Button__StyledSpinner",
     componentId: "sc-b39b3537-2"
 })([
-    "width:1.375rem;"
+    `width:1.375rem;`
 ]);
 /**
  * Обёртка для содержимого кнопки.
- */ export var ButtonContentWrapper = styled.span.withConfig({
+ */ export const ButtonContentWrapper = styled.span.withConfig({
     displayName: "Button__ButtonContentWrapper",
     componentId: "sc-b39b3537-3"
 })([
-    "display:flex;align-items:inherit;justify-content:inherit;width:100%;",
-    ""
-], function(param) {
-    var isLoading = param.$isLoading;
-    return isLoading && 'opacity: 0;';
-});
+    `display:flex;align-items:inherit;justify-content:inherit;width:100%;`,
+    ``
+], ({ $isLoading: isLoading })=>isLoading && 'opacity: 0;');
 /**
  * A text wrapping element, that used when `text` prop is passed.
  * @private
- */ export var ButtonText = styled.span.withConfig({
+ */ export const ButtonText = styled.span.withConfig({
     displayName: "Button__ButtonText",
     componentId: "sc-b39b3537-4"
 })([
-    "box-sizing:border-box;",
-    " ",
-    " ",
-    ""
-], applyEllipsis, function(param) {
-    var isContentLeft = param.$isContentLeft;
-    return isContentLeft && 'margin-left: 0.375rem;';
-}, function(param) {
-    var isContentRight = param.$isContentRight;
-    return isContentRight && 'margin-right: 0.375rem;';
-});
+    `box-sizing:border-box;`,
+    ` `,
+    ` `,
+    ``
+], applyEllipsis, ({ $isContentLeft: isContentLeft })=>isContentLeft && 'margin-left: 0.375rem;', ({ $isContentRight: isContentRight })=>isContentRight && 'margin-right: 0.375rem;');
 /**
  * Базовая кнопка.
  * @deprecated
- */ export var Button = /*#__PURE__*/ React.forwardRef(// eslint-disable-next-line prefer-arrow-callback
+ */ export const Button = /*#__PURE__*/ React.forwardRef(// eslint-disable-next-line prefer-arrow-callback
 function Button(props, ref) {
-    return /*#__PURE__*/ React.createElement(ButtonRoot, _object_spread({
-        ref: ref
-    }, props));
+    return /*#__PURE__*/ React.createElement(ButtonRoot, {
+        ref: ref,
+        ...props
+    });
 });
 Button.defaultProps = {
     pin: 'square-square',

package/es/components/Button/Button.mixins.js

@@ -1,55 +1,3 @@
-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 ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
 import { css } from 'styled-components';
 import { addFocus } from '../../mixins';
 import { convertRoundnessMatrix } from '../../utils';
@@ -57,10 +5,8 @@ import { convertRoundnessMatrix } from '../../utils';
  * Создание специализированного миксина со своими размерами и типографикой.
  * @param {Record<string, object>} sizes
  * @param {Record<string, object>} typos
- */ export var getButtonSizesMixin = function getButtonSizesMixin(sizes, typos) {
-    return function(param) {
-        var size = param.size, pin = param.pin, outlined = param.outlined, focused = param.focused, isContentLeft = param.$isContentLeft, isContentRight = param.$isContentRight, shiftLeft = param.shiftLeft, shiftRight = param.shiftRight, square = param.square, stretch = param.stretch, theme = param.theme;
-        var paddingX = sizes[size].paddingX;
+ */ export const getButtonSizesMixin = (sizes, typos)=>({ size, pin, outlined, focused, $isContentLeft: isContentLeft, $isContentRight: isContentRight, shiftLeft, shiftRight, square, stretch, theme })=>{
+        let { paddingX } = sizes[size];
         if (square) {
             paddingX = sizes[size].paddingY;
         } else if (stretch) {
@@ -69,21 +15,21 @@ import { convertRoundnessMatrix } from '../../utils';
             paddingX = sizes[size].paddingContentX;
         }
         return css([
-            "height:",
-            ";padding:",
-            " ",
-            ";border-radius:",
-            ";",
-            " ",
-            " ",
-            " ",
-            " ",
-            " ",
-            ""
-        ], sizes[size].height, sizes[size].paddingY, paddingX, convertRoundnessMatrix(pin, sizes[size].radius, sizes[size].radiusCircle), stretch && 'width: 100%;', square && " width: ".concat(sizes[size].height, ";"), shiftLeft && "margin-left: calc(-1 * ".concat(paddingX, ");"), shiftRight && "margin-right: calc(-1 * ".concat(paddingX, ");"), typos[size], addFocus(_object_spread_props(_object_spread({}, theme), {
-            focused: focused,
-            outlined: outlined,
-            outlineRadius: convertRoundnessMatrix(pin, "calc(".concat(sizes[size].radius, " + var(--plasma-outline-size))"), "calc(".concat(sizes[size].radiusCircle, " + var(--plasma-outline-size))"))
-        })));
+            `height:`,
+            `;padding:`,
+            ` `,
+            `;border-radius:`,
+            `;`,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ` `,
+            ``
+        ], sizes[size].height, sizes[size].paddingY, paddingX, convertRoundnessMatrix(pin, sizes[size].radius, sizes[size].radiusCircle), stretch && 'width: 100%;', square && ` width: ${sizes[size].height};`, shiftLeft && `margin-left: calc(-1 * ${paddingX});`, shiftRight && `margin-right: calc(-1 * ${paddingX});`, typos[size], addFocus({
+            ...theme,
+            focused,
+            outlined,
+            outlineRadius: convertRoundnessMatrix(pin, `calc(${sizes[size].radius} + var(--plasma-outline-size))`, `calc(${sizes[size].radiusCircle} + var(--plasma-outline-size))`)
+        }));
     };
-};

package/es/components/Button/Button.props.js

@@ -2,7 +2,7 @@ import { views } from '../../mixins';
 import { button1, button2 } from '../../tokens';
 /**
  * Цветовые виды.
- */ export var buttonViews = {
+ */ export const buttonViews = {
     primary: views.primary,
     secondary: views.secondary,
     success: views.success,
@@ -14,7 +14,7 @@ import { button1, button2 } from '../../tokens';
 };
 /**
  * Размеры в rem в соответствии с дизайном.
- */ export var buttonSizes = {
+ */ export const buttonSizes = {
     l: {
         height: 'var(--plasma-button-l-height)',
         paddingY: 'var(--plasma-button-l-padding-y)',
@@ -45,7 +45,7 @@ import { button1, button2 } from '../../tokens';
 };
 /**
  * Размеры типографики кнопки.
- */ export var buttonTypography = {
+ */ export const buttonTypography = {
     l: button1,
     m: button1,
     s: button2

package/es/components/Button/createButton.js

@@ -1,159 +1,28 @@
-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 } from 'react';
 import { ButtonContentWrapper, ButtonLoader, ButtonRoot, ButtonText, StyledSpinner } from './Button';
 /**
  * Функция для создания компонента Button,
  * что дает возможность кастомизировать вид, пропсы и т.п.,
  * при этом сохраняя в базе общий интерфейс.
- */ export function createButton() {
-    var Root = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ButtonRoot;
+ */ export function createButton(Root = ButtonRoot) {
     // eslint-disable-next-line prefer-arrow-callback
-    return /*#__PURE__*/ forwardRef(function Button(_0, _1) {
-        var _ref = [
-            _0,
-            _1
-        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), children = _ref2.children, text = _ref2.text, contentLeft = _ref2.contentLeft, contentRight = _ref2.contentRight, square = _ref2.square, deviceScale = _ref2.deviceScale, _ref_loader = _ref2.loader, loader = _ref_loader === void 0 ? /*#__PURE__*/ React.createElement(StyledSpinner, {
-            color: "currentColor",
-            size: 56,
-            deviceScale: deviceScale
-        }) : _ref_loader, disabled = _ref2.disabled, isLoading = _ref2.isLoading, _ref_type = _ref2.type, type = _ref_type === void 0 ? 'button' : _ref_type, rest = _object_without_properties(_ref2, [
-            "children",
-            "text",
-            "contentLeft",
-            "contentRight",
-            "square",
-            "deviceScale",
-            "loader",
-            "disabled",
-            "isLoading",
-            "type"
-        ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-        var isContentLeft = Boolean(contentLeft);
-        var isContentRight = Boolean(contentRight);
-        return /*#__PURE__*/ React.createElement(Root, _object_spread({
+    return /*#__PURE__*/ forwardRef(function Button({ children, text, contentLeft, contentRight, square, deviceScale, loader = /*#__PURE__*/ React.createElement(StyledSpinner, {
+        color: "currentColor",
+        size: 56,
+        deviceScale: deviceScale
+    }), disabled, isLoading, type = 'button', ...rest }, ref) {
+        const isContentLeft = Boolean(contentLeft);
+        const isContentRight = Boolean(contentRight);
+        return /*#__PURE__*/ React.createElement(Root, {
             ref: ref,
             type: type,
             $isContentLeft: isContentLeft,
             $isContentRight: isContentRight,
             $isLoading: isLoading,
             disabled: isLoading || disabled,
-            square: square !== undefined ? square : !text && !children
-        }, rest), isLoading && /*#__PURE__*/ React.createElement(ButtonLoader, null, loader), /*#__PURE__*/ React.createElement(ButtonContentWrapper, {
+            square: square !== undefined ? square : !text && !children,
+            ...rest
+        }, isLoading && /*#__PURE__*/ React.createElement(ButtonLoader, null, loader), /*#__PURE__*/ React.createElement(ButtonContentWrapper, {
             $isLoading: isLoading
         }, children, !children && contentLeft, !children && text && /*#__PURE__*/ React.createElement(ButtonText, {
             $isContentLeft: isContentLeft,

package/es/components/Card/Card.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 from 'react';
 import styled, { css } from 'styled-components';
 import { surfaceCard } from '../../tokens';
@@ -121,55 +5,43 @@ import { addFocus, applyDisabled, applyRoundness, radiuses, syntheticFocus } fro
 import { Body1 } from '../Typography';
 // В этих константах задаем размеры в em, чтобы не зависеть напрямую от пикселей
 // В то же время в числителях - значения в пикселях, взятые из макета
-var fontSize = 16;
-var shadowOffset = 8 / fontSize;
-var shadowSize = 24 / fontSize;
-var outlineSize = 2 / fontSize;
-var DEFAULT_ROUNDNESS = 20;
-export var StyledCard = styled(Body1).withConfig({
+const fontSize = 16;
+const shadowOffset = 8 / fontSize;
+const shadowSize = 24 / fontSize;
+const outlineSize = 2 / fontSize;
+const DEFAULT_ROUNDNESS = 20;
+export const StyledCard = styled(Body1).withConfig({
     displayName: "Card__StyledCard",
     componentId: "sc-34a54ef8-0"
 })([
-    "",
-    " ",
-    ";position:relative;display:flex;box-sizing:border-box;flex-direction:column;flex-shrink:0;background:",
-    ";box-shadow:0 ",
-    "em ",
-    "em rgba(0,0,0,0.1);transition:",
-    ";",
-    ""
-], applyDisabled, applyRoundness, surfaceCard, shadowOffset, shadowSize, function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'transform 0.4s ease-in-out';
-}, function(param) {
-    var focused = param.focused, outlined = param.outlined, roundness = param.roundness, scaleOnFocus = param.scaleOnFocus, theme = param.theme;
-    return css([
-        "",
-        " ",
-        " &:focus{outline:none;}"
+    ``,
+    ` `,
+    `;position:relative;display:flex;box-sizing:border-box;flex-direction:column;flex-shrink:0;background:`,
+    `;box-shadow:0 `,
+    `em `,
+    `em rgba(0,0,0,0.1);transition:`,
+    `;`,
+    ``
+], applyDisabled, applyRoundness, surfaceCard, shadowOffset, shadowSize, ({ theme })=>theme.lowPerformance ? 'unset' : 'transform 0.4s ease-in-out', ({ focused, outlined, roundness, scaleOnFocus, theme })=>css([
+        ``,
+        ` `,
+        ` &:focus{outline:none;}`
     ], addFocus({
         lowPerformance: theme.lowPerformance,
-        focused: focused,
-        outlined: outlined,
-        outlineSize: "".concat(outlineSize, "rem"),
-        outlineRadius: "".concat(radiuses[roundness] + outlineSize, "rem")
+        focused,
+        outlined,
+        outlineSize: `${outlineSize}rem`,
+        outlineRadius: `${radiuses[roundness] + outlineSize}rem`
     }), scaleOnFocus && syntheticFocus(css([
-        "&{transform:scale(1.04);}"
-    ]), focused));
-});
+        `&{transform:scale(1.04);}`
+    ]), focused)));
 /**
  * Контейнер со скругленными углами с возможностью фокусировки на нем.
  */ // eslint-disable-next-line prefer-arrow-callback
-export var Card = /*#__PURE__*/ React.forwardRef(function Card(_0, _1) {
-    var _ref = [
-        _0,
-        _1
-    ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), _ref_roundness = _ref2.roundness, roundness = _ref_roundness === void 0 ? DEFAULT_ROUNDNESS : _ref_roundness, children = _ref2.children, rest = _object_without_properties(_ref2, [
-        "roundness",
-        "children"
-    ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
-    return /*#__PURE__*/ React.createElement(StyledCard, _object_spread({
+export const Card = /*#__PURE__*/ React.forwardRef(function Card({ roundness = DEFAULT_ROUNDNESS, children, ...rest }, ref) {
+    return /*#__PURE__*/ React.createElement(StyledCard, {
         ref: ref,
-        roundness: roundness
-    }, rest), children);
+        roundness: roundness,
+        ...rest
+    }, children);
 });

package/es/components/Card/CardBody.js

@@ -3,9 +3,9 @@ import styled from 'styled-components';
 /**
  * Помещается в ``<Card />`` и скругляет рамки содержимого внутри него.
  * Обязательно к использованию для корректного отображения скругленных углов контента.
- */ export var CardBody = styled.div.withConfig({
+ */ export const CardBody = styled.div.withConfig({
     displayName: "CardBody",
     componentId: "sc-24f3a93d-0"
 })([
-    "position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;box-sizing:content-box;width:100%;border-radius:inherit;"
+    `position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;box-sizing:content-box;width:100%;border-radius:inherit;`
 ]);