@salutejs/plasma-typo - npm Package Compare versions

Comparing version 0.41.0-canary.883.7041288914.0 to 0.41.0-canary.1680.12493948115.0

lib/cjs/archetypes/mage.js

@@ -697,5 +697,5 @@ "use strict";
 exports.mageTypoProperties = {
-    s: helpers_1.mergeTypoProps(exports.baseTypoS, exports.typoCommonProps(displayFontFamily, textFontFamily)),
-    m: helpers_1.mergeTypoProps(exports.baseTypoM, exports.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(exports.baseTypoL, exports.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(exports.baseTypoS, (0, exports.typoCommonProps)(displayFontFamily, textFontFamily)),
+    m: (0, helpers_1.mergeTypoProps)(exports.baseTypoM, (0, exports.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(exports.baseTypoL, (0, exports.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -710,3 +710,3 @@ exports.mageTypoObject = {
 };
-exports.mage = helpers_1.createVariablesByArcheType(exports.mageTypoObject);
+exports.mage = (0, helpers_1.createVariablesByArcheType)(exports.mageTypoObject);
 //# sourceMappingURL=mage.js.map

lib/cjs/archetypes/plasma.js

@@ -113,5 +113,5 @@ "use strict";
 exports.plasmaTypoProperties = {
-    s: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    m: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    m: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -121,8 +121,8 @@ exports.plasmaTypoObject = {
     textFontFamily: textFontFamily,
-    typoS: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo),
-    typoM: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo),
-    typoL: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo),
+    typoS: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo),
+    typoM: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo),
+    typoL: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo),
     getTypoCommonProps: mage_1.typoCommonProps,
 };
-exports.plasma = helpers_1.createVariablesByArcheType(exports.plasmaTypoObject);
+exports.plasma = (0, helpers_1.createVariablesByArcheType)(exports.plasmaTypoObject);
 //# sourceMappingURL=plasma.js.map

lib/cjs/archetypes/ruler.js

@@ -113,5 +113,5 @@ "use strict";
 exports.rulerTypoProperties = {
-    s: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    m: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    m: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -121,8 +121,8 @@ exports.rulerTypoObject = {
     textFontFamily: textFontFamily,
-    typoS: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo),
-    typoM: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo),
-    typoL: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo),
+    typoS: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo),
+    typoM: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo),
+    typoL: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo),
     getTypoCommonProps: mage_1.typoCommonProps,
 };
-exports.ruler = helpers_1.createVariablesByArcheType(exports.rulerTypoObject);
+exports.ruler = (0, helpers_1.createVariablesByArcheType)(exports.rulerTypoObject);
 //# sourceMappingURL=ruler.js.map

lib/cjs/archetypes/sage.js

@@ -113,5 +113,5 @@ "use strict";
 exports.sageTypoProperties = {
-    s: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    m: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    m: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -121,8 +121,8 @@ exports.sageTypoObject = {
     textFontFamily: textFontFamily,
-    typoS: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo),
-    typoM: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo),
-    typoL: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo),
+    typoS: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo),
+    typoM: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo),
+    typoL: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo),
     getTypoCommonProps: mage_1.typoCommonProps,
 };
-exports.sage = helpers_1.createVariablesByArcheType(exports.sageTypoObject);
+exports.sage = (0, helpers_1.createVariablesByArcheType)(exports.sageTypoObject);
 //# sourceMappingURL=sage.js.map

lib/cjs/archetypes/sbermarket.js

