@salutejs/sdds-dfa 0.348.1-next-sbcom.0 → 0.349.0-dev.0

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

@@ -25,149 +25,99 @@ _export(exports, {
         return configXXS;
     }
 });
-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-body-l-font-family);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n                ",
-        ": var(--plasma-typo-body-l-font-style);\n                ",
-        ": var(--plasma-typo-body-l-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-medium-font-weight);\n                ",
-        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-m-font-family);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n                ",
-        ": var(--plasma-typo-body-m-font-style);\n                ",
-        ": var(--plasma-typo-body-m-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-medium-font-weight);\n                ",
-        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-s-font-family);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n                ",
-        ": var(--plasma-typo-body-s-font-style);\n                ",
-        ": var(--plasma-typo-body-s-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-medium-font-weight);\n                ",
-        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xs-font-family);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n                ",
-        ": var(--plasma-typo-body-xs-font-style);\n                ",
-        ": var(--plasma-typo-body-xs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-medium-font-weight);\n                ",
-        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xxs-font-family);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n                ",
-        ": var(--plasma-typo-body-xxs-font-style);\n                ",
-        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-bold-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-medium-font-weight);\n                ",
-        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n            "
-    ]);
-    _templateObject4 = 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-body-l-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body-l-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body-l-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body-l-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-l-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-l-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-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-body-m-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body-m-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-m-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-m-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-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-body-s-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body-s-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body-s-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body-s-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-s-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-s-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-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-body-xs-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body-xs-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body-xs-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body-xs-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xs-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xs-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xs-line-height);
+            `
         }
     }
 };
-var configXXS = {
+const configXXS = {
     defaults: {
         size: 'xxs'
     },
     variations: {
         size: {
-            xxs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            xxs: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-body-xxs-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-body-xxs-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-body-xxs-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-body-xxs-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-body-xxs-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-body-xxs-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-body-xxs-line-height);
+            `
         }
     }
 };

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

@@ -19,95 +19,61 @@ _export(exports, {
         return configS;
     }
 });
-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-dspl-l-font-family);\n                ",
-        ": var(--plasma-typo-dspl-l-font-size);\n                ",
-        ": var(--plasma-typo-dspl-l-font-style);\n                ",
-        ": var(--plasma-typo-dspl-l-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-l-medium-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-dspl-l-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-m-font-family);\n                ",
-        ": var(--plasma-typo-dspl-m-font-size);\n                ",
-        ": var(--plasma-typo-dspl-m-font-style);\n                ",
-        ": var(--plasma-typo-dspl-m-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-m-medium-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-dspl-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-s-font-family);\n                ",
-        ": var(--plasma-typo-dspl-s-font-size);\n                ",
-        ": var(--plasma-typo-dspl-s-font-style);\n                ",
-        ": var(--plasma-typo-dspl-s-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-s-medium-font-weight);\n                ",
-        ": var(--plasma-typo-dspl-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-dspl-s-line-height);\n            "
-    ]);
-    _templateObject2 = 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-dspl-l-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-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-dspl-m-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-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-dspl-s-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);
+            `
         }
     }
 };

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

@@ -28,176 +28,118 @@ _export(exports, {
         return configH6;
     }
 });
-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-h1-font-family);\n                ",
-        ": var(--plasma-typo-h1-font-size);\n                ",
-        ": var(--plasma-typo-h1-font-style);\n                ",
-        ": var(--plasma-typo-h1-font-weight);\n                ",
-        ": var(--plasma-typo-h1-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h1-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h1-letter-spacing);\n                ",
-        ": var(--plasma-typo-h1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h2-font-family);\n                ",
-        ": var(--plasma-typo-h2-font-size);\n                ",
-        ": var(--plasma-typo-h2-font-style);\n                ",
-        ": var(--plasma-typo-h2-font-weight);\n                ",
-        ": var(--plasma-typo-h2-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h2-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h2-letter-spacing);\n                ",
-        ": var(--plasma-typo-h2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h3-font-family);\n                ",
-        ": var(--plasma-typo-h3-font-size);\n                ",
-        ": var(--plasma-typo-h3-font-style);\n                ",
-        ": var(--plasma-typo-h3-font-weight);\n                ",
-        ": var(--plasma-typo-h3-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h3-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h3-letter-spacing);\n                ",
-        ": var(--plasma-typo-h3-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h4-font-family);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n                ",
-        ": var(--plasma-typo-h4-font-style);\n                ",
-        ": var(--plasma-typo-h4-font-weight);\n                ",
-        ": var(--plasma-typo-h4-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h4-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h4-letter-spacing);\n                ",
-        ": var(--plasma-typo-h4-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h5-font-family);\n                ",
-        ": var(--plasma-typo-h5-font-size);\n                ",
-        ": var(--plasma-typo-h5-font-style);\n                ",
-        ": var(--plasma-typo-h5-font-weight);\n                ",
-        ": var(--plasma-typo-h5-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h5-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h5-letter-spacing);\n                ",
-        ": var(--plasma-typo-h5-line-height);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h6-font-family);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n                ",
-        ": var(--plasma-typo-h6-font-style);\n                ",
-        ": var(--plasma-typo-h6-font-weight);\n                ",
-        ": var(--plasma-typo-h6-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h6-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h6-letter-spacing);\n                ",
-        ": var(--plasma-typo-h6-line-height);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var configH1 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const configH1 = {
     defaults: {
         size: 'h1'
     },
     variations: {
         size: {
-            h1: (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)
+            h1: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);
+            `
         }
     }
 };
-var configH2 = {
+const configH2 = {
     defaults: {
         size: 'h2'
     },
     variations: {
         size: {
-            h2: (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)
+            h2: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);
+            `
         }
     }
 };
-var configH3 = {
+const configH3 = {
     defaults: {
         size: 'h3'
     },
     variations: {
         size: {
-            h3: (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)
+            h3: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);
+            `
         }
     }
 };
-var configH4 = {
+const configH4 = {
     defaults: {
         size: 'h4'
     },
     variations: {
         size: {
-            h4: (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)
+            h4: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);
+            `
         }
     }
 };
-var configH5 = {
+const configH5 = {
     defaults: {
         size: 'h5'
     },
     variations: {
         size: {
-            h5: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            h5: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);
+            `
         }
     }
 };
-var configH6 = {
+const configH6 = {
     defaults: {
         size: 'h6'
     },
     variations: {
         size: {
-            h6: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.typographyTokens.typoFontFamily, _styledcomponents.typographyTokens.typoFontSize, _styledcomponents.typographyTokens.typoFontStyle, _styledcomponents.typographyTokens.typoFontWeight, _styledcomponents.typographyTokens.typoFontWeightBold, _styledcomponents.typographyTokens.typoFontWeightMedium, _styledcomponents.typographyTokens.typoFontLetterSpacing, _styledcomponents.typographyTokens.typoFontLineHeight)
+            h6: (0, _styledcomponents.css)`
+                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h6-font-family);
+                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h6-font-size);
+                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h6-font-style);
+                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h6-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h6-bold-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h6-medium-font-weight);
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h6-line-height);
+            `
         }
     }
 };