@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

package/dist/styled-components/es/components/Typography/Old/index.js

@@ -9,69 +9,69 @@ import { configParagraph1, configParagraph2 } from './Paragraph.config';
 import { configParagraphText1, configParagraphText2 } from './ParagraphText.config';
 import { config as underlineConfigCustom } from './Underline.config';
 import { config as subtitleConfigCustom } from './Subtitle.config';
-var body1Config = mergeConfig(bodyConfig, configBody1);
-var Body1Component = component(body1Config);
-var body2Config = mergeConfig(bodyConfig, configBody2);
-var Body2Component = component(body2Config);
-var body3Config = mergeConfig(bodyConfig, configBody3);
-var Body3Component = component(body3Config);
-var button1Config = mergeConfig(buttonTypographyConfig, configButton1);
-var Button1Component = component(button1Config);
-var button2Config = mergeConfig(buttonTypographyConfig, configButton2);
-var Button2Component = component(button2Config);
-var captionConfig = mergeConfig(captionDefaultConfig, captionConfigCustom);
-var CaptionComponent = component(captionConfig);
-var display1Config = mergeConfig(displayConfig, configDisplay1);
-var Display1Component = component(display1Config);
-var display2Config = mergeConfig(displayConfig, configDisplay2);
-var Display2Component = component(display2Config);
-var display3Config = mergeConfig(displayConfig, configDisplay3);
-var Display3Component = component(display3Config);
-var footnote1Config = mergeConfig(footnoteConfig, configFootnote1);
-var Footnote1Component = component(footnote1Config);
-var footnote2Config = mergeConfig(footnoteConfig, configFootnote2);
-var Footnote2Component = component(footnote2Config);
-var headline1Config = mergeConfig(headlineConfig, configHeadline1);
-var Headline1Component = component(headline1Config);
-var headline2Config = mergeConfig(headlineConfig, configHeadline2);
-var Headline2Component = component(headline2Config);
-var headline3Config = mergeConfig(headlineConfig, configHeadline3);
-var Headline3Component = component(headline3Config);
-var headline4Config = mergeConfig(headlineConfig, configHeadline4);
-var Headline4Component = component(headline4Config);
-var headline5Config = mergeConfig(headlineConfig, configHeadline5);
-var Headline5Component = component(headline5Config);
-var underlineConfig = mergeConfig(underlineDefaultConfig, underlineConfigCustom);
-var UnderlineComponent = component(underlineConfig);
-var subtitleConfig = mergeConfig(subtitleDefaultConfig, subtitleConfigCustom);
-var SubtitleComponent = component(subtitleConfig);
-var paragraph1Config = mergeConfig(paragraphConfig, configParagraph1);
-var Paragraph1Component = component(paragraph1Config);
-var paragraph2Config = mergeConfig(paragraphConfig, configParagraph2);
-var Paragraph2Component = component(paragraph2Config);
-var paragraphText1Config = mergeConfig(paragraphTextConfig, configParagraphText1);
-var ParagraphText1Component = component(paragraphText1Config);
-var paragraphText2Config = mergeConfig(paragraphTextConfig, configParagraphText2);
-var ParagraphText2Component = component(paragraphText2Config);
-export var Body1 = Body1Component;
-export var Body2 = Body2Component;
-export var Body3 = Body3Component;
-export var Button1 = Button1Component;
-export var Button2 = Button2Component;
-export var Caption = CaptionComponent;
-export var Display1 = Display1Component;
-export var Display2 = Display2Component;
-export var Display3 = Display3Component;
-export var Footnote1 = Footnote1Component;
-export var Footnote2 = Footnote2Component;
-export var Headline1 = Headline1Component;
-export var Headline2 = Headline2Component;
-export var Headline3 = Headline3Component;
-export var Headline4 = Headline4Component;
-export var Headline5 = Headline5Component;
-export var P1 = Paragraph1Component;
-export var P2 = Paragraph2Component;
-export var ParagraphText1 = ParagraphText1Component;
-export var ParagraphText2 = ParagraphText2Component;
-export var Underline = UnderlineComponent;
-export var Subtitle = SubtitleComponent;
+const body1Config = mergeConfig(bodyConfig, configBody1);
+const Body1Component = component(body1Config);
+const body2Config = mergeConfig(bodyConfig, configBody2);
+const Body2Component = component(body2Config);
+const body3Config = mergeConfig(bodyConfig, configBody3);
+const Body3Component = component(body3Config);
+const button1Config = mergeConfig(buttonTypographyConfig, configButton1);
+const Button1Component = component(button1Config);
+const button2Config = mergeConfig(buttonTypographyConfig, configButton2);
+const Button2Component = component(button2Config);
+const captionConfig = mergeConfig(captionDefaultConfig, captionConfigCustom);
+const CaptionComponent = component(captionConfig);
+const display1Config = mergeConfig(displayConfig, configDisplay1);
+const Display1Component = component(display1Config);
+const display2Config = mergeConfig(displayConfig, configDisplay2);
+const Display2Component = component(display2Config);
+const display3Config = mergeConfig(displayConfig, configDisplay3);
+const Display3Component = component(display3Config);
+const footnote1Config = mergeConfig(footnoteConfig, configFootnote1);
+const Footnote1Component = component(footnote1Config);
+const footnote2Config = mergeConfig(footnoteConfig, configFootnote2);
+const Footnote2Component = component(footnote2Config);
+const headline1Config = mergeConfig(headlineConfig, configHeadline1);
+const Headline1Component = component(headline1Config);
+const headline2Config = mergeConfig(headlineConfig, configHeadline2);
+const Headline2Component = component(headline2Config);
+const headline3Config = mergeConfig(headlineConfig, configHeadline3);
+const Headline3Component = component(headline3Config);
+const headline4Config = mergeConfig(headlineConfig, configHeadline4);
+const Headline4Component = component(headline4Config);
+const headline5Config = mergeConfig(headlineConfig, configHeadline5);
+const Headline5Component = component(headline5Config);
+const underlineConfig = mergeConfig(underlineDefaultConfig, underlineConfigCustom);
+const UnderlineComponent = component(underlineConfig);
+const subtitleConfig = mergeConfig(subtitleDefaultConfig, subtitleConfigCustom);
+const SubtitleComponent = component(subtitleConfig);
+const paragraph1Config = mergeConfig(paragraphConfig, configParagraph1);
+const Paragraph1Component = component(paragraph1Config);
+const paragraph2Config = mergeConfig(paragraphConfig, configParagraph2);
+const Paragraph2Component = component(paragraph2Config);
+const paragraphText1Config = mergeConfig(paragraphTextConfig, configParagraphText1);
+const ParagraphText1Component = component(paragraphText1Config);
+const paragraphText2Config = mergeConfig(paragraphTextConfig, configParagraphText2);
+const ParagraphText2Component = component(paragraphText2Config);
+export const Body1 = Body1Component;
+export const Body2 = Body2Component;
+export const Body3 = Body3Component;
+export const Button1 = Button1Component;
+export const Button2 = Button2Component;
+export const Caption = CaptionComponent;
+export const Display1 = Display1Component;
+export const Display2 = Display2Component;
+export const Display3 = Display3Component;
+export const Footnote1 = Footnote1Component;
+export const Footnote2 = Footnote2Component;
+export const Headline1 = Headline1Component;
+export const Headline2 = Headline2Component;
+export const Headline3 = Headline3Component;
+export const Headline4 = Headline4Component;
+export const Headline5 = Headline5Component;
+export const P1 = Paragraph1Component;
+export const P2 = Paragraph2Component;
+export const ParagraphText1 = ParagraphText1Component;
+export const ParagraphText2 = ParagraphText2Component;
+export const Underline = UnderlineComponent;
+export const Subtitle = SubtitleComponent;