@@ -525,4 +525,4 @@ "use strict";
 exports.sbermarketTypoProperties = {
-    s: helpers_1.mergeTypoProps(exports.baseTypoS, exports.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(exports.baseTypoL, exports.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(exports.baseTypoS, (0, exports.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(exports.baseTypoL, (0, exports.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -536,3 +536,3 @@ exports.sbermarketTypoObject = {
 };
-exports.sbermarket = helpers_1.createVariablesByArcheType(exports.sbermarketTypoObject);
+exports.sbermarket = (0, helpers_1.createVariablesByArcheType)(exports.sbermarketTypoObject);
 //# sourceMappingURL=sbermarket.js.map

lib/cjs/archetypes/soulmate.js

@@ -113,5 +113,5 @@ "use strict";
 exports.soulmateTypoProperties = {
-    s: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    m: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
-    l: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo, mage_1.typoCommonProps(displayFontFamily, textFontFamily)),
+    s: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    m: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
+    l: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo, (0, mage_1.typoCommonProps)(displayFontFamily, textFontFamily)),
 };
@@ -121,8 +121,8 @@ exports.soulmateTypoObject = {
     textFontFamily: textFontFamily,
-    typoS: helpers_1.mergeTypoProps(mage_1.baseTypoS, typo),
-    typoM: helpers_1.mergeTypoProps(mage_1.baseTypoM, typo),
-    typoL: helpers_1.mergeTypoProps(mage_1.baseTypoL, typo),
+    typoS: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoS, typo),
+    typoM: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoM, typo),
+    typoL: (0, helpers_1.mergeTypoProps)(mage_1.baseTypoL, typo),
     getTypoCommonProps: mage_1.typoCommonProps,
 };
-exports.soulmate = helpers_1.createVariablesByArcheType(exports.soulmateTypoObject);
+exports.soulmate = (0, helpers_1.createVariablesByArcheType)(exports.soulmateTypoObject);
 //# sourceMappingURL=soulmate.js.map

lib/cjs/compatible.js

@@ -25,7 +25,7 @@ "use strict";
 exports.compatible = {
-    ':root': helpers_1.prepareCompatibleTypo(typoOldMap, 'plasma-', 'plasma-'),
+    ':root': (0, helpers_1.prepareCompatibleTypo)(typoOldMap, 'plasma-', 'plasma-'),
 };
 exports.compatibleNewTypoTokens = {
-    ':root': helpers_1.prepareCompatibleTypo(typoOldMap, 'plasma-'),
+    ':root': (0, helpers_1.prepareCompatibleTypo)(typoOldMap, 'plasma-'),
 };
 //# sourceMappingURL=compatible.js.map

lib/cjs/helpers.js

@@ -28,6 +28,10 @@ "use strict";
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
@@ -42,3 +46,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
             var typoProp = _a[0], propValue = _a[1];
-            acc["--plasma-typo-" + typoKey + "-" + typoProp] = propValue;
+            acc["--plasma-typo-".concat(typoKey, "-").concat(typoProp)] = propValue;
         });
@@ -55,10 +59,10 @@ return acc;
         var _b = _a, oldKey = _b[0], _c = _b[1], name = _c.name, rest = __rest(_c, ["name"]);
-        var oldPrefix = "--" + oldDesignPrefix + "typo-" + oldKey;
-        var newPrefix = "--" + newDesignPrefix + "typo-" + name;
+        var oldPrefix = "--".concat(oldDesignPrefix, "typo-").concat(oldKey);
+        var newPrefix = "--".concat(newDesignPrefix, "typo-").concat(name);
         compatProps.forEach(function (compatProp) {
-            acc[oldPrefix + "-" + compatProp] = "var(" + newPrefix + "-" + compatProp + ")";
+            acc["".concat(oldPrefix, "-").concat(compatProp)] = "var(".concat(newPrefix, "-").concat(compatProp, ")");
         });
         Object.entries(rest).forEach(function (_a) {
             var customCompatProp = _a[0], value = _a[1];
-            acc[oldPrefix + "-" + customCompatProp] = value;
+            acc["".concat(oldPrefix, "-").concat(customCompatProp)] = value;
         });
@@ -74,3 +78,3 @@ return acc;
     }
