@vkontakte/vkui-tokens 4.20.3-dev-bfc10d.0 → 4.21.0

package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.js

@@ -25,16 +25,16 @@ function compileBreakpointsCssVarsDeclaration(sourceTheme, type) {
         return null;
     }
     var breakpoints = sourceTheme['breakpoints'];
-    var customMedia = customMedia_1.processCustomMedia(sourceTheme);
-    var theme = type === 'onlyColors' ? getOnlyColors_1.getOnlyColors(sourceTheme) : sourceTheme;
-    var adaptiveValues = accumulateValues_1.accumulateValues({
+    var customMedia = (0, customMedia_1.processCustomMedia)(sourceTheme);
+    var theme = type === 'onlyColors' ? (0, getOnlyColors_1.getOnlyColors)(sourceTheme) : sourceTheme;
+    var adaptiveValues = (0, accumulateValues_1.accumulateValues)({
         theme: theme,
     }).adaptiveValues;
     var result = '';
     if (!Object.keys(adaptiveValues.auto).length) {
         return null;
     }
-    result += common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t:root {\n", "\n\t}"], ["\n\t:root {\n", "\n\t}"])), getVarString_1.getVarString({ valuesObject: adaptiveValues.auto, prefix: '\t\t' }));
+    result += (0, common_tags_1.stripIndent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t:root {\n", "\n\t}"], ["\n\t:root {\n", "\n\t}"])), (0, getVarString_1.getVarString)({ valuesObject: adaptiveValues.auto, prefix: '\t\t' }));
     var adaptivityStatesLength = Object.keys(adaptiveValues).length;
     // только regular и auto
     if (adaptivityStatesLength === 2) {
@@ -53,33 +53,31 @@ function compileBreakpointsCssVarsDeclaration(sourceTheme, type) {
         if (adaptivityState === 'auto') {
             return;
         }
-        var usedViewport = findViewportByAdaptivityState_1.findViewportByAdaptivityState(breakpoints, adaptivityState);
-        mediaValues += common_tags_1.stripIndent(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t@media ", " {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t\t"], ["\n\t\t\t@media ", " {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t",
-            "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-", " {\n\t\t\t\t",
-            "\n\t\t\t}\n\t\t\t"])), customMedia["width" + capitalize_1.capitalize(usedViewport)], common_tags_1.stripIndents(isRegular
+        var usedViewport = (0, findViewportByAdaptivityState_1.findViewportByAdaptivityState)(breakpoints, adaptivityState);
+        mediaValues += (0, common_tags_1.stripIndent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t@media ", " {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t\t"], ["\n\t\t\t@media ", " {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t", "\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t\t"])), customMedia["width".concat((0, capitalize_1.capitalize)(usedViewport))], (0, common_tags_1.stripIndents)(isRegular
             ? regularValues
-            : getVarString_1.getVarString({
+            : (0, getVarString_1.getVarString)({
                 valuesObject: valuesObject,
                 prefix: '',
                 callback: function (name) {
                     if (isRegular) {
                         return;
                     }
-                    var regularName = name.replace(new RegExp(adaptivityState + "$"), 'regular');
+                    var regularName = name.replace(new RegExp("".concat(adaptivityState, "$")), 'regular');
                     var regularValue = adaptiveValues.regular[regularName];
                     if (regularValue) {
-                        regularValues += regularName + ": " + regularValue + ";\n";
+                        regularValues += "".concat(regularName, ": ").concat(regularValue, ";\n");
                     }
                 },
-            })), convertCamelToSnake_1.convertCamelToSnake(usedViewport), common_tags_1.stripIndents(isRegular
+            })), (0, convertCamelToSnake_1.convertCamelToSnake)(usedViewport), (0, common_tags_1.stripIndents)(isRegular
             ? regularValues
-            : getVarString_1.getVarString({
+            : (0, getVarString_1.getVarString)({
                 valuesObject: valuesObject,
                 prefix: '',
             })));
         mediaValues += '\n\n';
     });
-    return common_tags_1.stripIndent(result + "\n\n" + mediaValues);
+    return (0, common_tags_1.stripIndent)("".concat(result, "\n\n").concat(mediaValues));
 }
 exports.compileBreakpointsCssVarsDeclaration = compileBreakpointsCssVarsDeclaration;
 var templateObject_1, templateObject_2;

package/build/compilers/cssVars/declarations/compileBreakpointsCssVarsDeclaration.test.js

@@ -9,7 +9,7 @@ var compileBreakpointsCssVarsDeclaration_1 = require("./compileBreakpointsCssVar
 describe('compileBreakpointsCssVarsDeclaration', function () {
     it('should not work without breakpoints', function () {
         var theme = {};
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme)).toBe(null);
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme)).toBe(null);
     });
     it('should work with breakpoints and empty vals', function () {
         var theme = {
@@ -24,7 +24,7 @@ describe('compileBreakpointsCssVarsDeclaration', function () {
                 },
             },
         };
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme)).toBe(null);
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme)).toBe(null);
     });
     it('should work with non adaptive values', function () {
         var theme = {
@@ -44,7 +44,7 @@ describe('compileBreakpointsCssVarsDeclaration', function () {
                 originalValue: '4px',
             },
         };
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme)).toBe(null);
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme)).toBe(null);
     });
     it('should work with flat adaptive values and several breakpotins', function () {
         var theme = {
@@ -75,8 +75,8 @@ describe('compileBreakpointsCssVarsDeclaration', function () {
                 },
             },
         };
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme))
-            .toBe(common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme))
+            .toBe((0, common_tags_1.stripIndent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--size_popup_base_padding: var(--vkui--size_popup_base_padding--regular);\n\t\t\t}\n\t\t\t"]))));
     });
     it('should work with flat adaptive values and several breakpotins and without overriding', function () {
         var theme = {
@@ -102,8 +102,8 @@ describe('compileBreakpointsCssVarsDeclaration', function () {
                 },
             },
         };
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme))
-            .toBe(common_tags_1.stripIndent(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: 20px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: 20px;\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme))
+            .toBe((0, common_tags_1.stripIndent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: 20px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding: 20px;\n\t\t\t}\n\t\t\t"]))));
     });
     it('should work with adaptive complex object', function () {
         var theme = {
@@ -149,8 +149,8 @@ describe('compileBreakpointsCssVarsDeclaration', function () {
                 },
             },
         };
-        expect(compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme))
-            .toBe(common_tags_1.stripIndent(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme))
+            .toBe((0, common_tags_1.stripIndent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t--vkui--font_h1--line_height: var(--vkui--font_h1--line_height--regular);\n\t\t\t}\n\n\t\t\t@media (max-width: 767px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-touch {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--compact);\n\t\t\t}\n\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t:root, .vkui--force-auto {\n\t\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.vkui--force-desktop_s {\n\t\t\t\t--vkui--font_h1--font_size: var(--vkui--font_h1--font_size--regular);\n\t\t\t}\n\t\t\t"]))));
     });
 });
 var templateObject_1, templateObject_2, templateObject_3;