package/dist/styled-components/es/components/Typography/Text.config.js

@@ -1,119 +1,77 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-l-font-family);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n                ",
-        ": var(--plasma-typo-text-l-font-style);\n                ",
-        ": var(--plasma-typo-text-l-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-m-font-family);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n                ",
-        ": var(--plasma-typo-text-m-font-style);\n                ",
-        ": var(--plasma-typo-text-m-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-s-font-family);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n                ",
-        ": var(--plasma-typo-text-s-font-style);\n                ",
-        ": var(--plasma-typo-text-s-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-xs-font-family);\n                ",
-        ": var(--plasma-typo-text-xs-font-size);\n                ",
-        ": var(--plasma-typo-text-xs-font-style);\n                ",
-        ": var(--plasma-typo-text-xs-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-xs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var configL = {
+export const configL = {
     defaults: {
         size: 'l'
     },
     variations: {
         size: {
-            l: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            l: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+            `
         }
     }
 };
-export var configM = {
+export const configM = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            m: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+            `
         }
     }
 };
-export var configS = {
+export const configS = {
     defaults: {
         size: 's'
     },
     variations: {
         size: {
-            s: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            s: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+            `
         }
     }
 };
-export var configXS = {
+export const configXS = {
     defaults: {
         size: 'xs'
     },
     variations: {
         size: {
-            xs: css(_templateObject3(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            xs: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+            `
         }
     }
 };

package/dist/styled-components/es/components/Typography/Typography.js

@@ -3,57 +3,57 @@ import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as
 import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
 import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom, configH6 as headingConfigH6Custom } from './Heading.config';
 import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