-    return __spreadArray([], obj).reduce(function (resultObj, currentObj) {
+    return __spreadArray([], obj, true).reduce(function (resultObj, currentObj) {
         return Object.entries(currentObj).reduce(function (acc, _a) {
@@ -88,9 +92,3 @@ var _b;
         var _b = _a.deviceScale, deviceScale = _b === void 0 ? 1 : _b, _c = _a.breakWord, breakWord = _c === void 0 ? true : _c;
-        return styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "], ["\n            :root {\n                --plasma-typo-display-font-family: '", "', '",
-            "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '",
-            "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ",
-            "\n\n                ",
-            "\n\n                ",
-            "\n\n                ",
-            "\n            }\n        "])), displayFontFamily, displayFontFamily === null || displayFontFamily === void 0 ? void 0 : displayFontFamily.split(' ').join(''), textFontFamily, textFontFamily === null || textFontFamily === void 0 ? void 0 : textFontFamily.split(' ').join(''), 16 * deviceScale, breakWord && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "], ["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "]))), typoS && styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 559 * deviceScale, exports.prepareStandardBreakpointTypo(typoS)), typoM && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 560 * deviceScale, 959 * deviceScale, exports.prepareStandardBreakpointTypo(typoM)), typoL && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "])), 960 * deviceScale, exports.prepareStandardBreakpointTypo(typoL)));
+        return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "], ["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "])), displayFontFamily, displayFontFamily === null || displayFontFamily === void 0 ? void 0 : displayFontFamily.split(' ').join(''), textFontFamily, textFontFamily === null || textFontFamily === void 0 ? void 0 : textFontFamily.split(' ').join(''), 16 * deviceScale, breakWord && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "], ["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "]))), typoS && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 559 * deviceScale, (0, exports.prepareStandardBreakpointTypo)(typoS)), typoM && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 560 * deviceScale, 959 * deviceScale, (0, exports.prepareStandardBreakpointTypo)(typoM)), typoL && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "])), 960 * deviceScale, (0, exports.prepareStandardBreakpointTypo)(typoL)));
     };
@@ -97,0 +95,0 @@ };

lib/cjs/mixins/applyHyphens.js

@@ -11,5 +11,3 @@ "use strict";
     var breakWord = _a.breakWord;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"], ["\n    ",
-        "\n\n    ",
-        "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"])), breakWord === true &&
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"], ["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"])), breakWord === true &&
         "\n        --plasma-typo-overflow-wrap: break-word;\n        --plasma-typo-hyphens: auto;\n\n        // INFO: \u0434\u043B\u044F \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u043A\u0435\u043D\u043E\u0432 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438 (\u0431\u0435\u0437 \u043F\u0440\u0435\u0444\u0438\u043A\u0441\u0430 plasma)\n        --typo-overflow-wrap: break-word;\n        --typo-hyphens: auto;\n    ", breakWord === false &&
@@ -16,0 +14,0 @@ "\n        --plasma-typo-overflow-wrap: normal;\n        --plasma-typo-hyphens: manual;\n\n        // INFO: \u0434\u043B\u044F \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u043A\u0435\u043D\u043E\u0432 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438 (\u0431\u0435\u0437 \u043F\u0440\u0435\u0444\u0438\u043A\u0441\u0430 plasma)\n        --typo-overflow-wrap: normal;\n        --typo-hyphens: manual;\n    ");

lib/esm/helpers.js

@@ -27,6 +27,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
@@ -39,3 +43,3 @@ import { css } from 'styled-components';
             var typoProp = _a[0], propValue = _a[1];
-            acc["--plasma-typo-" + typoKey + "-" + typoProp] = propValue;
+            acc["--plasma-typo-".concat(typoKey, "-").concat(typoProp)] = propValue;
         });
@@ -51,10 +55,10 @@ return acc;
         var _b = _a, oldKey = _b[0], _c = _b[1], name = _c.name, rest = __rest(_c, ["name"]);
