@salutejs/plasma-web 1.585.0-canary.2032.15771800756.0 → 1.585.0-canary.2041.15843472824.0

package/es/components/Typography/Old/Button.config.js

@@ -1,23 +1,61 @@
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-button1-font-family);\n                ",
+        ": var(--plasma-typo-button1-font-size);\n                ",
+        ": var(--plasma-typo-button1-font-style);\n                ",
+        ": var(--plasma-typo-button1-font-weight);\n                ",
+        ": var(--plasma-typo-button1-letter-spacing);\n                ",
+        ": var(--plasma-typo-button1-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-button2-font-family);\n                ",
+        ": var(--plasma-typo-button2-font-size);\n                ",
+        ": var(--plasma-typo-button2-font-style);\n                ",
+        ": var(--plasma-typo-button2-font-weight);\n                ",
+        ": var(--plasma-typo-button2-letter-spacing);\n                ",
+        ": var(--plasma-typo-button2-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configButton1 = {
-  defaults: {
-    size: 'button1'
-  },
-  variations: {
-    size: {
-      button1: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-button1-font-family);\n                ", ": var(--plasma-typo-button1-font-size);\n                ", ": var(--plasma-typo-button1-font-style);\n                ", ": var(--plasma-typo-button1-font-weight);\n                ", ": var(--plasma-typo-button1-letter-spacing);\n                ", ": var(--plasma-typo-button1-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'button1'
+    },
+    variations: {
+        size: {
+            button1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configButton2 = {
-  defaults: {
-    size: 'button2'
-  },
-  variations: {
-    size: {
-      button2: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-button2-font-family);\n                ", ": var(--plasma-typo-button2-font-size);\n                ", ": var(--plasma-typo-button2-font-style);\n                ", ": var(--plasma-typo-button2-font-weight);\n                ", ": var(--plasma-typo-button2-letter-spacing);\n                ", ": var(--plasma-typo-button2-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'button2'
+    },
+    variations: {
+        size: {
+            button2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/Typography/Old/Caption.config.js

@@ -1,13 +1,36 @@
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-caption-font-family);\n                ",
+        ": var(--plasma-typo-caption-font-size);\n                ",
+        ": var(--plasma-typo-caption-font-style);\n                ",
+        ": var(--plasma-typo-caption-font-weight);\n                ",
+        ": var(--plasma-typo-caption-letter-spacing);\n                ",
+        ": var(--plasma-typo-caption-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-  defaults: {
-    size: 'm'
-  },
-  variations: {
-    size: {
-      m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-caption-font-family);\n                ", ": var(--plasma-typo-caption-font-size);\n                ", ": var(--plasma-typo-caption-font-style);\n                ", ": var(--plasma-typo-caption-font-weight);\n                ", ": var(--plasma-typo-caption-letter-spacing);\n                ", ": var(--plasma-typo-caption-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'm'
+    },
+    variations: {
+        size: {
+            m: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/Typography/Old/Display.config.js

@@ -1,33 +1,86 @@
-var _templateObject, _templateObject2, _templateObject3;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-display1-font-family);\n                ",
+        ": var(--plasma-typo-display1-font-size);\n                ",
+        ": var(--plasma-typo-display1-font-style);\n                ",
+        ": var(--plasma-typo-display1-font-weight);\n                ",
+        ": var(--plasma-typo-display1-letter-spacing);\n                ",
+        ": var(--plasma-typo-display1-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-display2-font-family);\n                ",
+        ": var(--plasma-typo-display2-font-size);\n                ",
+        ": var(--plasma-typo-display2-font-style);\n                ",
+        ": var(--plasma-typo-display2-font-weight);\n                ",
+        ": var(--plasma-typo-display2-letter-spacing);\n                ",
+        ": var(--plasma-typo-display2-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-display3-font-family);\n                ",
+        ": var(--plasma-typo-display3-font-size);\n                ",
+        ": var(--plasma-typo-display3-font-style);\n                ",
+        ": var(--plasma-typo-display3-font-weight);\n                ",
+        ": var(--plasma-typo-display3-letter-spacing);\n                ",
+        ": var(--plasma-typo-display3-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configDisplay1 = {
-  defaults: {
-    size: 'display1'
-  },
-  variations: {
-    size: {
-      display1: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-display1-font-family);\n                ", ": var(--plasma-typo-display1-font-size);\n                ", ": var(--plasma-typo-display1-font-style);\n                ", ": var(--plasma-typo-display1-font-weight);\n                ", ": var(--plasma-typo-display1-letter-spacing);\n                ", ": var(--plasma-typo-display1-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'display1'
+    },
+    variations: {
+        size: {
+            display1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configDisplay2 = {
-  defaults: {
-    size: 'display2'
-  },
-  variations: {
-    size: {
-      display2: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-display2-font-family);\n                ", ": var(--plasma-typo-display2-font-size);\n                ", ": var(--plasma-typo-display2-font-style);\n                ", ": var(--plasma-typo-display2-font-weight);\n                ", ": var(--plasma-typo-display2-letter-spacing);\n                ", ": var(--plasma-typo-display2-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'display2'
+    },
+    variations: {
+        size: {
+            display2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configDisplay3 = {
-  defaults: {
-    size: 'display3'
-  },
-  variations: {
-    size: {
-      display3: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-display3-font-family);\n                ", ": var(--plasma-typo-display3-font-size);\n                ", ": var(--plasma-typo-display3-font-style);\n                ", ": var(--plasma-typo-display3-font-weight);\n                ", ": var(--plasma-typo-display3-letter-spacing);\n                ", ": var(--plasma-typo-display3-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'display3'
+    },
+    variations: {
+        size: {
+            display3: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/Typography/Old/Footnote.config.js

@@ -1,23 +1,61 @@
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-footnote1-font-family);\n                ",
+        ": var(--plasma-typo-footnote1-font-size);\n                ",
+        ": var(--plasma-typo-footnote1-font-style);\n                ",
+        ": var(--plasma-typo-footnote1-font-weight);\n                ",
+        ": var(--plasma-typo-footnote1-letter-spacing);\n                ",
+        ": var(--plasma-typo-footnote1-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-footnote2-font-family);\n                ",
+        ": var(--plasma-typo-footnote2-font-size);\n                ",
+        ": var(--plasma-typo-footnote2-font-style);\n                ",
+        ": var(--plasma-typo-footnote2-font-weight);\n                ",
+        ": var(--plasma-typo-footnote2-letter-spacing);\n                ",
+        ": var(--plasma-typo-footnote2-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configFootnote1 = {
-  defaults: {
-    size: 'footnote1'
-  },
-  variations: {
-    size: {
-      footnote1: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-footnote1-font-family);\n                ", ": var(--plasma-typo-footnote1-font-size);\n                ", ": var(--plasma-typo-footnote1-font-style);\n                ", ": var(--plasma-typo-footnote1-font-weight);\n                ", ": var(--plasma-typo-footnote1-letter-spacing);\n                ", ": var(--plasma-typo-footnote1-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'footnote1'
+    },
+    variations: {
+        size: {
+            footnote1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configFootnote2 = {
-  defaults: {
-    size: 'footnote2'
-  },
-  variations: {
-    size: {
-      footnote2: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-footnote2-font-family);\n                ", ": var(--plasma-typo-footnote2-font-size);\n                ", ": var(--plasma-typo-footnote2-font-style);\n                ", ": var(--plasma-typo-footnote2-font-weight);\n                ", ": var(--plasma-typo-footnote2-letter-spacing);\n                ", ": var(--plasma-typo-footnote2-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'footnote2'
+    },
+    variations: {
+        size: {
+            footnote2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/Typography/Old/Headline.config.js

@@ -1,53 +1,136 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-headline1-font-family);\n                ",
+        ": var(--plasma-typo-headline1-font-size);\n                ",
+        ": var(--plasma-typo-headline1-font-style);\n                ",
+        ": var(--plasma-typo-headline1-font-weight);\n                ",
+        ": var(--plasma-typo-headline1-letter-spacing);\n                ",
+        ": var(--plasma-typo-headline1-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-headline2-font-family);\n                ",
+        ": var(--plasma-typo-headline2-font-size);\n                ",
+        ": var(--plasma-typo-headline2-font-style);\n                ",
+        ": var(--plasma-typo-headline2-font-weight);\n                ",
+        ": var(--plasma-typo-headline2-letter-spacing);\n                ",
+        ": var(--plasma-typo-headline2-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-headline3-font-family);\n                ",
+        ": var(--plasma-typo-headline3-font-size);\n                ",
+        ": var(--plasma-typo-headline3-font-style);\n                ",
+        ": var(--plasma-typo-headline3-font-weight);\n                ",
+        ": var(--plasma-typo-headline3-letter-spacing);\n                ",
+        ": var(--plasma-typo-headline3-line-height);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-headline4-font-family);\n                ",
+        ": var(--plasma-typo-headline4-font-size);\n                ",
+        ": var(--plasma-typo-headline4-font-style);\n                ",
+        ": var(--plasma-typo-headline4-font-weight);\n                ",
+        ": var(--plasma-typo-headline4-letter-spacing);\n                ",
+        ": var(--plasma-typo-headline4-line-height);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-headline5-font-family, 'SB Sans Text',sans-serif);\n                ",
+        ": var(--plasma-typo-headline5-font-size, 1rem);\n                ",
+        ": var(--plasma-typo-headline5-font-style, normal);\n                ",
+        ": var(--plasma-typo-headline5-font-weight, 600);\n                ",
+        ": var(--plasma-typo-headline5-letter-spacing, -0.0190em);\n                ",
+        ": var(--plasma-typo-headline5-line-height, 1.25rem);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configHeadline1 = {
-  defaults: {
-    size: 'headline1'
-  },
-  variations: {
-    size: {
-      headline1: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-headline1-font-family);\n                ", ": var(--plasma-typo-headline1-font-size);\n                ", ": var(--plasma-typo-headline1-font-style);\n                ", ": var(--plasma-typo-headline1-font-weight);\n                ", ": var(--plasma-typo-headline1-letter-spacing);\n                ", ": var(--plasma-typo-headline1-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'headline1'
+    },
+    variations: {
+        size: {
+            headline1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configHeadline2 = {
-  defaults: {
-    size: 'headline2'
-  },
-  variations: {
-    size: {
-      headline2: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-headline2-font-family);\n                ", ": var(--plasma-typo-headline2-font-size);\n                ", ": var(--plasma-typo-headline2-font-style);\n                ", ": var(--plasma-typo-headline2-font-weight);\n                ", ": var(--plasma-typo-headline2-letter-spacing);\n                ", ": var(--plasma-typo-headline2-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'headline2'
+    },
+    variations: {
+        size: {
+            headline2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configHeadline3 = {
-  defaults: {
-    size: 'headline3'
-  },
-  variations: {
-    size: {
-      headline3: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-headline3-font-family);\n                ", ": var(--plasma-typo-headline3-font-size);\n                ", ": var(--plasma-typo-headline3-font-style);\n                ", ": var(--plasma-typo-headline3-font-weight);\n                ", ": var(--plasma-typo-headline3-letter-spacing);\n                ", ": var(--plasma-typo-headline3-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'headline3'
+    },
+    variations: {
+        size: {
+            headline3: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configHeadline4 = {
-  defaults: {
-    size: 'headline4'
-  },
-  variations: {
-    size: {
-      headline4: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-headline4-font-family);\n                ", ": var(--plasma-typo-headline4-font-size);\n                ", ": var(--plasma-typo-headline4-font-style);\n                ", ": var(--plasma-typo-headline4-font-weight);\n                ", ": var(--plasma-typo-headline4-letter-spacing);\n                ", ": var(--plasma-typo-headline4-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'headline4'
+    },
+    variations: {
+        size: {
+            headline4: css(_templateObject3(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configHeadline5 = {
-  defaults: {
-    size: 'headline5'
-  },
-  variations: {
-    size: {
-      headline5: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-headline5-font-family, 'SB Sans Text',sans-serif);\n                ", ": var(--plasma-typo-headline5-font-size, 1rem);\n                ", ": var(--plasma-typo-headline5-font-style, normal);\n                ", ": var(--plasma-typo-headline5-font-weight, 600);\n                ", ": var(--plasma-typo-headline5-letter-spacing, -0.0190em);\n                ", ": var(--plasma-typo-headline5-line-height, 1.25rem);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'headline5'
+    },
+    variations: {
+        size: {
+            headline5: css(_templateObject4(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/Typography/Old/Paragraph.config.js

@@ -1,23 +1,61 @@
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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-paragraph1-font-family);\n                ",
+        ": var(--plasma-typo-paragraph1-font-size);\n                ",
+        ": var(--plasma-typo-paragraph1-font-style);\n                ",
+        ": var(--plasma-typo-paragraph1-font-weight);\n                ",
+        ": var(--plasma-typo-paragraph1-letter-spacing);\n                ",
+        ": var(--plasma-typo-paragraph1-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--plasma-typo-paragraph2-font-family);\n                ",
+        ": var(--plasma-typo-paragraph2-font-size);\n                ",
+        ": var(--plasma-typo-paragraph2-font-style);\n                ",
+        ": var(--plasma-typo-paragraph2-font-weight);\n                ",
+        ": var(--plasma-typo-paragraph2-letter-spacing);\n                ",
+        ": var(--plasma-typo-paragraph2-line-height);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var configParagraph1 = {
-  defaults: {
-    size: 'paragraph1'
-  },
-  variations: {
-    size: {
-      paragraph1: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-paragraph1-font-family);\n                ", ": var(--plasma-typo-paragraph1-font-size);\n                ", ": var(--plasma-typo-paragraph1-font-style);\n                ", ": var(--plasma-typo-paragraph1-font-weight);\n                ", ": var(--plasma-typo-paragraph1-letter-spacing);\n                ", ": var(--plasma-typo-paragraph1-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'paragraph1'
+    },
+    variations: {
+        size: {
+            paragraph1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
 };
 export var configParagraph2 = {
-  defaults: {
-    size: 'paragraph2'
-  },
-  variations: {
-    size: {
-      paragraph2: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-paragraph2-font-family);\n                ", ": var(--plasma-typo-paragraph2-font-size);\n                ", ": var(--plasma-typo-paragraph2-font-style);\n                ", ": var(--plasma-typo-paragraph2-font-weight);\n                ", ": var(--plasma-typo-paragraph2-letter-spacing);\n                ", ": var(--plasma-typo-paragraph2-line-height);\n            "])), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+    defaults: {
+        size: 'paragraph2'
+    },
+    variations: {
+        size: {
+            paragraph2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+        }
     }
-  }
-};
+};