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

package/dist/styled-components/cjs/components/Typography/Old/Paragraph.config.js

@@ -16,64 +16,38 @@ _export(exports, {
         return configParagraph2;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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-paragraph1-font-family);\n                ",
-        ": var(--plasma-typo-paragraph1-font-size);\n                ",
-        ": var(--plasma-typo-paragraph1-font-style);\n                ",
-        ": var(--plasma-typo-paragraph1-font-weight);\n                ",
-        ": var(--plasma-typo-paragraph1-letter-spacing);\n                ",
-        ": var(--plasma-typo-paragraph1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-paragraph2-font-family);\n                ",
-        ": var(--plasma-typo-paragraph2-font-size);\n                ",
-        ": var(--plasma-typo-paragraph2-font-style);\n                ",
-        ": var(--plasma-typo-paragraph2-font-weight);\n                ",
-        ": var(--plasma-typo-paragraph2-letter-spacing);\n                ",
-        ": var(--plasma-typo-paragraph2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configParagraph1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configParagraph1 = {
     defaults: {
         size: 'paragraph1'
     },
     variations: {
         size: {
-            paragraph1: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            paragraph1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-paragraph1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-paragraph1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-paragraph1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-paragraph1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-paragraph1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-paragraph1-line-height);
+            `
         }
     }
 };
-var configParagraph2 = {
+const configParagraph2 = {
     defaults: {
         size: 'paragraph2'
     },
     variations: {
         size: {
-            paragraph2: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            paragraph2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-paragraph2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-paragraph2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-paragraph2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-paragraph2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-paragraph2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-paragraph2-line-height);
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Typography/Old/ParagraphText.config.js

@@ -16,64 +16,38 @@ _export(exports, {
         return configParagraphText2;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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-paragraph1-font-family);\n                ",
-        ": var(--plasma-typo-paragraph1-font-size);\n                ",
-        ": var(--plasma-typo-paragraph1-font-style);\n                ",
-        ": var(--plasma-typo-paragraph1-font-weight);\n                ",
-        ": var(--plasma-typo-paragraph1-letter-spacing);\n                ",
-        ": var(--plasma-typo-paragraph1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-paragraph2-font-family);\n                ",
-        ": var(--plasma-typo-paragraph2-font-size);\n                ",
-        ": var(--plasma-typo-paragraph2-font-style);\n                ",
-        ": var(--plasma-typo-paragraph2-font-weight);\n                ",
-        ": var(--plasma-typo-paragraph2-letter-spacing);\n                ",
-        ": var(--plasma-typo-paragraph2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configParagraphText1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configParagraphText1 = {
     defaults: {
         size: 'paragraphText1'
     },
     variations: {
         size: {
-            paragraphText1: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            paragraphText1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-paragraph1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-paragraph1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-paragraph1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-paragraph1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-paragraph1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-paragraph1-line-height);
+            `
         }
     }
 };
-var configParagraphText2 = {
+const configParagraphText2 = {
     defaults: {
         size: 'paragraphText2'
     },
     variations: {
         size: {
-            paragraphText2: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            paragraphText2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-paragraph2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-paragraph2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-paragraph2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-paragraph2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-paragraph2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-paragraph2-line-height);
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Typography/Old/Subtitle.config.js

@@ -8,39 +8,21 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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-subtitle-font-family, 'SB Sans Text',sans-serif));\n                ",
-        ": var(--plasma-typo-subtitle-font-size, 1.25rem);\n                ",
-        ": var(--plasma-typo-subtitle-font-style, normal);\n                ",
-        ": var(--plasma-typo-subtitle-font-weight, 400);\n                ",
-        ": var(--plasma-typo-subtitle-letter-spacing, -0.0190em);\n                ",
-        ": var(--plasma-typo-subtitle-line-height, 1.5rem);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-subtitle-font-family, 'SB Sans Text',sans-serif));
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-subtitle-font-size, 1.25rem);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-subtitle-font-style, normal);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-subtitle-font-weight, 400);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-subtitle-letter-spacing, -0.0190em);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-subtitle-line-height, 1.5rem);
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Typography/Old/Underline.config.js

