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

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

@@ -1,92 +1,58 @@
-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;
-}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var configL = {
+export const configL = {
     defaults: {
         size: 'l'
     },
     variations: {
         size: {
-            l: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            l: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-l-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-l-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-l-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-l-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-l-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-l-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-l-line-height);
+            `
         }
     }
 };
-export var configM = {
+export const configM = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            m: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-m-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-m-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-m-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-m-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-m-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-m-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-m-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-m-line-height);
+            `
         }
     }
 };
-export var configS = {
+export const configS = {
     defaults: {
         size: 's'
     },
     variations: {
         size: {
-            s: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            s: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-dspl-s-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-dspl-s-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-dspl-s-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-dspl-s-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-dspl-s-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-dspl-s-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-dspl-s-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-dspl-s-line-height);
+            `
         }
     }
 };

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

@@ -1,173 +1,115 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h1-font-family);\n                ",
-        ": var(--plasma-typo-h1-font-size);\n                ",
-        ": var(--plasma-typo-h1-font-style);\n                ",
-        ": var(--plasma-typo-h1-font-weight);\n                ",
-        ": var(--plasma-typo-h1-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h1-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h1-letter-spacing);\n                ",
-        ": var(--plasma-typo-h1-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h2-font-family);\n                ",
-        ": var(--plasma-typo-h2-font-size);\n                ",
-        ": var(--plasma-typo-h2-font-style);\n                ",
-        ": var(--plasma-typo-h2-font-weight);\n                ",
-        ": var(--plasma-typo-h2-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h2-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h2-letter-spacing);\n                ",
-        ": var(--plasma-typo-h2-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h3-font-family);\n                ",
-        ": var(--plasma-typo-h3-font-size);\n                ",
-        ": var(--plasma-typo-h3-font-style);\n                ",
-        ": var(--plasma-typo-h3-font-weight);\n                ",
-        ": var(--plasma-typo-h3-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h3-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h3-letter-spacing);\n                ",
-        ": var(--plasma-typo-h3-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h4-font-family);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n                ",
-        ": var(--plasma-typo-h4-font-style);\n                ",
-        ": var(--plasma-typo-h4-font-weight);\n                ",
-        ": var(--plasma-typo-h4-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h4-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h4-letter-spacing);\n                ",
-        ": var(--plasma-typo-h4-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h5-font-family);\n                ",
-        ": var(--plasma-typo-h5-font-size);\n                ",
-        ": var(--plasma-typo-h5-font-style);\n                ",
-        ": var(--plasma-typo-h5-font-weight);\n                ",
-        ": var(--plasma-typo-h5-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h5-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h5-letter-spacing);\n                ",
-        ": var(--plasma-typo-h5-line-height);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h6-font-family);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n                ",
-        ": var(--plasma-typo-h6-font-style);\n                ",
-        ": var(--plasma-typo-h6-font-weight);\n                ",
-        ": var(--plasma-typo-h6-bold-font-weight);\n                ",
-        ": var(--plasma-typo-h6-medium-font-weight);\n                ",
-        ": var(--plasma-typo-h6-letter-spacing);\n                ",
-        ": var(--plasma-typo-h6-line-height);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var configH1 = {
+export const configH1 = {
     defaults: {
         size: 'h1'
     },
     variations: {
         size: {
-            h1: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h1: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);
+            `
         }
     }
 };
-export var configH2 = {
+export const configH2 = {
     defaults: {
         size: 'h2'
     },
     variations: {
         size: {
-            h2: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h2: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);
+            `
         }
     }
 };
-export var configH3 = {
+export const configH3 = {
     defaults: {
         size: 'h3'
     },
     variations: {
         size: {
-            h3: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h3: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);
+            `
         }
     }
 };