-var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
-var BodyMComponent = typographyComponent(component(bodyMConfig));
-var bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);
-var BodyLComponent = typographyComponent(component(bodyLConfig));
-var bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);
-var BodySComponent = typographyComponent(component(bodySConfig));
-var bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);
-var BodyXSComponent = typographyComponent(component(bodyXSConfig));
-var bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);
-var BodyXXSComponent = typographyComponent(component(bodyXXSConfig));
-var dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);
-var DsplMComponent = typographyComponent(component(dsplMConfig));
-var dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);
-var DsplLComponent = typographyComponent(component(dsplLConfig));
-var dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);
-var DsplSComponent = typographyComponent(component(dsplSConfig));
-var heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);
-var Heading1Component = typographyComponent(component(heading1Config));
-var heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);
-var Heading2Component = typographyComponent(component(heading2Config));
-var heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);
-var Heading3Component = typographyComponent(component(heading3Config));
-var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
-var Heading4Component = typographyComponent(component(heading4Config));
-var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
-var Heading5Component = typographyComponent(component(heading5Config));
-var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
-var Heading6Component = typographyComponent(component(heading6Config));
-var textMConfig = mergeConfig(textConfig, textConfigMCustom);
-var TextMComponent = typographyComponent(component(textMConfig));
-var textLConfig = mergeConfig(textConfig, textConfigLCustom);
-var TextLComponent = typographyComponent(component(textLConfig));
-var textSConfig = mergeConfig(textConfig, textConfigSCustom);
-var TextSComponent = typographyComponent(component(textSConfig));
-var textXSConfig = mergeConfig(textConfig, textConfigXSCustom);
-var TextXSComponent = typographyComponent(component(textXSConfig));
-export var BodyM = BodyMComponent;
-export var BodyL = BodyLComponent;
-export var BodyS = BodySComponent;
-export var BodyXS = BodyXSComponent;
-export var BodyXXS = BodyXXSComponent;
-export var DsplM = DsplMComponent;
-export var DsplL = DsplLComponent;
-export var DsplS = DsplSComponent;
-export var H1 = Heading1Component;
-export var H2 = Heading2Component;
-export var H3 = Heading3Component;
-export var H4 = Heading4Component;
-export var H5 = Heading5Component;
-export var H6 = Heading6Component;
-export var TextM = TextMComponent;
-export var TextL = TextLComponent;
-export var TextS = TextSComponent;
-export var TextXS = TextXSComponent;
+const bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
+const BodyMComponent = typographyComponent(component(bodyMConfig));
+const bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);
+const BodyLComponent = typographyComponent(component(bodyLConfig));
+const bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);
+const BodySComponent = typographyComponent(component(bodySConfig));
+const bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);
+const BodyXSComponent = typographyComponent(component(bodyXSConfig));
+const bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);
+const BodyXXSComponent = typographyComponent(component(bodyXXSConfig));
+const dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);
+const DsplMComponent = typographyComponent(component(dsplMConfig));
+const dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);
+const DsplLComponent = typographyComponent(component(dsplLConfig));
+const dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);
+const DsplSComponent = typographyComponent(component(dsplSConfig));
+const heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);
+const Heading1Component = typographyComponent(component(heading1Config));
+const heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);
+const Heading2Component = typographyComponent(component(heading2Config));
+const heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);
+const Heading3Component = typographyComponent(component(heading3Config));
+const heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
+const Heading4Component = typographyComponent(component(heading4Config));
+const heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
+const Heading5Component = typographyComponent(component(heading5Config));
+const heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
+const Heading6Component = typographyComponent(component(heading6Config));
+const textMConfig = mergeConfig(textConfig, textConfigMCustom);
+const TextMComponent = typographyComponent(component(textMConfig));
+const textLConfig = mergeConfig(textConfig, textConfigLCustom);
+const TextLComponent = typographyComponent(component(textLConfig));
+const textSConfig = mergeConfig(textConfig, textConfigSCustom);
+const TextSComponent = typographyComponent(component(textSConfig));
+const textXSConfig = mergeConfig(textConfig, textConfigXSCustom);
+const TextXSComponent = typographyComponent(component(textXSConfig));
+export const BodyM = BodyMComponent;
+export const BodyL = BodyLComponent;
+export const BodyS = BodySComponent;
+export const BodyXS = BodyXSComponent;
+export const BodyXXS = BodyXXSComponent;
+export const DsplM = DsplMComponent;
+export const DsplL = DsplLComponent;
+export const DsplS = DsplSComponent;
+export const H1 = Heading1Component;
+export const H2 = Heading2Component;
+export const H3 = Heading3Component;
+export const H4 = Heading4Component;
+export const H5 = Heading5Component;
+export const H6 = Heading6Component;
+export const TextM = TextMComponent;
+export const TextL = TextLComponent;
+export const TextS = TextSComponent;
+export const TextXS = TextXSComponent;

