@salutejs/sdds-cs 0.355.0-next-sbcom.0 → 0.355.0

package/dist/emotion/es/components/Typography/Heading.config.js

@@ -1,146 +1,96 @@
-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;
-}
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/emotion';
-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);
+            `
         }
     }
 };

package/dist/emotion/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/emotion';
-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/emotion/es/components/Typography/Typography.js

@@ -3,54 +3,54 @@ 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 } 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 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 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 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 TextM = TextMComponent;
+export const TextL = TextLComponent;
+export const TextS = TextSComponent;
+export const TextXS = TextXSComponent;

package/dist/emotion/es/components/ViewContainer/ViewContainer.config.js

@@ -1,40 +1,14 @@
-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                ",
-        "\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        "\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css } from '@salutejs/plasma-new-hope/emotion';
 import { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_cs';
-export var config = {
+export const config = {
     variations: {
         view: {
-            onLight: css(_templateObject(), viewContainer.light),
-            onDark: css(_templateObject1(), viewContainer.dark)
+            onLight: css`
+                ${viewContainer.light}
+            `,
+            onDark: css`
+                ${viewContainer.dark}
+            `
         }
     }
 };

package/dist/emotion/es/components/ViewContainer/ViewContainer.js

@@ -1,4 +1,4 @@
 import { viewContainerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 import { config } from './ViewContainer.config';
-var mergedConfig = mergeConfig(viewContainerConfig, config);
-export var ViewContainer = component(mergedConfig);
+const mergedConfig = mergeConfig(viewContainerConfig, config);
+export const ViewContainer = component(mergedConfig);

package/dist/emotion/es/mixins/index.js

@@ -1,4 +1,4 @@
 import { createApplyPaperMixin } from '@salutejs/plasma-new-hope/emotion';
 import * as allTokens from '@salutejs/sdds-themes/tokens/sdds_cs';
 export { addFocus, mediaQuery } from '@salutejs/plasma-new-hope/emotion';
-export var applyPaper = createApplyPaperMixin(allTokens);
+export const applyPaper = createApplyPaperMixin(allTokens);

package/package.json

@@ -1,25 +1,16 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.355.0-next-sbcom.0",
+  "version": "0.355.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
-  "exports": {
-    ".": {
-      "import": "./dist/emotion/es/index.js",
-      "require": "./dist/emotion/cjs/index.js",
-      "types": "./types/index.d.ts"
-    },
-    "./beta": {
-      "import": "./dist/beta/es/index.js",
-      "require": "./dist/beta/cjs/index.js",
-      "types": "./dist/beta/types/index.d.ts"
-    }
+  "publishConfig": {
+    "access": "public"
   },
+  "license": "MIT",
   "files": [
     "dist",
     "types"
   ],
-  "license": "MIT",
   "keywords": [
     "design-system",
     "react-components",
@@ -31,9 +22,17 @@
     "url": "ssh://git@github.com:salute-developers/plasma.git",
     "directory": "packages/sdds-cs"
   },
-  "dependencies": {
-    "@salutejs/plasma-new-hope": "0.363.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.65.1-next-sbcom.0"
+  "exports": {
+    ".": {
+      "import": "./dist/emotion/es/index.js",
+      "require": "./dist/emotion/cjs/index.js",
+      "types": "./types/index.d.ts"
+    },
+    "./beta": {
+      "import": "./dist/beta/es/index.js",
+      "require": "./dist/beta/cjs/index.js",
+      "types": "./dist/beta/types/index.d.ts"
+    }
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -42,6 +41,10 @@
     "react-dom": ">=16.13.1",
     "styled-components": "^5.3.1"
   },
+  "dependencies": {
+    "@salutejs/plasma-new-hope": "0.363.0",
+    "@salutejs/sdds-themes": "0.66.0"
+  },
   "devDependencies": {
     "@babel/cli": "7.24.1",
     "@babel/core": "7.24.4",
@@ -53,13 +56,12 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
-    "@microsoft/api-extractor": "7.38.3",
     "@originjs/vite-plugin-commonjs": "1.0.3",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.227.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.157.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.238.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.227.0-next-sbcom.0",
+    "@salutejs/plasma-core": "1.227.0",
+    "@salutejs/plasma-cy-utils": "0.157.0",
+    "@salutejs/plasma-icons": "1.238.0",
+    "@salutejs/plasma-sb-utils": "0.227.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -73,12 +75,7 @@
     "styled-components": "5.3.1",
     "typescript-coverage-report": "0.7.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "preapi-report": "npm run generate:typings",
-    "api-report": "npx api-extractor run --local",
     "prepare": "npm run build",
     "build": "npm run build:emotion && npm run build:beta",
     "build:emotion": "rm -rf dist/emotion && npm run build:emotion:esm && npm run build:emotion:cjs",
@@ -103,9 +100,8 @@
     "atLeast": 99.94
   },
   "contributors": [
-    "Vasiliy Loginevskiy",
-    "Anton Vinogradov"
+    "salute.developers@gmail.com"
   ],
   "sideEffects": false,
-  "gitHead": "a1b0454e10a01d3ba2a349fdf4a38b141165c228"
+  "gitHead": "02e7a3cae97373eb0ba13593354fa0940a3dbaef"
 }