-export var configH4 = {
+export const configH4 = {
     defaults: {
         size: 'h4'
     },
     variations: {
         size: {
-            h4: css(_templateObject3(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h4: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);
+            `
         }
     }
 };
-export var configH5 = {
+export const configH5 = {
     defaults: {
         size: 'h5'
     },
     variations: {
         size: {
-            h5: css(_templateObject4(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h5: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);
+            `
         }
     }
 };
-export var configH6 = {
+export const configH6 = {
     defaults: {
         size: 'h6'
     },
     variations: {
         size: {
-            h6: css(_templateObject5(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            h6: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-h6-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-h6-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-h6-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-h6-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-h6-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h6-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-h6-line-height);
+            `
         }
     }
 };

package/dist/styled-components/es/components/Typography/Text.config.js

@@ -1,119 +1,77 @@
-function _tagged_template_literal(strings, raw) {
-    if (!raw) {
-        raw = strings.slice(0);
-    }
-    return Object.freeze(Object.defineProperties(strings, {
-        raw: {
-            value: Object.freeze(raw)
-        }
-    }));
-}
-function _templateObject() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-l-font-family);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n                ",
-        ": var(--plasma-typo-text-l-font-style);\n                ",
-        ": var(--plasma-typo-text-l-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-l-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-m-font-family);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n                ",
-        ": var(--plasma-typo-text-m-font-style);\n                ",
-        ": var(--plasma-typo-text-m-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-m-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-s-font-family);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n                ",
-        ": var(--plasma-typo-text-s-font-style);\n                ",
-        ": var(--plasma-typo-text-s-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-s-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-xs-font-family);\n                ",
-        ": var(--plasma-typo-text-xs-font-size);\n                ",
-        ": var(--plasma-typo-text-xs-font-style);\n                ",
-        ": var(--plasma-typo-text-xs-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-bold-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-medium-font-weight);\n                ",
-        ": var(--plasma-typo-text-xs-letter-spacing);\n                ",
-        ": var(--plasma-typo-text-xs-line-height);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var configL = {
+export const configL = {
     defaults: {
         size: 'l'
     },
     variations: {
         size: {
-            l: css(_templateObject(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            l: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+            `
         }
     }
 };
-export var configM = {
+export const configM = {
     defaults: {
         size: 'm'
     },
     variations: {
         size: {
-            m: css(_templateObject1(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            m: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+            `
         }
     }
 };
-export var configS = {
+export const configS = {
     defaults: {
         size: 's'
     },
     variations: {
         size: {
-            s: css(_templateObject2(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            s: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+            `
         }
     }
 };
-export var configXS = {
+export const configXS = {
     defaults: {
         size: 'xs'
     },
     variations: {
         size: {
-            xs: css(_templateObject3(), typographyTokens.typoFontFamily, typographyTokens.typoFontSize, typographyTokens.typoFontStyle, typographyTokens.typoFontWeight, typographyTokens.typoFontWeightBold, typographyTokens.typoFontWeightMedium, typographyTokens.typoFontLetterSpacing, typographyTokens.typoFontLineHeight)
+            xs: css`
+                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
+                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
+                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
+                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
+                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
+                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
+                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
+                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+            `
         }
     }
 };

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

@@ -3,57 +3,57 @@ import { configL as bodyConfigLCustom, configM as bodyConfigMCustom, configS as
 import { configL as dsplConfigLCustom, configM as dsplConfigMCustom, configS as dsplConfigSCustom } from './Dspl.config';
 import { configH1 as headingConfigH1Custom, configH2 as headingConfigH2Custom, configH3 as headingConfigH3Custom, configH4 as headingConfigH4Custom, configH5 as headingConfigH5Custom, configH6 as headingConfigH6Custom } from './Heading.config';
 import { configL as textConfigLCustom, configM as textConfigMCustom, configS as textConfigSCustom, configXS as textConfigXSCustom } from './Text.config';
-var bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
-var BodyMComponent = typographyComponent(component(bodyMConfig));
-var bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);
-var BodyLComponent = typographyComponent(component(bodyLConfig));
-var bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);
-var BodySComponent = typographyComponent(component(bodySConfig));
-var bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);
-var BodyXSComponent = typographyComponent(component(bodyXSConfig));
-var bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);
-var BodyXXSComponent = typographyComponent(component(bodyXXSConfig));
-var dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);
-var DsplMComponent = typographyComponent(component(dsplMConfig));
-var dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);
-var DsplLComponent = typographyComponent(component(dsplLConfig));
-var dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);
-var DsplSComponent = typographyComponent(component(dsplSConfig));
-var heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);
-var Heading1Component = typographyComponent(component(heading1Config));
-var heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);
-var Heading2Component = typographyComponent(component(heading2Config));
-var heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);
-var Heading3Component = typographyComponent(component(heading3Config));
-var heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
-var Heading4Component = typographyComponent(component(heading4Config));
-var heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
-var Heading5Component = typographyComponent(component(heading5Config));
-var heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
-var Heading6Component = typographyComponent(component(heading6Config));
-var textMConfig = mergeConfig(textConfig, textConfigMCustom);
-var TextMComponent = typographyComponent(component(textMConfig));
-var textLConfig = mergeConfig(textConfig, textConfigLCustom);
-var TextLComponent = typographyComponent(component(textLConfig));
-var textSConfig = mergeConfig(textConfig, textConfigSCustom);
-var TextSComponent = typographyComponent(component(textSConfig));
-var textXSConfig = mergeConfig(textConfig, textConfigXSCustom);
-var TextXSComponent = typographyComponent(component(textXSConfig));
-export var BodyM = BodyMComponent;
-export var BodyL = BodyLComponent;
-export var BodyS = BodySComponent;
-export var BodyXS = BodyXSComponent;
-export var BodyXXS = BodyXXSComponent;
-export var DsplM = DsplMComponent;
-export var DsplL = DsplLComponent;
-export var DsplS = DsplSComponent;
-export var H1 = Heading1Component;
-export var H2 = Heading2Component;
-export var H3 = Heading3Component;
-export var H4 = Heading4Component;
-export var H5 = Heading5Component;
-export var H6 = Heading6Component;
-export var TextM = TextMComponent;
-export var TextL = TextLComponent;
-export var TextS = TextSComponent;
-export var TextXS = TextXSComponent;
+const bodyMConfig = mergeConfig(bodyConfig, bodyConfigMCustom);
+const BodyMComponent = typographyComponent(component(bodyMConfig));
+const bodyLConfig = mergeConfig(bodyConfig, bodyConfigLCustom);
+const BodyLComponent = typographyComponent(component(bodyLConfig));
+const bodySConfig = mergeConfig(bodyConfig, bodyConfigSCustom);
+const BodySComponent = typographyComponent(component(bodySConfig));
+const bodyXSConfig = mergeConfig(bodyConfig, bodyConfigXSCustom);
+const BodyXSComponent = typographyComponent(component(bodyXSConfig));
+const bodyXXSConfig = mergeConfig(bodyConfig, bodyConfigXXSCustom);
+const BodyXXSComponent = typographyComponent(component(bodyXXSConfig));
+const dsplMConfig = mergeConfig(dsplConfig, dsplConfigMCustom);
+const DsplMComponent = typographyComponent(component(dsplMConfig));
+const dsplLConfig = mergeConfig(dsplConfig, dsplConfigLCustom);
+const DsplLComponent = typographyComponent(component(dsplLConfig));
+const dsplSConfig = mergeConfig(dsplConfig, dsplConfigSCustom);
+const DsplSComponent = typographyComponent(component(dsplSConfig));
+const heading1Config = mergeConfig(headingConfig, headingConfigH1Custom);
+const Heading1Component = typographyComponent(component(heading1Config));
+const heading2Config = mergeConfig(headingConfig, headingConfigH2Custom);
+const Heading2Component = typographyComponent(component(heading2Config));
+const heading3Config = mergeConfig(headingConfig, headingConfigH3Custom);
+const Heading3Component = typographyComponent(component(heading3Config));
+const heading4Config = mergeConfig(headingConfig, headingConfigH4Custom);
+const Heading4Component = typographyComponent(component(heading4Config));
+const heading5Config = mergeConfig(headingConfig, headingConfigH5Custom);
+const Heading5Component = typographyComponent(component(heading5Config));
+const heading6Config = mergeConfig(headingConfig, headingConfigH6Custom);
+const Heading6Component = typographyComponent(component(heading6Config));
+const textMConfig = mergeConfig(textConfig, textConfigMCustom);
+const TextMComponent = typographyComponent(component(textMConfig));
+const textLConfig = mergeConfig(textConfig, textConfigLCustom);
+const TextLComponent = typographyComponent(component(textLConfig));
+const textSConfig = mergeConfig(textConfig, textConfigSCustom);
+const TextSComponent = typographyComponent(component(textSConfig));
+const textXSConfig = mergeConfig(textConfig, textConfigXSCustom);
+const TextXSComponent = typographyComponent(component(textXSConfig));
+export const BodyM = BodyMComponent;
+export const BodyL = BodyLComponent;
+export const BodyS = BodySComponent;
+export const BodyXS = BodyXSComponent;
+export const BodyXXS = BodyXXSComponent;
+export const DsplM = DsplMComponent;
+export const DsplL = DsplLComponent;
+export const DsplS = DsplSComponent;
+export const H1 = Heading1Component;
+export const H2 = Heading2Component;
+export const H3 = Heading3Component;
+export const H4 = Heading4Component;
+export const H5 = Heading5Component;
+export const H6 = Heading6Component;
+export const TextM = TextMComponent;
+export const TextL = TextLComponent;
+export const TextS = TextSComponent;
+export const TextXS = TextXSComponent;