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

package/dist/styled-components/cjs/components/Skeleton/LineSkeleton.config.js

@@ -8,484 +8,170 @@ Object.defineProperty(exports, "config", {
         return config;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body1-line-height);\n                ",
-        ": var(--plasma-typo-body1-font-size);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body2-line-height);\n                ",
-        ": var(--plasma-typo-body2-font-size);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body3-line-height);\n                ",
-        ": var(--plasma-typo-body3-font-size);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-button1-line-height);\n                ",
-        ": var(--plasma-typo-button1-font-size);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-button2-line-height);\n                ",
-        ": var(--plasma-typo-button2-font-size);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-caption-line-height);\n                ",
-        ": var(--plasma-typo-caption-font-size);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-display1-line-height);\n                ",
-        ": var(--plasma-typo-display1-font-size);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-display2-line-height);\n                ",
-        ": var(--plasma-typo-display2-font-size);\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-display3-line-height);\n                ",
-        ": var(--plasma-typo-display3-font-size);\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-footnote1-line-height);\n                ",
-        ": var(--plasma-typo-footnote1-font-size);\n            "
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject12() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-footnote2-line-height);\n                ",
-        ": var(--plasma-typo-footnote2-font-size);\n            "
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject13() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline1-line-height);\n                ",
-        ": var(--plasma-typo-headline1-font-size);\n            "
-    ]);
-    _templateObject13 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject14() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline2-line-height);\n                ",
-        ": var(--plasma-typo-headline2-font-size);\n            "
-    ]);
-    _templateObject14 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject15() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline3-line-height);\n                ",
-        ": var(--plasma-typo-headline3-font-size);\n            "
-    ]);
-    _templateObject15 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject16() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-headline4-line-height);\n                ",
-        ": var(--plasma-typo-headline4-font-size);\n            "
-    ]);
-    _templateObject16 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject17() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-paragraph1-line-height);\n                ",
-        ": var(--plasma-typo-paragraph1-font-size);\n            "
-    ]);
-    _templateObject17 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject18() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-paragraph2-line-height);\n                ",
-        ": var(--plasma-typo-paragraph2-font-size);\n            "
-    ]);
-    _templateObject18 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject19() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-underline-line-height);\n                ",
-        ": var(--plasma-typo-underline-font-size);\n            "
-    ]);
-    _templateObject19 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject20() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n            "
-    ]);
-    _templateObject20 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject21() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n            "
-    ]);
-    _templateObject21 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject22() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n            "
-    ]);
-    _templateObject22 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject23() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n            "
-    ]);
-    _templateObject23 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject24() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n            "
-    ]);
-    _templateObject24 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject25() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-l-line-height);\n                ",
-        ": var(--plasma-typo-dspl-l-font-size);\n            "
-    ]);
-    _templateObject25 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject26() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-m-line-height);\n                ",
-        ": var(--plasma-typo-dspl-m-font-size);\n            "
-    ]);
-    _templateObject26 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject27() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-s-line-height);\n                ",
-        ": var(--plasma-typo-dspl-s-font-size);\n            "
-    ]);
-    _templateObject27 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject28() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h1-line-height);\n                ",
-        ": var(--plasma-typo-h1-font-size);\n            "
-    ]);
-    _templateObject28 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject29() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h2-line-height);\n                ",
-        ": var(--plasma-typo-h2-font-size);\n            "
-    ]);
-    _templateObject29 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject30() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h3-line-height);\n                ",
-        ": var(--plasma-typo-h3-font-size);\n            "
-    ]);
-    _templateObject30 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject31() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h4-line-height);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n            "
-    ]);
-    _templateObject31 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject32() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h5-line-height);\n                ",
-        ": var(--plasma-typo-h5-font-size);\n            "
-    ]);
-    _templateObject32 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject33() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h6-line-height);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n            "
-    ]);
-    _templateObject33 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject34() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n            "
-    ]);
-    _templateObject34 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject35() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n            "
-    ]);
-    _templateObject35 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject36() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n            "
-    ]);
-    _templateObject36 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject37() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-xs-line-height);\n                ",
-        ": var(--plasma-typo-text-xs-font-size);\n            "
-    ]);
-    _templateObject37 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         size: 'body1',
         view: 'default'
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.skeletonTokens.gradientColor, _styledcomponents.skeletonTokens.fadeInColor, _styledcomponents.skeletonTokens.fadeOutColor),
-            lighter: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.skeletonTokens.gradientColor, _styledcomponents.skeletonTokens.fadeInColor, _styledcomponents.skeletonTokens.fadeOutColor)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));
+                ${_styledcomponents.skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
+                ${_styledcomponents.skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
+            `,
+            lighter: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));
+                ${_styledcomponents.skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
+                ${_styledcomponents.skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
+            `
         },
         size: {
-            body1: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            body2: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            body3: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            button1: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            button2: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            caption: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            display1: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            display2: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            display3: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            footnote1: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            footnote2: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            headline1: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            headline2: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            headline3: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            headline4: (0, _styledcomponents.css)(_templateObject16(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            paragraph1: (0, _styledcomponents.css)(_templateObject17(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            paragraph2: (0, _styledcomponents.css)(_templateObject18(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            underline: (0, _styledcomponents.css)(_templateObject19(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            bodyL: (0, _styledcomponents.css)(_templateObject20(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            bodyM: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            bodyS: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            bodyXS: (0, _styledcomponents.css)(_templateObject23(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            bodyXXS: (0, _styledcomponents.css)(_templateObject24(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            dsplL: (0, _styledcomponents.css)(_templateObject25(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            dsplM: (0, _styledcomponents.css)(_templateObject26(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            dsplS: (0, _styledcomponents.css)(_templateObject27(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h1: (0, _styledcomponents.css)(_templateObject28(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h2: (0, _styledcomponents.css)(_templateObject29(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h3: (0, _styledcomponents.css)(_templateObject30(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h4: (0, _styledcomponents.css)(_templateObject31(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h5: (0, _styledcomponents.css)(_templateObject32(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            h6: (0, _styledcomponents.css)(_templateObject33(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textL: (0, _styledcomponents.css)(_templateObject34(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textM: (0, _styledcomponents.css)(_templateObject35(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textS: (0, _styledcomponents.css)(_templateObject36(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight),
-            textXS: (0, _styledcomponents.css)(_templateObject37(), _styledcomponents.skeletonTokens.lineHeight, _styledcomponents.skeletonTokens.visibleLineHeight)
+            body1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body1-font-size);
+            `,
+            body2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body2-font-size);
+            `,
+            body3: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body3-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body3-font-size);
+            `,
+            button1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-button1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-button1-font-size);
+            `,
+            button2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-button2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-button2-font-size);
+            `,
+            caption: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-caption-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-caption-font-size);
+            `,
+            display1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-display1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-display1-font-size);
+            `,
+            display2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-display2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-display2-font-size);
+            `,
+            display3: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-display3-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-display3-font-size);
+            `,
+            footnote1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-footnote1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-footnote1-font-size);
+            `,
+            footnote2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-footnote2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-footnote2-font-size);
+            `,
+            headline1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-headline1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline1-font-size);
+            `,
+            headline2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-headline2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline2-font-size);
+            `,
+            headline3: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-headline3-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline3-font-size);
+            `,
+            headline4: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-headline4-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-headline4-font-size);
+            `,
+            paragraph1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-paragraph1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-paragraph1-font-size);
+            `,
+            paragraph2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-paragraph2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-paragraph2-font-size);
+            `,
+            underline: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-underline-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-underline-font-size);
+            `,
+            bodyL: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);
+            `,
+            bodyM: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);
+            `,
+            bodyS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);
+            `,
+            bodyXS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);
+            `,
+            bodyXXS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);
+            `,
+            dsplL: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);
+            `,
+            dsplM: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);
+            `,
+            dsplS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);
+            `,
+            h1: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);
+            `,
+            h2: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);
+            `,
+            h3: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);
+            `,
+            h4: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);
+            `,
+            h5: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);
+            `,
+            h6: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-h6-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-h6-font-size);
+            `,
+            textL: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);
+            `,
+            textM: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);
+            `,
+            textS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);
+            `,
+            textXS: (0, _styledcomponents.css)`
+                ${_styledcomponents.skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);
+                ${_styledcomponents.skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);
+            `
         }
     }
 };

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

@@ -19,9 +19,9 @@ _export(exports, {
         return TextSkeleton;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _LineSkeletonconfig = require("./LineSkeleton.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.lineSkeletonConfig, _LineSkeletonconfig.config);
-var LineSkeletonComponent = (0, _styledcomponents.component)(mergedConfig);
-var LineSkeleton = LineSkeletonComponent;
-var TextSkeleton = (0, _styledcomponents.textSkeleton)(LineSkeleton);
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _LineSkeletonconfig = require("./LineSkeleton.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.lineSkeletonConfig, _LineSkeletonconfig.config);
+const LineSkeletonComponent = (0, _styledcomponents.component)(mergedConfig);
+const LineSkeleton = LineSkeletonComponent;
+const TextSkeleton = (0, _styledcomponents.textSkeleton)(LineSkeleton);

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

@@ -19,4 +19,4 @@ _export(exports, {
         return _Skeleton.TextSkeleton;
     }
 });
-var _Skeleton = require("./Skeleton");
+const _Skeleton = require("./Skeleton");