package/dist/styled-components/es/components/Upload/Upload.perftest.js

@@ -1,58 +1,31 @@
-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 { Upload } from '.';
-var defaultProps = {
+const defaultProps = {
     disabled: false,
     content: 'Загрузите файл формата любого'
 };
-var state = {
+const state = {
     status: undefined,
     progress: undefined,
     message: 'Подсказывающее сообщение'
 };
-var valid = function valid() {
+const valid = ()=>{
     return {
         message: 'Добавлен файл формата ',
         status: 'success',
         data: null
     };
 };
-var func = function func() {};
-export var Default = function Default() {
-    return /*#__PURE__*/ React.createElement(Upload, _object_spread({
+const func = ()=>{};
+export const Default = ()=>{
+    return /*#__PURE__*/ React.createElement(Upload, {
         status: state.status,
         progress: state.progress,
         message: state.message,
         loader: /*#__PURE__*/ React.createElement("div", null, "Кастомная загрузка ", state.progress, "%"),
         onChange: func,
         onValidation: func,
-        validate: valid
-    }, defaultProps));
+        validate: valid,
+        ...defaultProps
+    });
 };

package/dist/styled-components/es/components/ViewContainer/ViewContainer.config.js

@@ -1,40 +1,14 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        "\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        "\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css } from '@salutejs/plasma-new-hope/styled-components';
 import { viewContainer } from '@salutejs/plasma-themes/tokens/plasma_web';
-export var config = {
+export const config = {
     variations: {
         view: {
-            onDark: css(_templateObject(), viewContainer.dark),
-            onLight: css(_templateObject1(), viewContainer.light)
+            onDark: css`
+                ${viewContainer.dark}
+            `,
+            onLight: css`
+                ${viewContainer.light}
+            `
         }
     }
 };

package/dist/styled-components/es/components/ViewContainer/ViewContainer.js

@@ -1,4 +1,4 @@
 import { viewContainerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './ViewContainer.config';
-var mergedConfig = mergeConfig(viewContainerConfig, config);
-export var ViewContainer = component(mergedConfig);
+const mergedConfig = mergeConfig(viewContainerConfig, config);
+export const ViewContainer = component(mergedConfig);

package/dist/styled-components/es/mixins/index.js

@@ -2,4 +2,4 @@ import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/styled-componen
 import * as allTokens from '@salutejs/plasma-themes/tokens/plasma_web';
 export { addFocus, syntheticFocus, applyBlur, blurs, applyDisabled, applyEllipsis, applyHyphens, applyMaxLines, applyNoSelect, applyRoundness, radiuses, applySkeletonGradient, applyView, views, applyScrollSnap, shadows, applySpacing, spacing } from '@salutejs/plasma-core';
 export { addScrollbar } from '../components/Scrollbar/Scrollbar';
-export var applyPaper = createApplyPaperMixin(allTokens);
+export const applyPaper = createApplyPaperMixin(allTokens);

package/dist/styled-components/es/tokens/colors.js

@@ -1,45 +1,45 @@
-export var buttonPrimaryHover = 'var(--plasma-colors-button-primary-hover)';
-export var buttonPrimaryActive = 'var(--plasma-colors-button-primary-active)';
-export var buttonSecondaryHover = 'var(--plasma-colors-button-secondary-hover)';
-export var buttonSecondaryActive = 'var(--plasma-colors-button-secondary-active)';
-export var buttonSuccessHover = 'var(--plasma-colors-button-success-hover)';
-export var buttonSuccessActive = 'var(--plasma-colors-button-success-active)';
-export var buttonWarningHover = 'var(--plasma-colors-button-warning-hover)';
-export var buttonWarningActive = 'var(--plasma-colors-button-warning-active)';
-export var buttonCriticalHover = 'var(--plasma-colors-button-critical-hover)';
-export var buttonCriticalActive = 'var(--plasma-colors-button-critical-active)';
-export var buttonCheckedHover = 'var(--plasma-colors-button-checked-hover)';
-export var buttonCheckedHoverColor = 'var(--plasma-colors-button-checked-hover-color)';
-export var buttonCheckedActive = 'var(--plasma-colors-button-checked-active)';
-export var buttonCheckedActiveColor = 'var(--plasma-colors-button-checked-active-color)';
-export var fieldColor = 'var(--plasma-field-color)';
-export var fieldLabelColor = 'var(--plasma-field-label-color)';
-export var inputBackground = 'var(--plasma-input-background-color)';
-export var inputBackgroundHover = 'var(--plasma-input-hover-background-color)';
-export var inputBackgroundFocus = 'var(--plasma-input-focus-background-color)';
-export var inputColor = 'var(--plasma-input-color)';
-export var inputCaretColor = 'var(--plasma-input-caret-color)';
-export var inputPlaceholderColor = 'var(--plasma-input-placeholder-color)';
-export var inputFocusPlaceholderColor = 'var(--plasma-input-focus-placeholder-color)';
-export var inputBorder = 'var(--plasma-colors-input-border)';
-export var inputBorderHover = 'var(--plasma-colors-input-border-hover)';
-export var inputBorderFocus = 'var(--plasma-colors-input-border-focus)';
-export var inputSuccessBackground = 'var(--plasma-input-success-background)';
-export var inputSuccessColor = 'var(--plasma-input-success-color)';
-export var inputSuccessCaretColor = 'var(--plasma-input-success-caret-color)';
-export var inputSuccessBorderColor = 'var(--plasma-input-success-border-color)';
-export var inputWarningBackground = 'var(--plasma-input-warning-background)';
-export var inputWarningColor = 'var(--plasma-input-warning-color)';
-export var inputWarningCaretColor = 'var(--plasma-input-warning-caret-color)';
-export var inputWarningBorderColor = 'var(--plasma-input-warning-border-color)';
-export var inputErrorBackground = 'var(--plasma-input-error-background)';
-export var inputErrorColor = 'var(--plasma-input-error-color)';
-export var inputErrorCaretColor = 'var(--plasma-input-error-caret-color)';
-export var inputErrorBorderColor = 'var(--plasma-input-error-border-color)';
-export var inputLabelColor = 'var(--plasma-input-label-color)';
-export var link = 'var(--plasma-colors-link)';
-export var linkHover = 'var(--plasma-colors-link-hover)';
-export var linkActive = 'var(--plasma-colors-link-active)';
-export var linkVisited = 'var(--plasma-colors-link-visited)';
-export var linkVisitedHover = 'var(--plasma-colors-link-visited-hover)';
-export var linkVisitedActive = 'var(--plasma-colors-link-visited-active)';
+export const buttonPrimaryHover = 'var(--plasma-colors-button-primary-hover)';
+export const buttonPrimaryActive = 'var(--plasma-colors-button-primary-active)';
+export const buttonSecondaryHover = 'var(--plasma-colors-button-secondary-hover)';
+export const buttonSecondaryActive = 'var(--plasma-colors-button-secondary-active)';
+export const buttonSuccessHover = 'var(--plasma-colors-button-success-hover)';
+export const buttonSuccessActive = 'var(--plasma-colors-button-success-active)';
+export const buttonWarningHover = 'var(--plasma-colors-button-warning-hover)';
+export const buttonWarningActive = 'var(--plasma-colors-button-warning-active)';
+export const buttonCriticalHover = 'var(--plasma-colors-button-critical-hover)';
+export const buttonCriticalActive = 'var(--plasma-colors-button-critical-active)';
+export const buttonCheckedHover = 'var(--plasma-colors-button-checked-hover)';
+export const buttonCheckedHoverColor = 'var(--plasma-colors-button-checked-hover-color)';
+export const buttonCheckedActive = 'var(--plasma-colors-button-checked-active)';
+export const buttonCheckedActiveColor = 'var(--plasma-colors-button-checked-active-color)';
+export const fieldColor = 'var(--plasma-field-color)';
+export const fieldLabelColor = 'var(--plasma-field-label-color)';
+export const inputBackground = 'var(--plasma-input-background-color)';
+export const inputBackgroundHover = 'var(--plasma-input-hover-background-color)';
+export const inputBackgroundFocus = 'var(--plasma-input-focus-background-color)';
+export const inputColor = 'var(--plasma-input-color)';
+export const inputCaretColor = 'var(--plasma-input-caret-color)';
+export const inputPlaceholderColor = 'var(--plasma-input-placeholder-color)';
+export const inputFocusPlaceholderColor = 'var(--plasma-input-focus-placeholder-color)';
+export const inputBorder = 'var(--plasma-colors-input-border)';
+export const inputBorderHover = 'var(--plasma-colors-input-border-hover)';
+export const inputBorderFocus = 'var(--plasma-colors-input-border-focus)';
+export const inputSuccessBackground = 'var(--plasma-input-success-background)';
+export const inputSuccessColor = 'var(--plasma-input-success-color)';
+export const inputSuccessCaretColor = 'var(--plasma-input-success-caret-color)';
+export const inputSuccessBorderColor = 'var(--plasma-input-success-border-color)';
+export const inputWarningBackground = 'var(--plasma-input-warning-background)';
+export const inputWarningColor = 'var(--plasma-input-warning-color)';
+export const inputWarningCaretColor = 'var(--plasma-input-warning-caret-color)';
+export const inputWarningBorderColor = 'var(--plasma-input-warning-border-color)';
+export const inputErrorBackground = 'var(--plasma-input-error-background)';
+export const inputErrorColor = 'var(--plasma-input-error-color)';
+export const inputErrorCaretColor = 'var(--plasma-input-error-caret-color)';
+export const inputErrorBorderColor = 'var(--plasma-input-error-border-color)';
+export const inputLabelColor = 'var(--plasma-input-label-color)';
+export const link = 'var(--plasma-colors-link)';
+export const linkHover = 'var(--plasma-colors-link-hover)';
+export const linkActive = 'var(--plasma-colors-link-active)';
+export const linkVisited = 'var(--plasma-colors-link-visited)';
+export const linkVisitedHover = 'var(--plasma-colors-link-visited-hover)';
+export const linkVisitedActive = 'var(--plasma-colors-link-visited-active)';