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

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

@@ -19,89 +19,55 @@ _export(exports, {
         return configBody3;
     }
 });
-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-body1-font-family);\n                ",
-        ": var(--plasma-typo-body1-font-size);\n                ",
-        ": var(--plasma-typo-body1-font-style);\n                ",
-        ": var(--plasma-typo-body1-font-weight);\n                ",
-        ": var(--plasma-typo-body1-letter-spacing);\n                ",
-        ": var(--plasma-typo-body1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body2-font-family);\n                ",
-        ": var(--plasma-typo-body2-font-size);\n                ",
-        ": var(--plasma-typo-body2-font-style);\n                ",
-        ": var(--plasma-typo-body2-font-weight);\n                ",
-        ": var(--plasma-typo-body2-letter-spacing);\n                ",
-        ": var(--plasma-typo-body2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body3-font-family);\n                ",
-        ": var(--plasma-typo-body3-font-size);\n                ",
-        ": var(--plasma-typo-body3-font-style);\n                ",
-        ": var(--plasma-typo-body3-font-weight);\n                ",
-        ": var(--plasma-typo-body3-letter-spacing);\n                ",
-        ": var(--plasma-typo-body3-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configBody1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configBody1 = {
     defaults: {
         size: 'body1'
     },
     variations: {
         size: {
-            body1: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            body1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-body1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body1-line-height);
+            `
         }
     }
 };
-var configBody2 = {
+const configBody2 = {
     defaults: {
         size: 'body2'
     },
     variations: {
         size: {
-            body2: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            body2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-body2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body2-line-height);
+            `
         }
     }
 };
-var configBody3 = {
+const configBody3 = {
     defaults: {
         size: 'body3'
     },
     variations: {
         size: {
-            body3: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            body3: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-body3-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body3-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body3-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body3-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body3-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body3-line-height);
+            `
         }
     }
 };

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

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

package/dist/styled-components/cjs/components/Typography/Old/Caption.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-caption-font-family);\n                ",
-        ": var(--plasma-typo-caption-font-size);\n                ",
-        ": var(--plasma-typo-caption-font-style);\n                ",
-        ": var(--plasma-typo-caption-font-weight);\n                ",
-        ": var(--plasma-typo-caption-letter-spacing);\n                ",
-        ": var(--plasma-typo-caption-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-caption-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-caption-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-caption-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-caption-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-caption-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-caption-line-height);
+            `
         }
     }
 };

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

@@ -19,89 +19,55 @@ _export(exports, {
         return configDisplay3;
     }
 });
-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-display1-font-family);\n                ",
-        ": var(--plasma-typo-display1-font-size);\n                ",
-        ": var(--plasma-typo-display1-font-style);\n                ",
-        ": var(--plasma-typo-display1-font-weight);\n                ",
-        ": var(--plasma-typo-display1-letter-spacing);\n                ",
-        ": var(--plasma-typo-display1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-display2-font-family);\n                ",
-        ": var(--plasma-typo-display2-font-size);\n                ",
-        ": var(--plasma-typo-display2-font-style);\n                ",
-        ": var(--plasma-typo-display2-font-weight);\n                ",
-        ": var(--plasma-typo-display2-letter-spacing);\n                ",
-        ": var(--plasma-typo-display2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-display3-font-family);\n                ",
-        ": var(--plasma-typo-display3-font-size);\n                ",
-        ": var(--plasma-typo-display3-font-style);\n                ",
-        ": var(--plasma-typo-display3-font-weight);\n                ",
-        ": var(--plasma-typo-display3-letter-spacing);\n                ",
-        ": var(--plasma-typo-display3-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configDisplay1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configDisplay1 = {
     defaults: {
         size: 'display1'
     },
     variations: {
         size: {
-            display1: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            display1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-display1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-display1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-display1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-display1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-display1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-display1-line-height);
+            `
         }
     }
 };
-var configDisplay2 = {
+const configDisplay2 = {
     defaults: {
         size: 'display2'
     },
     variations: {
         size: {
-            display2: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            display2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-display2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-display2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-display2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-display2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-display2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-display2-line-height);
+            `
         }
     }
 };