-        var oldPrefix = "--" + oldDesignPrefix + "typo-" + oldKey;
-        var newPrefix = "--" + newDesignPrefix + "typo-" + name;
+        var oldPrefix = "--".concat(oldDesignPrefix, "typo-").concat(oldKey);
+        var newPrefix = "--".concat(newDesignPrefix, "typo-").concat(name);
         compatProps.forEach(function (compatProp) {
-            acc[oldPrefix + "-" + compatProp] = "var(" + newPrefix + "-" + compatProp + ")";
+            acc["".concat(oldPrefix, "-").concat(compatProp)] = "var(".concat(newPrefix, "-").concat(compatProp, ")");
         });
         Object.entries(rest).forEach(function (_a) {
             var customCompatProp = _a[0], value = _a[1];
-            acc[oldPrefix + "-" + customCompatProp] = value;
+            acc["".concat(oldPrefix, "-").concat(customCompatProp)] = value;
         });
@@ -69,3 +73,3 @@ return acc;
     }
-    return __spreadArray([], obj).reduce(function (resultObj, currentObj) {
+    return __spreadArray([], obj, true).reduce(function (resultObj, currentObj) {
         return Object.entries(currentObj).reduce(function (acc, _a) {
@@ -82,9 +86,3 @@ var _b;
         var _b = _a.deviceScale, deviceScale = _b === void 0 ? 1 : _b, _c = _a.breakWord, breakWord = _c === void 0 ? true : _c;
-        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "], ["\n            :root {\n                --plasma-typo-display-font-family: '", "', '",
-            "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '",
-            "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ",
-            "\n\n                ",
-            "\n\n                ",
-            "\n\n                ",
-            "\n            }\n        "])), displayFontFamily, displayFontFamily === null || displayFontFamily === void 0 ? void 0 : displayFontFamily.split(' ').join(''), textFontFamily, textFontFamily === null || textFontFamily === void 0 ? void 0 : textFontFamily.split(' ').join(''), 16 * deviceScale, breakWord && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "], ["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "]))), typoS && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 559 * deviceScale, prepareStandardBreakpointTypo(typoS)), typoM && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 560 * deviceScale, 959 * deviceScale, prepareStandardBreakpointTypo(typoM)), typoL && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "])), 960 * deviceScale, prepareStandardBreakpointTypo(typoL)));
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "], ["\n            :root {\n                --plasma-typo-display-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-text-font-family: '", "', '", "', sans-serif;\n                --plasma-typo-dspl-l-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-l-font-style: normal;\n                --plasma-typo-dspl-l-letter-spacing: normal;\n                --plasma-typo-dspl-m-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-m-font-style: normal;\n                --plasma-typo-dspl-m-letter-spacing: normal;\n                --plasma-typo-dspl-s-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-dspl-s-font-style: normal;\n                --plasma-typo-dspl-s-letter-spacing: normal;\n                --plasma-typo-h1-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h1-font-style: normal;\n                --plasma-typo-h1-letter-spacing: normal;\n                --plasma-typo-h2-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h2-font-style: normal;\n                --plasma-typo-h2-letter-spacing: normal;\n                --plasma-typo-h3-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h3-font-style: normal;\n                --plasma-typo-h3-letter-spacing: normal;\n                --plasma-typo-h4-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h4-font-style: normal;\n                --plasma-typo-h4-letter-spacing: normal;\n                --plasma-typo-h5-font-family: var(--plasma-typo-display-font-family);\n                --plasma-typo-h5-font-style: normal;\n                --plasma-typo-h5-letter-spacing: normal;\n                --plasma-typo-body-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-l-font-style: normal;\n                --plasma-typo-body-l-letter-spacing: -0.02em;\n                --plasma-typo-body-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-m-font-style: normal;\n                --plasma-typo-body-m-letter-spacing: -0.02em;\n                --plasma-typo-body-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-s-font-style: normal;\n                --plasma-typo-body-s-letter-spacing: -0.02em;\n                --plasma-typo-body-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xs-font-style: normal;\n                --plasma-typo-body-xs-letter-spacing: -0.02em;\n                --plasma-typo-body-xxs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-body-xxs-font-style: normal;\n                --plasma-typo-body-xxs-letter-spacing: -0.02em;\n                --plasma-typo-text-l-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-l-font-style: normal;\n                --plasma-typo-text-l-letter-spacing: -0.02em;\n                --plasma-typo-text-m-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-m-font-style: normal;\n                --plasma-typo-text-m-letter-spacing: -0.02em;\n                --plasma-typo-text-s-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-s-font-style: normal;\n                --plasma-typo-text-s-letter-spacing: -0.02em;\n                --plasma-typo-text-xs-font-family: var(--plasma-typo-text-font-family);\n                --plasma-typo-text-xs-font-style: normal;\n                --plasma-typo-text-xs-letter-spacing: -0.02em;\n\n                font-size: ", "px;\n\n                ", "\n\n                ", "\n\n                ", "\n\n                ", "\n            }\n        "])), displayFontFamily, displayFontFamily === null || displayFontFamily === void 0 ? void 0 : displayFontFamily.split(' ').join(''), textFontFamily, textFontFamily === null || textFontFamily === void 0 ? void 0 : textFontFamily.split(' ').join(''), 16 * deviceScale, breakWord && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "], ["\n                        --plasma-typo-overflow-wrap: break-word;\n                        --plasma-typo-hyphens: auto;\n                    "]))), typoS && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 559 * deviceScale, prepareStandardBreakpointTypo(typoS)), typoM && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) and (max-width: ", "px) {\n                            ", "\n                        }\n                    "])), 560 * deviceScale, 959 * deviceScale, prepareStandardBreakpointTypo(typoM)), typoL && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "], ["\n                        @media (min-width: ", "px) {\n                            ", "\n                        }\n                    "])), 960 * deviceScale, prepareStandardBreakpointTypo(typoL)));
     };
