@salutejs/sdds-cs 0.354.0-next-platform-ai.0 → 0.355.0-dev.0

package/dist/emotion/cjs/components/Tree/Tree.config.js

@@ -8,91 +8,66 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-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(--text-primary);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-active);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": transparent;\n                ",
-        ": var(--surface-transparent-accent);\n                ",
-        ": var(--surface-solid-primary-active);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--text-accent);\n                ",
-        ": 1;\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--surface-positive);\n                ",
-        ": var(--surface-solid-default);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 2.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.4375rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.4375rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 1.875rem;\n                ",
-        ": 0.5rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0rem;\n                ",
-        ": 0 0.375rem 0 0.5rem;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 0 0 0 0;\n                ",
-        ": 1.5rem;\n                ",
-        ": 0 0 0 0.5rem;\n                ",
-        ": 1.5rem;\n                ",
-        ": 1.25rem;\n                ",
-        ": 0.375rem;\n\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-letter-spacing);\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const config = {
     defaults: {
         view: 'default',
         size: 's'
     },
     variations: {
         view: {
-            default: (0, _emotion.css)(_templateObject(), _emotion.treeTokens.iconFolderColor, _emotion.treeTokens.arrowColor, _emotion.treeTokens.arrowColorHover, _emotion.treeTokens.arrowColorActive, _emotion.treeTokens.color, _emotion.treeTokens.colorSelected, _emotion.treeTokens.itemBackgroundColorSelected, _emotion.treeTokens.itemBackgroundColorPrimary, _emotion.treeTokens.itemBackgroundColorHover, _emotion.treeTokens.itemBackgroundColorActive, _emotion.treeTokens.checkboxBorderColor, _emotion.treeTokens.checkboxBackgroundColor, _emotion.treeTokens.itemDisabledOpacity, _emotion.treeTokens.itemDisabledBorderColor, _emotion.treeTokens.itemDisabledColor, _emotion.treeTokens.itemDraggableBorderColor, _emotion.treeTokens.itemDraggableLineColor)
+            default: (0, _emotion.css)`
+                ${_emotion.treeTokens.iconFolderColor}: var(--text-primary);
+                ${_emotion.treeTokens.arrowColor}: var(--text-accent);
+                ${_emotion.treeTokens.arrowColorHover}: var(--text-accent-minor);
+                ${_emotion.treeTokens.arrowColorActive}: var(--text-accent-active);
+                ${_emotion.treeTokens.color}: var(--text-primary);
+                ${_emotion.treeTokens.colorSelected}: var(--text-primary);
+                ${_emotion.treeTokens.itemBackgroundColorSelected}: var(--surface-solid-primary);
+                ${_emotion.treeTokens.itemBackgroundColorPrimary}: transparent;
+                ${_emotion.treeTokens.itemBackgroundColorHover}: var(--surface-transparent-accent);
+                ${_emotion.treeTokens.itemBackgroundColorActive}: var(--surface-solid-primary-active);
+                ${_emotion.treeTokens.checkboxBorderColor}: var(--text-accent);
+                ${_emotion.treeTokens.checkboxBackgroundColor}: var(--text-accent);
+                ${_emotion.treeTokens.itemDisabledOpacity}: 1;
+                ${_emotion.treeTokens.itemDisabledBorderColor}: var(--text-secondary);
+                ${_emotion.treeTokens.itemDisabledColor}: var(--text-secondary);
+                ${_emotion.treeTokens.itemDraggableBorderColor}: var(--surface-positive);
+                ${_emotion.treeTokens.itemDraggableLineColor}: var(--surface-solid-default);
+            `
         },
         size: {
-            s: (0, _emotion.css)(_templateObject1(), _emotion.treeTokens.itemHeight, _emotion.treeTokens.itemBackgroundExtraOffset, _emotion.treeTokens.itemPaddingTop, _emotion.treeTokens.itemPaddingRight, _emotion.treeTokens.itemPaddingBottom, _emotion.treeTokens.itemPaddingLeft, _emotion.treeTokens.itemPaddingTightTop, _emotion.treeTokens.itemPaddingTightRight, _emotion.treeTokens.itemPaddingTightBottom, _emotion.treeTokens.itemPaddingTightLeft, _emotion.treeTokens.itemIndent, _emotion.treeTokens.itemBorderRadius, _emotion.treeTokens.itemTop, _emotion.treeTokens.itemBottom, _emotion.treeTokens.iconFolderMargin, _emotion.treeTokens.switcherMargin, _emotion.treeTokens.switcherMarginInverted, _emotion.treeTokens.switcherSize, _emotion.treeTokens.checkboxMargin, _emotion.treeTokens.checkboxSize, _emotion.treeTokens.checkboxInnerSize, _emotion.treeTokens.checkboxBorderRadius, _emotion.treeTokens.fontFamily, _emotion.treeTokens.fontSize, _emotion.treeTokens.fontStyle, _emotion.treeTokens.fontWeight, _emotion.treeTokens.letterSpacing, _emotion.treeTokens.lineHeight)
+            s: (0, _emotion.css)`
+                ${_emotion.treeTokens.itemHeight}: 2.5rem;
+                ${_emotion.treeTokens.itemBackgroundExtraOffset}: 0.75rem;
+                ${_emotion.treeTokens.itemPaddingTop}: 0.5rem;
+                ${_emotion.treeTokens.itemPaddingRight}: 0.75rem;
+                ${_emotion.treeTokens.itemPaddingBottom}: 0.5rem;
+                ${_emotion.treeTokens.itemPaddingLeft}: 0.75rem;
+                ${_emotion.treeTokens.itemPaddingTightTop}: 0.4375rem;
+                ${_emotion.treeTokens.itemPaddingTightRight}: 0.5rem;
+                ${_emotion.treeTokens.itemPaddingTightBottom}: 0.4375rem;
+                ${_emotion.treeTokens.itemPaddingTightLeft}: 0.5rem;
+                ${_emotion.treeTokens.itemIndent}: 1.875rem;
+                ${_emotion.treeTokens.itemBorderRadius}: 0.5rem;
+                ${_emotion.treeTokens.itemTop}: 0rem;
+                ${_emotion.treeTokens.itemBottom}: 0rem;
+                ${_emotion.treeTokens.iconFolderMargin}: 0 0.375rem 0 0.5rem;
+                ${_emotion.treeTokens.switcherMargin}: 0 0 0 0;
+                ${_emotion.treeTokens.switcherMarginInverted}: 0 0 0 0;
+                ${_emotion.treeTokens.switcherSize}: 1.5rem;
+                ${_emotion.treeTokens.checkboxMargin}: 0 0 0 0.5rem;
+                ${_emotion.treeTokens.checkboxSize}: 1.5rem;
+                ${_emotion.treeTokens.checkboxInnerSize}: 1.25rem;
+                ${_emotion.treeTokens.checkboxBorderRadius}: 0.375rem;
+
+                ${_emotion.treeTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
+                ${_emotion.treeTokens.fontSize}: var(--plasma-typo-body-m-font-size);
+                ${_emotion.treeTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
+                ${_emotion.treeTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
+                ${_emotion.treeTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
+                ${_emotion.treeTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+            `
         }
     }
 };

package/dist/emotion/cjs/components/Tree/Tree.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Tree", {
         return Tree;
     }
 });
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Treeconfig = require("./Tree.config");
-var mergedConfig = (0, _emotion.mergeConfig)(_emotion.treeConfig, _Treeconfig.config);
-var Tree = (0, _emotion.component)(mergedConfig);
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _Treeconfig = require("./Tree.config");
+const mergedConfig = (0, _emotion.mergeConfig)(_emotion.treeConfig, _Treeconfig.config);
+const Tree = (0, _emotion.component)(mergedConfig);

package/dist/emotion/cjs/components/Tree/index.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "Tree", {
         return _Tree.Tree;
     }
 });
-var _Tree = require("./Tree");
+const _Tree = require("./Tree");

package/dist/emotion/cjs/components/Typography/Body.config.js

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

package/dist/emotion/cjs/components/Typography/Dspl.config.js

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