-var configDisplay3 = {
+const configDisplay3 = {
     defaults: {
         size: 'display3'
     },
     variations: {
         size: {
-            display3: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            display3: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-display3-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-display3-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-display3-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-display3-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-display3-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-display3-line-height);
+            `
         }
     }
 };

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

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

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

@@ -25,139 +25,89 @@ _export(exports, {
         return configHeadline5;
     }
 });
-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-headline1-font-family);\n                ",
-        ": var(--plasma-typo-headline1-font-size);\n                ",
-        ": var(--plasma-typo-headline1-font-style);\n                ",
-        ": var(--plasma-typo-headline1-font-weight);\n                ",
-        ": var(--plasma-typo-headline1-letter-spacing);\n                ",
-        ": var(--plasma-typo-headline1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline2-font-family);\n                ",
-        ": var(--plasma-typo-headline2-font-size);\n                ",
-        ": var(--plasma-typo-headline2-font-style);\n                ",
-        ": var(--plasma-typo-headline2-font-weight);\n                ",
-        ": var(--plasma-typo-headline2-letter-spacing);\n                ",
-        ": var(--plasma-typo-headline2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline3-font-family);\n                ",
-        ": var(--plasma-typo-headline3-font-size);\n                ",
-        ": var(--plasma-typo-headline3-font-style);\n                ",
-        ": var(--plasma-typo-headline3-font-weight);\n                ",
-        ": var(--plasma-typo-headline3-letter-spacing);\n                ",
-        ": var(--plasma-typo-headline3-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline4-font-family);\n                ",
-        ": var(--plasma-typo-headline4-font-size);\n                ",
-        ": var(--plasma-typo-headline4-font-style);\n                ",
-        ": var(--plasma-typo-headline4-font-weight);\n                ",
-        ": var(--plasma-typo-headline4-letter-spacing);\n                ",
-        ": var(--plasma-typo-headline4-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline5-font-family, 'SB Sans Text',sans-serif);\n                ",
-        ": var(--plasma-typo-headline5-font-size, 1rem);\n                ",
-        ": var(--plasma-typo-headline5-font-style, normal);\n                ",
-        ": var(--plasma-typo-headline5-font-weight, 600);\n                ",
-        ": var(--plasma-typo-headline5-letter-spacing, -0.0190em);\n                ",
-        ": var(--plasma-typo-headline5-line-height, 1.25rem);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configHeadline1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configHeadline1 = {
     defaults: {
         size: 'headline1'
     },
     variations: {
         size: {
-            headline1: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            headline1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-headline1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-headline1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-headline1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-headline1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-headline1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-headline1-line-height);
+            `
         }
     }
 };
-var configHeadline2 = {
+const configHeadline2 = {
     defaults: {
         size: 'headline2'
     },
     variations: {
         size: {
-            headline2: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            headline2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-headline2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-headline2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-headline2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-headline2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-headline2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-headline2-line-height);
+            `
         }
     }
 };
-var configHeadline3 = {
+const configHeadline3 = {
     defaults: {
         size: 'headline3'
     },
     variations: {
         size: {
-            headline3: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            headline3: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-headline3-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-headline3-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-headline3-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-headline3-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-headline3-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-headline3-line-height);
+            `
         }
     }
 };
-var configHeadline4 = {
+const configHeadline4 = {
     defaults: {
         size: 'headline4'
     },
     variations: {
         size: {
-            headline4: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            headline4: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-headline4-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-headline4-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-headline4-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-headline4-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-headline4-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-headline4-line-height);
+            `
         }
     }
 };
-var configHeadline5 = {
+const configHeadline5 = {
     defaults: {
         size: 'headline5'
     },
     variations: {
         size: {
-            headline5: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            headline5: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-headline5-font-family, 'SB Sans Text',sans-serif);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-headline5-font-size, 1rem);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-headline5-font-style, normal);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-headline5-font-weight, 600);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-headline5-letter-spacing, -0.0190em);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-headline5-line-height, 1.25rem);
+            `
         }
     }
 };