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

package/components/Typography/Display.js

@@ -19,38 +19,38 @@ _export(exports, {
         return Display3;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Display1 = _styledcomponents.default.div.withConfig({
+const Display1 = _styledcomponents.default.div.withConfig({
     displayName: "Display__Display1",
     componentId: "sc-f913b448-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.display1);
-var Display2 = _styledcomponents.default.div.withConfig({
+const Display2 = _styledcomponents.default.div.withConfig({
     displayName: "Display__Display2",
     componentId: "sc-f913b448-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.display2);
-var Display3 = _styledcomponents.default.div.withConfig({
+const Display3 = _styledcomponents.default.div.withConfig({
     displayName: "Display__Display3",
     componentId: "sc-f913b448-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.display3);

package/components/Typography/Footnote.js

@@ -16,29 +16,29 @@ _export(exports, {
         return Footnote2;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Footnote1 = _styledcomponents.default.div.withConfig({
+const Footnote1 = _styledcomponents.default.div.withConfig({
     displayName: "Footnote__Footnote1",
     componentId: "sc-86810250-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.footnote1);
-var Footnote2 = _styledcomponents.default.div.withConfig({
+const Footnote2 = _styledcomponents.default.div.withConfig({
     displayName: "Footnote__Footnote2",
     componentId: "sc-86810250-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.footnote2);

package/components/Typography/Headline.js

@@ -34,83 +34,83 @@ _export(exports, {
         return Headline4;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Headline1 = _styledcomponents.default.div.withConfig({
+const Headline1 = _styledcomponents.default.div.withConfig({
     displayName: "Headline__Headline1",
     componentId: "sc-ae2aff6b-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline1);
-var Headline2 = _styledcomponents.default.div.withConfig({
+const Headline2 = _styledcomponents.default.div.withConfig({
     displayName: "Headline__Headline2",
     componentId: "sc-ae2aff6b-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline2);
-var Headline3 = _styledcomponents.default.div.withConfig({
+const Headline3 = _styledcomponents.default.div.withConfig({
     displayName: "Headline__Headline3",
     componentId: "sc-ae2aff6b-2"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline3);
-var Headline4 = _styledcomponents.default.div.withConfig({
+const Headline4 = _styledcomponents.default.div.withConfig({
     displayName: "Headline__Headline4",
     componentId: "sc-ae2aff6b-3"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline4);
-var H1 = _styledcomponents.default.h1.withConfig({
+const H1 = _styledcomponents.default.h1.withConfig({
     displayName: "Headline__H1",
     componentId: "sc-ae2aff6b-4"
 })([
-    "margin:0;",
-    " ",
-    " ",
-    ""
+    `margin:0;`,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline1);
-var H2 = _styledcomponents.default.h2.withConfig({
+const H2 = _styledcomponents.default.h2.withConfig({
     displayName: "Headline__H2",
     componentId: "sc-ae2aff6b-5"
 })([
-    "margin:0;",
-    " ",
-    " ",
-    ""
+    `margin:0;`,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline2);
-var H3 = _styledcomponents.default.h3.withConfig({
+const H3 = _styledcomponents.default.h3.withConfig({
     displayName: "Headline__H3",
     componentId: "sc-ae2aff6b-6"
 })([
-    "margin:0;",
-    " ",
-    " ",
-    ""
+    `margin:0;`,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline3);
-var H4 = _styledcomponents.default.h4.withConfig({
+const H4 = _styledcomponents.default.h4.withConfig({
     displayName: "Headline__H4",
     componentId: "sc-ae2aff6b-7"
 })([
-    "margin:0;",
-    " ",
-    " ",
-    ""
+    `margin:0;`,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.headline4);

package/components/Typography/Paragraph.js

@@ -25,48 +25,48 @@ _export(exports, {
         return ParagraphText2;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var ParagraphText1 = _styledcomponents.default.div.withConfig({
+const ParagraphText1 = _styledcomponents.default.div.withConfig({
     displayName: "Paragraph__ParagraphText1",
     componentId: "sc-96b4c682-0"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.paragraph1);
-var ParagraphText2 = _styledcomponents.default.div.withConfig({
+const ParagraphText2 = _styledcomponents.default.div.withConfig({
     displayName: "Paragraph__ParagraphText2",
     componentId: "sc-96b4c682-1"
 })([
-    "",
-    " ",
-    " ",
-    ""
+    ``,
+    ` `,
+    ` `,
+    ``
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.paragraph2);
-var P1 = _styledcomponents.default.p.withConfig({
+const P1 = _styledcomponents.default.p.withConfig({
     displayName: "Paragraph__P1",
     componentId: "sc-96b4c682-2"
 })([
-    "",
-    " ",
-    " ",
-    " margin:0;"
+    ``,
+    ` `,
+    ` `,
+    ` margin:0;`
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.paragraph1);
-var P = P1;
-var P2 = _styledcomponents.default.p.withConfig({
+const P = P1;
+const P2 = _styledcomponents.default.p.withConfig({
     displayName: "Paragraph__P2",
     componentId: "sc-96b4c682-3"
 })([
-    "",
-    " ",
-    " ",
-    " margin:0;"
+    ``,
+    ` `,
+    ` `,
+    ` margin:0;`
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.paragraph2);

package/components/Typography/Underline.js

@@ -8,20 +8,20 @@ Object.defineProperty(exports, "Underline", {
         return Underline;
     }
 });
-var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _tokens = require("../../tokens");
-var _mixins = require("../../mixins");
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _tokens = require("../../tokens");
+const _mixins = require("../../mixins");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var Underline = _styledcomponents.default.div.withConfig({
+const Underline = _styledcomponents.default.div.withConfig({
     displayName: "Underline",
     componentId: "sc-7613e3f0-0"
 })([
-    "",
-    " ",
-    " ",
-    " text-transform:uppercase;"
+    ``,
+    ` `,
+    ` `,
+    ` text-transform:uppercase;`
 ], _mixins.applyHyphens, _mixins.applySpacing, _tokens.underline);

package/es/__helpers/IconPlaceholder.js

@@ -1,18 +1,15 @@
 import styled from 'styled-components';
-var sizes = {
+const sizes = {
     xs: 'width: 1rem;height: 1rem;',
     s: 'width: 1.5rem;height: 1.5rem;',
     m: 'width: 2.25rem;height: 2.25rem;',
     l: 'width: 3rem;height: 3rem;',
     xl: 'width: 3.5rem;height: 3.5rem;'
 };
-export var IconPlaceholder = styled.div.withConfig({
+export const IconPlaceholder = styled.div.withConfig({
     displayName: "IconPlaceholder",
     componentId: "sc-c34b6bd1-0"
 })([
-    "",
-    ";border-radius:50%;background:rgba(0,0,0,0.32);"
-], function(param) {
-    var size = param.size;
-    return sizes[size || 's'];
-});
+    ``,
+    `;border-radius:50%;background:rgba(0,0,0,0.32);`
+], ({ size })=>sizes[size || 's']);

package/es/collectPackageInfo.js

@@ -1,16 +1,16 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment, no-underscore-dangle */ // @ts-ignore
 import _package from '@pkg';
-export var collectPackageInfo = function collectPackageInfo(entityName) {
+export const collectPackageInfo = (entityName)=>{
     if (typeof window === 'undefined') {
         return;
     }
-    var name = _package.name, version = _package.version;
+    const { name, version } = _package;
     if (!window.__PLASMA_INFO__) {
         window.__PLASMA_INFO__ = {};
     }
     if (!window.__PLASMA_INFO__[name]) {
         window.__PLASMA_INFO__[name] = {
-            version: version,
+            version,
             entities: [
                 entityName
             ]

package/es/components/Badge/Badge.js

@@ -1,73 +1,9 @@
-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 { caption } from '../../tokens';
 /**
  * Размеры в ремах.
- */ export var badgeSizes = {
+ */ export const badgeSizes = {
     l: {
         textMarginX: '0.25rem',
         textMarginLeftAfterContent: '0.25rem'
@@ -77,7 +13,7 @@ import { caption } from '../../tokens';
         textMarginLeftAfterContent: '0.125rem'
     }
 };
-export var badgeRootSizes = {
+export const badgeRootSizes = {
     l: {
         height: '1.5rem',
         padding: '0.25rem',
@@ -93,52 +29,43 @@ export var badgeRootSizes = {
         fontSize: '0.625rem'
     }
 };
-var StyledText = styled.span.withConfig({
+const StyledText = styled.span.withConfig({
     displayName: "Badge__StyledText",
     componentId: "sc-4f989aef-0"
 })([
-    ""
+    ``
 ]);
-var StyledContent = styled.div.withConfig({
+const StyledContent = styled.div.withConfig({
     displayName: "Badge__StyledContent",
     componentId: "sc-4f989aef-1"
 })([
-    "display:flex;"
+    `display:flex;`
 ]);
-var StyledBadge = styled.div.withConfig({
+const StyledBadge = styled.div.withConfig({
     displayName: "Badge__StyledBadge",
     componentId: "sc-4f989aef-2"
 })([
-    "",
-    ";display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;",
-    ";"
-], caption, function(param) {
-    var size = param.size, circled = param.circled;
-    return css([
-        "",
-        ";",
-        " ",
-        "{margin-left:",
-        ";margin-right:",
-        ";}",
-        " ~ ",
-        "{margin-left:",
-        ";}"
+    ``,
+    `;display:inline-flex;align-items:center;box-sizing:border-box;justify-content:center;width:max-content;`,
+    `;`
+], caption, ({ size, circled })=>css([
+        ``,
+        `;`,
+        ` `,
+        `{margin-left:`,
+        `;margin-right:`,
+        `;}`,
+        ` ~ `,
+        `{margin-left:`,
+        `;}`
     ], badgeRootSizes[size], circled && css([
-        "width:",
-        ";padding-left:0;padding-right:0;"
-    ], badgeRootSizes[size].minWidth), StyledText, badgeSizes[size].textMarginX, badgeSizes[size].textMarginX, StyledContent, StyledText, badgeSizes[size].textMarginLeftAfterContent);
-});
+        `width:`,
+        `;padding-left:0;padding-right:0;`
+    ], badgeRootSizes[size].minWidth), StyledText, badgeSizes[size].textMarginX, badgeSizes[size].textMarginX, StyledContent, StyledText, badgeSizes[size].textMarginLeftAfterContent));
 /**
  * Небольшая бирка для ячеек и карточек.
  * Компонент может отображаться в нескольких размерах и цветах, может содержать текст и/или иконку.
- */ export var Badge = function Badge(_0) {
-    var _0_size = _0.size, size = _0_size === void 0 ? 'l' : _0_size, text = _0.text, contentLeft = _0.contentLeft, rest = _object_without_properties(_0, [
-        "size",
-        "text",
-        "contentLeft"
-    ]);
-    return /*#__PURE__*/ React.createElement(StyledBadge, _object_spread({
-        size: size
-    }, rest), contentLeft && /*#__PURE__*/ React.createElement(StyledContent, null, contentLeft), text && /*#__PURE__*/ React.createElement(StyledText, null, text));
-};
+ */ export const Badge = ({ size = 'l', text, contentLeft, ...rest })=>/*#__PURE__*/ React.createElement(StyledBadge, {
+        size: size,
+        ...rest
+    }, contentLeft && /*#__PURE__*/ React.createElement(StyledContent, null, contentLeft), text && /*#__PURE__*/ React.createElement(StyledText, null, text));

package/es/components/Basebox/Basebox.js

@@ -3,65 +3,56 @@ import styled, { css } from 'styled-components';
 import { Body1, Footnote1 } from '../Typography';
 import { applyEllipsis, applyNoSelect } from '../../mixins';
 import { secondary } from '../../tokens';
-export var StyledRoot = styled.div.withConfig({
+export const StyledRoot = styled.div.withConfig({
     displayName: "Basebox__StyledRoot",
     componentId: "sc-a5c1d526-0"
 })([
-    "",
-    " position:relative;align-items:flex-start;display:flex;cursor:pointer;"
+    ``,
+    ` position:relative;align-items:flex-start;display:flex;cursor:pointer;`
 ], applyNoSelect);
-export var StyledContentWrapper = styled.label.withConfig({
+export const StyledContentWrapper = styled.label.withConfig({
     displayName: "Basebox__StyledContentWrapper",
     componentId: "sc-a5c1d526-1"
 })([
-    "position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;"
+    `position:relative;align-items:flex-start;display:flex;width:100%;cursor:inherit;`
 ]);
-export var StyledInput = styled.input.withConfig({
+export const StyledInput = styled.input.withConfig({
     displayName: "Basebox__StyledInput",
     componentId: "sc-a5c1d526-2"
 })([
-    "position:absolute;&:focus{outline:0 none;}"
+    `position:absolute;&:focus{outline:0 none;}`
 ]);
-export var StyledTrigger = styled.div.withConfig({
+export const StyledTrigger = styled.div.withConfig({
     displayName: "Basebox__StyledTrigger",
     componentId: "sc-a5c1d526-3"
 })([
-    "box-sizing:border-box;position:relative;transition:",
-    ";"
-], function(param) {
-    var theme = param.theme;
-    return theme.lowPerformance ? 'unset' : 'all 0.1s ease-in-out';
-});
-export var StyledContent = styled.div.withConfig({
+    `box-sizing:border-box;position:relative;transition:`,
+    `;`
+], ({ theme })=>theme.lowPerformance ? 'unset' : 'all 0.1s ease-in-out');
+export const StyledContent = styled.div.withConfig({
     displayName: "Basebox__StyledContent",
     componentId: "sc-a5c1d526-4"
 })([
-    "display:flex;flex-direction:column;margin-left:0.75rem;"
+    `display:flex;flex-direction:column;margin-left:0.75rem;`
 ]);
-export var StyledLabel = styled(Body1).withConfig({
+export const StyledLabel = styled(Body1).withConfig({
     displayName: "Basebox__StyledLabel",
     componentId: "sc-a5c1d526-5"
 })([
-    "",
-    ""
-], function(param) {
-    var singleLine = param.singleLine;
-    return singleLine && css([
-        "",
-        ""
-    ], applyEllipsis);
-});
-export var StyledDescription = styled(Footnote1).withConfig({
+    ``,
+    ``
+], ({ singleLine })=>singleLine && css([
+        ``,
+        ``
+    ], applyEllipsis));
+export const StyledDescription = styled(Footnote1).withConfig({
     displayName: "Basebox__StyledDescription",
     componentId: "sc-a5c1d526-6"
 })([
-    "color:",
-    ";",
-    ""
-], secondary, function(param) {
-    var singleLine = param.singleLine;
-    return singleLine && css([
-        "",
-        ""
-    ], applyEllipsis);
-});
+    `color:`,
+    `;`,
+    ``
+], secondary, ({ singleLine })=>singleLine && css([
+        ``,
+        ``
+    ], applyEllipsis));