@salutejs/sdds-os 0.20.1-next-sbcom.0 → 0.21.0-dev.0

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

@@ -25,149 +25,99 @@ _export(exports, {
         return configH5;
     }
 });
-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;
-}
-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);
+            `
         }
     }
 };

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);
+            `
         }
     }
 };

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

@@ -61,59 +61,59 @@ _export(exports, {
         return TextXS;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Bodyconfig = require("./Body.config");
-var _Dsplconfig = require("./Dspl.config");
-var _Headingconfig = require("./Heading.config");
-var _Textconfig = require("./Text.config");
-var bodyMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configM);
-var BodyMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyMConfig));
-var bodyLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configL);
-var BodyLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyLConfig));
-var bodySConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configS);
-var BodySComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodySConfig));
-var bodyXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configXS);
-var BodyXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyXSConfig));
-var bodyXXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configXXS);
-var BodyXXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyXXSConfig));
-var dsplMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configM);
-var DsplMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplMConfig));
-var dsplLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configL);
-var DsplLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplLConfig));
-var dsplSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configS);
-var DsplSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplSConfig));
-var heading1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH1);
-var Heading1Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading1Config));
-var heading2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH2);
-var Heading2Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading2Config));
-var heading3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH3);
-var Heading3Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading3Config));
-var heading4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH4);
-var Heading4Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading4Config));
-var heading5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH5);
-var Heading5Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading5Config));
-var textMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configM);
-var TextMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textMConfig));
-var textLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configL);
-var TextLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textLConfig));
-var textSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configS);
-var TextSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textSConfig));
-var textXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configXS);
-var TextXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textXSConfig));
-var BodyM = BodyMComponent;
-var BodyL = BodyLComponent;
-var BodyS = BodySComponent;
-var BodyXS = BodyXSComponent;
-var BodyXXS = BodyXXSComponent;
-var DsplM = DsplMComponent;
-var DsplL = DsplLComponent;
-var DsplS = DsplSComponent;
-var H1 = Heading1Component;
-var H2 = Heading2Component;
-var H3 = Heading3Component;
-var H4 = Heading4Component;
-var H5 = Heading5Component;
-var TextM = TextMComponent;
-var TextL = TextLComponent;
-var TextS = TextSComponent;
-var TextXS = TextXSComponent;
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Bodyconfig = require("./Body.config");
+const _Dsplconfig = require("./Dspl.config");
+const _Headingconfig = require("./Heading.config");
+const _Textconfig = require("./Text.config");
+const bodyMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configM);
+const BodyMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyMConfig));
+const bodyLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configL);
+const BodyLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyLConfig));
+const bodySConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configS);
+const BodySComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodySConfig));
+const bodyXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configXS);
+const BodyXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyXSConfig));
+const bodyXXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.bodyConfig, _Bodyconfig.configXXS);
+const BodyXXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(bodyXXSConfig));
+const dsplMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configM);
+const DsplMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplMConfig));
+const dsplLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configL);
+const DsplLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplLConfig));
+const dsplSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dsplConfig, _Dsplconfig.configS);
+const DsplSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(dsplSConfig));
+const heading1Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH1);
+const Heading1Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading1Config));
+const heading2Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH2);
+const Heading2Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading2Config));
+const heading3Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH3);
+const Heading3Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading3Config));
+const heading4Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH4);
+const Heading4Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading4Config));
+const heading5Config = (0, _styledcomponents.mergeConfig)(_styledcomponents.headingConfig, _Headingconfig.configH5);
+const Heading5Component = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(heading5Config));
+const textMConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configM);
+const TextMComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textMConfig));
+const textLConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configL);
+const TextLComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textLConfig));
+const textSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configS);
+const TextSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textSConfig));
+const textXSConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textConfig, _Textconfig.configXS);
+const TextXSComponent = (0, _styledcomponents.typographyComponent)((0, _styledcomponents.component)(textXSConfig));
+const BodyM = BodyMComponent;
+const BodyL = BodyLComponent;
+const BodyS = BodySComponent;
+const BodyXS = BodyXSComponent;
+const BodyXXS = BodyXXSComponent;
+const DsplM = DsplMComponent;
+const DsplL = DsplLComponent;
+const DsplS = DsplSComponent;
+const H1 = Heading1Component;
+const H2 = Heading2Component;
+const H3 = Heading3Component;
+const H4 = Heading4Component;
+const H5 = Heading5Component;
+const TextM = TextMComponent;
+const TextL = TextLComponent;
+const TextS = TextSComponent;
+const TextXS = TextXSComponent;

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

@@ -61,4 +61,4 @@ _export(exports, {
         return _Typography.TextXS;
     }
 });
-var _Typography = require("./Typography");
+const _Typography = require("./Typography");