@@ -91,0 +89,0 @@ };

lib/esm/mixins/applyHyphens.js

@@ -8,5 +8,3 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     var breakWord = _a.breakWord;
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"], ["\n    ",
-        "\n\n    ",
-        "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"])), breakWord === true &&
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"], ["\n    ", "\n\n    ", "\n\n    overflow-wrap: var(--plasma-typo-overflow-wrap, var(--typo-overflow-wrap));\n    hyphens: var(--plasma-typo-hyphens, var(--typo-hyphens));\n"])), breakWord === true &&
         "\n        --plasma-typo-overflow-wrap: break-word;\n        --plasma-typo-hyphens: auto;\n\n        // INFO: \u0434\u043B\u044F \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u043A\u0435\u043D\u043E\u0432 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438 (\u0431\u0435\u0437 \u043F\u0440\u0435\u0444\u0438\u043A\u0441\u0430 plasma)\n        --typo-overflow-wrap: break-word;\n        --typo-hyphens: auto;\n    ", breakWord === false &&
@@ -13,0 +11,0 @@ "\n        --plasma-typo-overflow-wrap: normal;\n        --plasma-typo-hyphens: manual;\n\n        // INFO: \u0434\u043B\u044F \u043D\u043E\u0432\u044B\u0445 \u0442\u043E\u043A\u0435\u043D\u043E\u0432 \u0442\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0438 (\u0431\u0435\u0437 \u043F\u0440\u0435\u0444\u0438\u043A\u0441\u0430 plasma)\n        --typo-overflow-wrap: normal;\n        --typo-hyphens: manual;\n    ");

package.json

 {
   "name": "@salutejs/plasma-typo",
-  "version": "0.41.0-canary.883.7041288914.0",
+  "version": "0.41.0-canary.1680.12493948115.0",
   "description": "Plasma Typography System's tokens",
@@ -30,4 +30,3 @@ "author": "Salute Frontend Team <[e-mail]>",
     "react-dom": "18.2.0",
-    "styled-components": "5.3.1",
-    "typescript": "4.2.4"
+    "styled-components": "5.3.1"
   },
@@ -41,3 +40,3 @@ "publishConfig": {
   "sideEffects": false,
-  "gitHead": "1f25b846970ab14d3a521eaf1e504df6bca322bb"
+  "gitHead": "062e7d1ce674471db344ce0fade22f73cef40864"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

308410

increased by0.33%

Dev dependency count

7

decreased by-12.5%

Worsened metrics

Lines of code

5774

decreased by-0.05%

No dependency changes