@@ -8,39 +8,21 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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-underline-font-family);\n                ",
-        ": var(--plasma-typo-underline-font-size);\n                ",
-        ": var(--plasma-typo-underline-font-style);\n                ",
-        ": var(--plasma-typo-underline-font-weight);\n                ",
-        ": var(--plasma-typo-underline-letter-spacing);\n                ",
-        ": var(--plasma-typo-underline-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-underline-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-underline-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-underline-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-underline-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-underline-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-underline-line-height);
+            `
         }
     }
 };

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

@@ -76,80 +76,80 @@ _export(exports, {
         return Underline;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Bodyconfig = require("./Body.config");
-var _Buttonconfig = require("./Button.config");
-var _Captionconfig = require("./Caption.config");
-var _Displayconfig = require("./Display.config");
-var _Footnoteconfig = require("./Footnote.config");
-var _Headlineconfig = require("./Headline.config");
-var _Paragraphconfig = require("./Paragraph.config");
-var _ParagraphTextconfig = require("./ParagraphText.config");
-var _Underlineconfig = require("./Underline.config");
-var _Subtitleconfig = require("./Subtitle.config");
-var body1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody1);
-var Body1Component = (0, _styledcomponents.component)(body1Config);
-var body2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody2);
-var Body2Component = (0, _styledcomponents.component)(body2Config);
-var body3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody3);
-var Body3Component = (0, _styledcomponents.component)(body3Config);
-var button1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonTypographyConfig, _Buttonconfig.configButton1);
-var Button1Component = (0, _styledcomponents.component)(button1Config);
-var button2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonTypographyConfig, _Buttonconfig.configButton2);
-var Button2Component = (0, _styledcomponents.component)(button2Config);
-var captionConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.captionConfig, _Captionconfig.config);
-var CaptionComponent = (0, _styledcomponents.component)(captionConfig);
-var display1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay1);
-var Display1Component = (0, _styledcomponents.component)(display1Config);
-var display2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay2);
-var Display2Component = (0, _styledcomponents.component)(display2Config);
-var display3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay3);
-var Display3Component = (0, _styledcomponents.component)(display3Config);
-var footnote1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.footnoteConfig, _Footnoteconfig.configFootnote1);
-var Footnote1Component = (0, _styledcomponents.component)(footnote1Config);
-var footnote2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.footnoteConfig, _Footnoteconfig.configFootnote2);
-var Footnote2Component = (0, _styledcomponents.component)(footnote2Config);
-var headline1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline1);
-var Headline1Component = (0, _styledcomponents.component)(headline1Config);
-var headline2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline2);
-var Headline2Component = (0, _styledcomponents.component)(headline2Config);
-var headline3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline3);
-var Headline3Component = (0, _styledcomponents.component)(headline3Config);
-var headline4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline4);
-var Headline4Component = (0, _styledcomponents.component)(headline4Config);
-var headline5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline5);
-var Headline5Component = (0, _styledcomponents.component)(headline5Config);
-var underlineConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.underlineConfig, _Underlineconfig.config);
-var UnderlineComponent = (0, _styledcomponents.component)(underlineConfig);
-var subtitleConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.subtitleConfig, _Subtitleconfig.config);
-var SubtitleComponent = (0, _styledcomponents.component)(subtitleConfig);
-var paragraph1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphConfig, _Paragraphconfig.configParagraph1);
-var Paragraph1Component = (0, _styledcomponents.component)(paragraph1Config);
-var paragraph2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphConfig, _Paragraphconfig.configParagraph2);
-var Paragraph2Component = (0, _styledcomponents.component)(paragraph2Config);
-var paragraphText1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphTextConfig, _ParagraphTextconfig.configParagraphText1);
-var ParagraphText1Component = (0, _styledcomponents.component)(paragraphText1Config);
-var paragraphText2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphTextConfig, _ParagraphTextconfig.configParagraphText2);
-var ParagraphText2Component = (0, _styledcomponents.component)(paragraphText2Config);
-var Body1 = Body1Component;
-var Body2 = Body2Component;
-var Body3 = Body3Component;
-var Button1 = Button1Component;
-var Button2 = Button2Component;
-var Caption = CaptionComponent;
-var Display1 = Display1Component;
-var Display2 = Display2Component;
-var Display3 = Display3Component;
-var Footnote1 = Footnote1Component;
-var Footnote2 = Footnote2Component;
-var Headline1 = Headline1Component;
-var Headline2 = Headline2Component;
-var Headline3 = Headline3Component;
-var Headline4 = Headline4Component;
-var Headline5 = Headline5Component;
-var P1 = Paragraph1Component;
-var P2 = Paragraph2Component;
-var ParagraphText1 = ParagraphText1Component;
-var ParagraphText2 = ParagraphText2Component;
-var Underline = UnderlineComponent;
-var Subtitle = SubtitleComponent;
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Bodyconfig = require("./Body.config");
+const _Buttonconfig = require("./Button.config");
+const _Captionconfig = require("./Caption.config");
+const _Displayconfig = require("./Display.config");
+const _Footnoteconfig = require("./Footnote.config");
+const _Headlineconfig = require("./Headline.config");
+const _Paragraphconfig = require("./Paragraph.config");
+const _ParagraphTextconfig = require("./ParagraphText.config");
+const _Underlineconfig = require("./Underline.config");
+const _Subtitleconfig = require("./Subtitle.config");
+const body1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody1);
+const Body1Component = (0, _styledcomponents.component)(body1Config);
+const body2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody2);
+const Body2Component = (0, _styledcomponents.component)(body2Config);
+const body3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configBody3);
+const Body3Component = (0, _styledcomponents.component)(body3Config);
+const button1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonTypographyConfig, _Buttonconfig.configButton1);
+const Button1Component = (0, _styledcomponents.component)(button1Config);
+const button2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.buttonTypographyConfig, _Buttonconfig.configButton2);
+const Button2Component = (0, _styledcomponents.component)(button2Config);
+const captionConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.captionConfig, _Captionconfig.config);
+const CaptionComponent = (0, _styledcomponents.component)(captionConfig);
+const display1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay1);
+const Display1Component = (0, _styledcomponents.component)(display1Config);
+const display2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay2);
+const Display2Component = (0, _styledcomponents.component)(display2Config);
+const display3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.displayConfig, _Displayconfig.configDisplay3);
+const Display3Component = (0, _styledcomponents.component)(display3Config);
+const footnote1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.footnoteConfig, _Footnoteconfig.configFootnote1);
+const Footnote1Component = (0, _styledcomponents.component)(footnote1Config);
+const footnote2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.footnoteConfig, _Footnoteconfig.configFootnote2);
+const Footnote2Component = (0, _styledcomponents.component)(footnote2Config);
+const headline1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline1);
+const Headline1Component = (0, _styledcomponents.component)(headline1Config);
+const headline2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline2);
+const Headline2Component = (0, _styledcomponents.component)(headline2Config);
+const headline3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline3);
+const Headline3Component = (0, _styledcomponents.component)(headline3Config);
+const headline4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline4);
+const Headline4Component = (0, _styledcomponents.component)(headline4Config);
+const headline5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headlineConfig, _Headlineconfig.configHeadline5);
+const Headline5Component = (0, _styledcomponents.component)(headline5Config);
+const underlineConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.underlineConfig, _Underlineconfig.config);
+const UnderlineComponent = (0, _styledcomponents.component)(underlineConfig);
+const subtitleConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.subtitleConfig, _Subtitleconfig.config);
+const SubtitleComponent = (0, _styledcomponents.component)(subtitleConfig);
+const paragraph1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphConfig, _Paragraphconfig.configParagraph1);
+const Paragraph1Component = (0, _styledcomponents.component)(paragraph1Config);
+const paragraph2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphConfig, _Paragraphconfig.configParagraph2);
+const Paragraph2Component = (0, _styledcomponents.component)(paragraph2Config);
+const paragraphText1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphTextConfig, _ParagraphTextconfig.configParagraphText1);
+const ParagraphText1Component = (0, _styledcomponents.component)(paragraphText1Config);
+const paragraphText2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.paragraphTextConfig, _ParagraphTextconfig.configParagraphText2);
+const ParagraphText2Component = (0, _styledcomponents.component)(paragraphText2Config);
+const Body1 = Body1Component;
+const Body2 = Body2Component;
+const Body3 = Body3Component;
+const Button1 = Button1Component;
+const Button2 = Button2Component;
+const Caption = CaptionComponent;
+const Display1 = Display1Component;
+const Display2 = Display2Component;
+const Display3 = Display3Component;
+const Footnote1 = Footnote1Component;
+const Footnote2 = Footnote2Component;
+const Headline1 = Headline1Component;
+const Headline2 = Headline2Component;
+const Headline3 = Headline3Component;
+const Headline4 = Headline4Component;
+const Headline5 = Headline5Component;
+const P1 = Paragraph1Component;
+const P2 = Paragraph2Component;
+const ParagraphText1 = ParagraphText1Component;
+const ParagraphText2 = ParagraphText2Component;
+const Underline = UnderlineComponent;
+const Subtitle = SubtitleComponent;

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

@@ -22,122 +22,80 @@ _export(exports, {
         return configXS;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-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;
-}
-var configL = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configL = {
     defaults: {
         size: 'l'
     },
     variations: {
         size: {
-            l: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+            `
         }
     }
 };
-var configM = {
+const configM = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+            `
         }
     }
 };
-var configS = {
+const configS = {
     defaults: {
         size: 's'
     },
     variations: {
         size: {
-            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+            `
         }
     }
 };
-var configXS = {
+const configXS = {
     defaults: {
         size: 'xs'
     },
     variations: {
         size: {
-            xs: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+            `
         }
     }
 };