package/build/compilers/cssVars/helpers/accumulateValues.js

@@ -21,7 +21,7 @@ var constructSourceVal = function (_a) {
     var destination = _a.destination, value = _a.value, autoValue = _a.autoValue, singleBreakpoint = _a.singleBreakpoint;
     if (autoValue && 'name' in autoValue) {
         destination[autoValue.name] = !singleBreakpoint
-            ? "var(" + value.name + ")"
+            ? "var(".concat(value.name, ")")
             : value.originalValue;
     }
     else if (value.originalValue !== undefined) {

package/build/compilers/cssVars/helpers/getVarString.js

@@ -7,7 +7,7 @@ var getVarString = function (_a) {
         .map(function (_a) {
         var name = _a[0], value = _a[1];
         callback === null || callback === void 0 ? void 0 : callback(name, value);
-        return "" + prefix + name + ": " + value + ";";
+        return "".concat(prefix).concat(name, ": ").concat(value, ";");
     })
         .join(delimeter);
 };

package/build/compilers/cssVars/jsUtils/compileGetDeclarationString.js

@@ -11,14 +11,11 @@ var getVarString_1 = require("../helpers/getVarString");
 var getOnlyColors_1 = require("../../../helpers/getOnlyColors");
 function compileGetDeclarationString(sourceTheme, type) {
     if (type === void 0) { type = 'default'; }
-    var theme = type === 'onlyColors' ? getOnlyColors_1.getOnlyColors(sourceTheme) : sourceTheme;
-    var flatValues = accumulateValues_1.accumulateValues({
+    var theme = type === 'onlyColors' ? (0, getOnlyColors_1.getOnlyColors)(sourceTheme) : sourceTheme;
+    var flatValues = (0, accumulateValues_1.accumulateValues)({
         theme: theme,
     }).flatValues;
-    return common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\timport {Properties} from 'csstype';\n\n\texport function getDeclarationVar", "String(): string {\n\t\treturn `", "`;\n\t}\n\n\texport function getDeclarationVar", "Object(): Properties {\n\t\treturn ", " as Properties;\n\t}\n\t"], ["\n\timport {Properties} from 'csstype';\n\n\texport function getDeclarationVar",
-        "String(): string {\n\t\treturn \\`",
-        "\\`;\n\t}\n\n\texport function getDeclarationVar",
-        "Object(): Properties {\n\t\treturn ", " as Properties;\n\t}\n\t"])), type === 'onlyColors' ? 'Colors' : '', getVarString_1.getVarString({
+    return (0, common_tags_1.stripIndent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\timport {Properties} from 'csstype';\n\n\texport function getDeclarationVar", "String(): string {\n\t\treturn `", "`;\n\t}\n\n\texport function getDeclarationVar", "Object(): Properties {\n\t\treturn ", " as Properties;\n\t}\n\t"], ["\n\timport {Properties} from 'csstype';\n\n\texport function getDeclarationVar", "String(): string {\n\t\treturn \\`", "\\`;\n\t}\n\n\texport function getDeclarationVar", "Object(): Properties {\n\t\treturn ", " as Properties;\n\t}\n\t"])), type === 'onlyColors' ? 'Colors' : '', (0, getVarString_1.getVarString)({
         valuesObject: flatValues,
         prefix: '',
         delimeter: '',

package/build/compilers/cssVars/jsUtils/compileGetDeclarationString.test.js

@@ -9,7 +9,7 @@ var compileGetDeclarationString_1 = require("./compileGetDeclarationString");
 describe('compileGetDeclarationString', function () {
     it('should work with empty', function () {
         var theme = {};
-        expect(compileGetDeclarationString_1.compileGetDeclarationString(theme)).toBe(common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn ``;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn \\`\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {} as Properties;\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileGetDeclarationString_1.compileGetDeclarationString)(theme)).toBe((0, common_tags_1.stripIndent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn ``;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn \\`\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {} as Properties;\n\t\t\t}\n\t\t\t"]))));
     });
     it('should work with any values', function () {
         var theme = {
@@ -52,7 +52,7 @@ describe('compileGetDeclarationString', function () {
                 },
             },
         };
-        expect(compileGetDeclarationString_1.compileGetDeclarationString(theme)).toBe(common_tags_1.stripIndent(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn `--paradigm--x1: 4px;--vkui--size_popup_base_padding--compact: 16px;--vkui--size_popup_base_padding--regular: 20px;--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {\"--paradigm--x1\":\"4px\",\"--vkui--size_popup_base_padding--compact\":\"16px\",\"--vkui--size_popup_base_padding--regular\":\"20px\",\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn \\`--paradigm--x1: 4px;--vkui--size_popup_base_padding--compact: 16px;--vkui--size_popup_base_padding--regular: 20px;--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {\"--paradigm--x1\":\"4px\",\"--vkui--size_popup_base_padding--compact\":\"16px\",\"--vkui--size_popup_base_padding--regular\":\"20px\",\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileGetDeclarationString_1.compileGetDeclarationString)(theme)).toBe((0, common_tags_1.stripIndent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn `--paradigm--x1: 4px;--vkui--size_popup_base_padding--compact: 16px;--vkui--size_popup_base_padding--regular: 20px;--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {\"--paradigm--x1\":\"4px\",\"--vkui--size_popup_base_padding--compact\":\"16px\",\"--vkui--size_popup_base_padding--regular\":\"20px\",\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarString(): string {\n\t\t\t\treturn \\`--paradigm--x1: 4px;--vkui--size_popup_base_padding--compact: 16px;--vkui--size_popup_base_padding--regular: 20px;--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarObject(): Properties {\n\t\t\t\treturn {\"--paradigm--x1\":\"4px\",\"--vkui--size_popup_base_padding--compact\":\"16px\",\"--vkui--size_popup_base_padding--regular\":\"20px\",\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"]))));
     });
     it('should work onlyColorsMode', function () {
         var theme = {
@@ -95,7 +95,7 @@ describe('compileGetDeclarationString', function () {
                 },
             },
         };
-        expect(compileGetDeclarationString_1.compileGetDeclarationString(theme, 'onlyColors')).toBe(common_tags_1.stripIndent(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarColorsString(): string {\n\t\t\t\treturn `--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarColorsObject(): Properties {\n\t\t\t\treturn {\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarColorsString(): string {\n\t\t\t\treturn \\`--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarColorsObject(): Properties {\n\t\t\t\treturn {\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"]))));
+        expect((0, compileGetDeclarationString_1.compileGetDeclarationString)(theme, 'onlyColors')).toBe((0, common_tags_1.stripIndent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarColorsString(): string {\n\t\t\t\treturn `--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarColorsObject(): Properties {\n\t\t\t\treturn {\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"], ["\n\t\t\timport {Properties} from 'csstype';\n\n\t\t\texport function getDeclarationVarColorsString(): string {\n\t\t\t\treturn \\`--vkui--color_text_accent: white;--vkui--color_text_accent--hover: black;--vkui--color_text_accent--active: red;\\`;\n\t\t\t}\n\n\t\t\texport function getDeclarationVarColorsObject(): Properties {\n\t\t\t\treturn {\"--vkui--color_text_accent\":\"white\",\"--vkui--color_text_accent--hover\":\"black\",\"--vkui--color_text_accent--active\":\"red\"} as Properties;\n\t\t\t}\n\t\t\t"]))));
     });
 });
 var templateObject_1, templateObject_2, templateObject_3;

package/build/compilers/docs/compileDocsJSON.js

@@ -112,8 +112,8 @@ exports.getTypeDocs = getTypeDocs;
  * 	 - export { BaseTheme as MyTheme } from 'path/to/baseTheme.ts'
  */
 function compileDocsJSON(theme) {
-    var themeFilePath = path_1.default.resolve("src/interfaces/themes/" + theme.themeName + "/index.ts");
-    var themeInterfaceName = "Theme" + capitalize_1.capitalize(theme.themeName);
+    var themeFilePath = path_1.default.resolve("src/interfaces/themes/".concat(theme.themeName, "/index.ts"));
+    var themeInterfaceName = "Theme".concat((0, capitalize_1.capitalize)(theme.themeName));
     var docs = getTypeDocs(themeFilePath, themeInterfaceName);
     return JSON.stringify(docs, null, '  ');
 }

package/build/compilers/docs/compileDocsJSON.test.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var compileDocsJSON_1 = require("./compileDocsJSON");
 describe('compileDocsJSON', function () {
     it('should correct compile documentation with reexported interface', function () {
-        var docs = compileDocsJSON_1.getTypeDocs('src/build/compilers/docs/__test__/testRecursiveReexport.ts', 'BaseTheme');
+        var docs = (0, compileDocsJSON_1.getTypeDocs)('src/build/compilers/docs/__test__/testRecursiveReexport.ts', 'BaseTheme');
         expect(docs).toEqual({
             importedBaseProp: {
                 desc: 'Short desc tag',
@@ -12,7 +12,7 @@ describe('compileDocsJSON', function () {
         });
     });
     it('should correct compile documentation with imports', function () {
-        var docs = compileDocsJSON_1.getTypeDocs('src/build/compilers/docs/__test__/testTheme.ts', 'ThemeTest');
+        var docs = (0, compileDocsJSON_1.getTypeDocs)('src/build/compilers/docs/__test__/testTheme.ts', 'ThemeTest');
         expect(docs).toEqual({
             prop: {
                 desc: '',

package/build/compilers/index.js

@@ -31,18 +31,18 @@ function writeStructJsonFile(themePath, theme, _) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u0441\u0442\u0440\u0443\u043A\u0442\u0443\u0440\u043D\u044B\u0439 json...");
     var fileName = "struct.json";
     var filePath = path_1.default.resolve(themePath, fileName);
-    var content = compileStructJSON_1.compileStructJSON(theme);
+    var content = (0, compileStructJSON_1.compileStructJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
-    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
 }
 exports.writeStructJsonFile = writeStructJsonFile;
 function writeJsonFile(themePath, theme, _) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C json...");
     var fileName = "index.json";
     var filePath = path_1.default.resolve(themePath, fileName);
-    var content = compileJSON_1.compileJSON(theme);
+    var content = (0, compileJSON_1.compileJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
-    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
 }
 exports.writeJsonFile = writeJsonFile;
 function writeTsFile(themePath, theme, type, themeName) {
@@ -50,42 +50,42 @@ function writeTsFile(themePath, theme, type, themeName) {
     var fileName = "index.ts";
     var filePath = path_1.default.resolve(themePath, fileName);
     var content = null;
-    var sourceContent = compileTypeScript_1.compileTypeScript(theme);
+    var sourceContent = (0, compileTypeScript_1.compileTypeScript)(theme);
     switch (type) {
         case 'flat':
             content = sourceContent
-                .replace(/\$\$InterfaceName\$\$/g, "Theme" + capitalize_1.capitalize(theme.themeName) + "Flat")
-                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/" + theme.themeName);
+                .replace(/\$\$InterfaceName\$\$/g, "Theme".concat((0, capitalize_1.capitalize)(theme.themeName), "Flat"))
+                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/".concat(theme.themeName));
             break;
         case 'subtheme':
             content = sourceContent
-                .replace(/\$\$InterfaceName\$\$/g, "SubTheme" + capitalize_1.capitalize(theme.parentThemeName))
-                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/" + theme.parentThemeName + "/subthemes");
+                .replace(/\$\$InterfaceName\$\$/g, "SubTheme".concat((0, capitalize_1.capitalize)(theme.parentThemeName)))
+                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/".concat(theme.parentThemeName, "/subthemes"));
             break;
         case 'cssVars':
             content = sourceContent
-                .replace(/\$\$InterfaceName\$\$/g, "Theme" + capitalize_1.capitalize(themeName) + "CssVars")
-                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/" + themeName);
+                .replace(/\$\$InterfaceName\$\$/g, "Theme".concat((0, capitalize_1.capitalize)(themeName), "CssVars"))
+                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/".concat(themeName));
             break;
         case 'root':
         default:
             content = sourceContent
-                .replace(/\$\$InterfaceName\$\$/g, "Theme" + capitalize_1.capitalize(theme.themeName))
-                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/" + theme.themeName);
+                .replace(/\$\$InterfaceName\$\$/g, "Theme".concat((0, capitalize_1.capitalize)(theme.themeName)))
+                .replace(/\$\$InterfaceURL\$\$/g, "@/interfaces/themes/".concat(theme.themeName));
     }
     fs_extra_1.default.writeFileSync(filePath, content);
-    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
 }
 exports.writeTsFile = writeTsFile;
 function writeStyleFiles(themePath, theme) {
     var a = ['css', 'less', 'styl', 'scss', 'pcss'];
     a.forEach(function (format) {
-        console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C " + format + "...");
-        var fileName = "index." + format;
+        console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C ".concat(format, "..."));
+        var fileName = "index.".concat(format);
         var filePath = path_1.default.resolve(themePath, fileName);
-        var content = compileStyles_1.compileStyles(format, theme);
+        var content = (0, compileStyles_1.compileStyles)(format, theme);
         fs_extra_1.default.writeFileSync(filePath, content);
-        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
     });
 }
 exports.writeStyleFiles = writeStyleFiles;
@@ -95,11 +95,11 @@ function writeCssVarsSourceFile(themePath, theme, cssVarsTheme, themeBase) {
     for (var _i = 0, cssModes_1 = cssModes; _i < cssModes_1.length; _i++) {
         var modeConfig = cssModes_1[_i];
         var filePath = path_1.default.resolve(themePath, modeConfig.fileName);
-        var compiledVars = compileStyles_1.compileStyles('css', theme, modeConfig.mode === 'default'
+        var compiledVars = (0, compileStyles_1.compileStyles)('css', theme, modeConfig.mode === 'default'
             ? 'withAdaptiveGroups'
             : modeConfig.mode, themeBase);
         var compiledBreakpoints = modeConfig.mode === 'default'
-            ? "\n\n" + ((_a = compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(cssVarsTheme)) !== null && _a !== void 0 ? _a : '')
+            ? "\n\n".concat((_a = (0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(cssVarsTheme)) !== null && _a !== void 0 ? _a : '')
             : '';
         if (compiledBreakpoints.includes('null')) {
             console.error(modeConfig);
@@ -107,7 +107,7 @@ function writeCssVarsSourceFile(themePath, theme, cssVarsTheme, themeBase) {
         }
         var content = compiledVars + compiledBreakpoints;
         fs_extra_1.default.writeFileSync(filePath, content);
-        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + modeConfig.fileName);
+        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(modeConfig.fileName));
     }
 }
 exports.writeCssVarsSourceFile = writeCssVarsSourceFile;
@@ -115,10 +115,10 @@ function writeCssVarsSourceMediaFile(themePath, theme) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u043C\u0435\u0434\u0438\u0430 \u043F\u0435\u0440\u0435\u043C\u0435\u043D\u043D\u044B\u0435 \u0434\u043B\u044F css vars \u0442\u0435\u043C...");
     var fileName = 'onlyMedia.css';
     var filePath = path_1.default.resolve(themePath, fileName);
-    var content = compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration(theme);
+    var content = (0, compileBreakpointsCssVarsDeclaration_1.compileBreakpointsCssVarsDeclaration)(theme);
     if (content !== null) {
         fs_extra_1.default.writeFileSync(filePath, content);
-        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
     }
 }
 exports.writeCssVarsSourceMediaFile = writeCssVarsSourceMediaFile;
@@ -130,9 +130,9 @@ function writeCssVarsJsUtils(themePath, theme) {
     ].forEach(function (_a) {
         var mode = _a.mode, fileName = _a.fileName;
         var filePath = path_1.default.resolve(themePath, fileName);
-        var content = compileGetDeclarationString_1.compileGetDeclarationString(theme, mode);
+        var content = (0, compileGetDeclarationString_1.compileGetDeclarationString)(theme, mode);
         fs_extra_1.default.writeFileSync(filePath, content);
-        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+        console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
     });
 }
 exports.writeCssVarsJsUtils = writeCssVarsJsUtils;
@@ -140,8 +140,8 @@ function writeDocsFiles(themePath, theme) {
     console.log("\u043A\u043E\u043C\u043F\u0438\u043B\u0438\u0440\u0443\u0435\u043C \u0434\u043E\u043A\u0443\u043C\u0435\u043D\u0442\u0430\u0446\u0438\u044E...");
     var fileName = "docs.json";
     var filePath = path_1.default.resolve(themePath, fileName);
-    var content = compileDocsJSON_1.compileDocsJSON(theme);
+    var content = (0, compileDocsJSON_1.compileDocsJSON)(theme);
     fs_extra_1.default.writeFileSync(filePath, content);
-    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B " + fileName);
+    console.log("\u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0437\u0430\u043F\u0438\u0441\u0430\u043B\u0438 \u0444\u0430\u0439\u043B ".concat(fileName));
 }
 exports.writeDocsFiles = writeDocsFiles;

package/build/compilers/json/compileJSON.test.js

@@ -9,6 +9,6 @@ describe('compileJSON', function () {
             },
             toneValueHover: 0.04,
         };
-        expect(compileJSON_1.compileJSON(testData)).toBe('{\n\t"colorState": {\n\t\t"normal": "#00103D"\n\t},\n\t"toneValueHover": 0.04\n}');
+        expect((0, compileJSON_1.compileJSON)(testData)).toBe('{\n\t"colorState": {\n\t\t"normal": "#00103D"\n\t},\n\t"toneValueHover": 0.04\n}');
     });
 });

package/build/compilers/structJSON/compileStructJSON.test.js

@@ -8,6 +8,6 @@ describe('compileJSON', function () {
             colorsScheme: 'scheme',
             randomToken: 123,
         };
-        expect(compileStructJSON_1.compileStructJSON(testData)).toBe("{\n\t\"color\": {\n\t\t\"colorA\": \"#fff\"\n\t},\n\t\"colorsScheme\": {\n\t\t\"colorsScheme\": \"scheme\"\n\t},\n\t\"other\": {\n\t\t\"randomToken\": 123\n\t}\n}");
+        expect((0, compileStructJSON_1.compileStructJSON)(testData)).toBe("{\n\t\"color\": {\n\t\t\"colorA\": \"#fff\"\n\t},\n\t\"colorsScheme\": {\n\t\t\"colorsScheme\": \"scheme\"\n\t},\n\t\"other\": {\n\t\t\"randomToken\": 123\n\t}\n}");
     });
 });

package/build/compilers/styles/compileStyles.js

@@ -19,7 +19,7 @@ function isClassicCssType(format) {
     return format === tokenProcessors_1.EStyleTypes.CSS || format === tokenProcessors_1.EStyleTypes.PCSS;
 }
 function getPrefix(format, theme) {
-    var prefix = theme.prefix ? theme.prefix + "-" : '';
+    var prefix = theme.prefix ? "".concat(theme.prefix, "-") : '';
     if (isClassicCssType(format) && prefix) {
         prefix += '-';
     }
@@ -46,12 +46,12 @@ function getRootSelector(theme, mode) {
     if (!isLocal(mode)) {
         return ':root';
     }
-    return "." + getPrefix(tokenProcessors_1.EStyleTypes.CSS, theme) + getThemeNameBase(theme) + "--" + theme.colorsScheme;
+    return ".".concat(getPrefix(tokenProcessors_1.EStyleTypes.CSS, theme)).concat(getThemeNameBase(theme), "--").concat(theme.colorsScheme);
 }
 exports.getRootSelector = getRootSelector;
 function isDeepEqual(actual, expected) {
     try {
-        assert_1.deepStrictEqual(actual, expected);
+        (0, assert_1.deepStrictEqual)(actual, expected);
         return true;
     }
     catch (_) {
@@ -75,13 +75,13 @@ var compileStyles = function (format, theme, mode, themeBase) {
     var groupTokens = '';
     switch (mode) {
         case 'onlyColors':
-            theme = getOnlyColors_1.getOnlyColors(theme);
+            theme = (0, getOnlyColors_1.getOnlyColors)(theme);
             break;
         case 'noSizes':
-            theme = getAllButSizes_1.getAllButSizes(theme, theme.themeNameBase);
+            theme = (0, getAllButSizes_1.getAllButSizes)(theme, theme.themeNameBase);
             break;
         case 'noColors':
-            theme = getAllButColors_1.getAllButColors(theme, theme.themeNameBase);
+            theme = (0, getAllButColors_1.getAllButColors)(theme, theme.themeNameBase);
             break;
     }
     Object.keys(theme).forEach(function (key) {
@@ -95,22 +95,22 @@ var compileStyles = function (format, theme, mode, themeBase) {
             return;
         }
         // если переменная — строка (например, имя темы)
-        if (tokenRecognition_1.isString(token, key)) {
-            variables += getVariableStatement(getDeclaration(key, prefix), "'" + CSS.escape(token) + "'");
+        if ((0, tokenRecognition_1.isString)(token, key)) {
+            variables += getVariableStatement(getDeclaration(key, prefix), "'".concat(CSS.escape(token), "'"));
             return;
         }
         // если переменная — цвет
-        if (tokenRecognition_1.isColor(token)) {
+        if ((0, tokenRecognition_1.isColor)(token)) {
             Object.keys(token).forEach(function (colorState) {
                 var value = token[colorState];
-                variables += getVariableStatement(getDeclaration(key, prefix), value, colorState !== 'normal' ? "--" + colorState : '');
+                variables += getVariableStatement(getDeclaration(key, prefix), value, colorState !== 'normal' ? "--".concat(colorState) : '');
             });
             return;
         }
         // если переменная — это объект (группа значений)
         // например — шрифты
-        if (tokenRecognition_1.isGroupToken(token)) {
-            var groupTokenResult = tokenProcessors_1.processGroupToken({
+        if ((0, tokenRecognition_1.isGroupToken)(token)) {
+            var groupTokenResult = (0, tokenProcessors_1.processGroupToken)({
                 format: format,
                 prefix: prefix,
                 token: token,
@@ -121,14 +121,14 @@ var compileStyles = function (format, theme, mode, themeBase) {
             groupTokens += groupTokenResult.groupTokens;
             return;
         }
-        if (tokenRecognition_1.isAdaptiveFlatToken(token)) {
+        if ((0, tokenRecognition_1.isAdaptiveFlatToken)(token)) {
             Object.keys(token).forEach(function (adaptivivityState) {
                 var value = token[adaptivivityState];
-                variables += getVariableStatement(getDeclaration(key, prefix), value, "--" + unCamelcasify_1.unCamelcasify(adaptivivityState, classicCssType ? '_' : '-'));
+                variables += getVariableStatement(getDeclaration(key, prefix), value, "--".concat((0, unCamelcasify_1.unCamelcasify)(adaptivivityState, classicCssType ? '_' : '-')));
             });
             return;
         }
-        if (tokenRecognition_1.isCustomMediaToken(key)) {
+        if ((0, tokenRecognition_1.isCustomMediaToken)(key)) {
             if (getCustomMediaDeclaration) {
                 groupTokens += getCustomMediaDeclaration(key, token);
             }
@@ -139,16 +139,16 @@ var compileStyles = function (format, theme, mode, themeBase) {
     });
     result = variables;
     if (classicCssType && variables) {
-        result = common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t", " {\n\t\t", "}\n\t\t"], ["\n\t\t", " {\n\t\t", "}\n\t\t"])), rootSelector, variables.split('\n').join('\n\t\t'));
+        result = (0, common_tags_1.stripIndent)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t", " {\n\t\t", "}\n\t\t"], ["\n\t\t", " {\n\t\t", "}\n\t\t"])), rootSelector, variables.split('\n').join('\n\t\t'));
     }
     if (isOnlyVariables(mode)) {
-        return common_tags_1.stripIndent(result);
+        return (0, common_tags_1.stripIndent)(result);
     }
     if (mode === 'onlyAdaptiveGroups') {
-        return common_tags_1.stripIndent(groupTokens);
+        return (0, common_tags_1.stripIndent)(groupTokens);
     }
-    result += "\n\n" + groupTokens;
-    return common_tags_1.stripIndent(result);
+    result += "\n\n".concat(groupTokens);
+    return (0, common_tags_1.stripIndent)(result);
 };
 exports.compileStyles = compileStyles;
 var templateObject_1;