@vkontakte/vkui-tokens 4.0.0 → 4.2.0

package/build/compilers/styles/compileStyles.test.js

@@ -7,212 +7,281 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var common_tags_1 = require("common-tags");
 var compileStyles_1 = require("./compileStyles");
 var tokenProcessors_1 = require("./helpers/tokenProcessors");
-var testData = [
-    {
-        name: 'should compile colors',
-        descriptionTheme: {
-            colorAccent: {
-                normal: 'blue',
-                hover: 'darkblue',
-                active: 'darkslateblue',
-            },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--color_accent: blue;\n\t\t\t\t--vkui--color_accent--hover: darkblue;\n\t\t\t\t--vkui--color_accent--active: darkslateblue;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--color_accent: blue;\n\t\t\t\t--vkui--color_accent--hover: darkblue;\n\t\t\t\t--vkui--color_accent--active: darkslateblue;\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t\t$color-accent: blue;\n\t\t\t\t$color-accent--hover: darkblue;\n\t\t\t\t$color-accent--active: darkslateblue;\n\t\t\t"], ["\n\t\t\t\t$color-accent: blue;\n\t\t\t\t$color-accent--hover: darkblue;\n\t\t\t\t$color-accent--active: darkslateblue;\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--color-accent: blue;\n\t\t\t\t--color-accent--hover: darkblue;\n\t\t\t\t--color-accent--active: darkslateblue;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--color-accent: blue;\n\t\t\t\t--color-accent--hover: darkblue;\n\t\t\t\t--color-accent--active: darkslateblue;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\t\t\t@color-accent: blue;\n\t\t\t@color-accent--hover: darkblue;\n\t\t\t@color-accent--active: darkslateblue;\n\t\t\t"], ["\n\t\t\t@color-accent: blue;\n\t\t\t@color-accent--hover: darkblue;\n\t\t\t@color-accent--active: darkslateblue;\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\t$color-accent = blue;\n\t\t\t$color-accent--hover = darkblue;\n\t\t\t$color-accent--active = darkslateblue;\n\t\t\t"], ["\n\t\t\t$color-accent = blue;\n\t\t\t$color-accent--hover = darkblue;\n\t\t\t$color-accent--active = darkslateblue;\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile flat class variables',
-        descriptionTheme: {
-            fontSome: {
-                fontSize: '16px',
-                lineHeight: '25px',
-            },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--font_some--font_size: 16px;\n\t\t\t\t--vkui--font_some--line_height: 25px;\n\t\t\t}\n\n\t\t\t.vkui--font_some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_some--font_size, 16px);\n\t\t\t\tline-height: 25px;\n\t\t\t\tline-height: var(--vkui--font_some--line_height, 25px);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--font_some--font_size: 16px;\n\t\t\t\t--vkui--font_some--line_height: 25px;\n\t\t\t}\n\n\t\t\t.vkui--font_some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_some--font_size, 16px);\n\t\t\t\tline-height: 25px;\n\t\t\t\tline-height: var(--vkui--font_some--line_height, 25px);\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\t\t\t@mixin font-some() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t$font-some--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 25px,\n\t\t\t);\n\t\t\t"], ["\n\t\t\t@mixin font-some() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t$font-some--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 25px,\n\t\t\t);\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\t\t\t%font-some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t%font-some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\t\t\t.font-some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t.font-some {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n\t\t\tfont-some() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\tfont-some() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 25px;\n\t\t\t}\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile adaptive class variables',
-        descriptionTheme: {
-            fontText: {
-                regular: {
-                    fontSize: '15px',
-                    lineHeight: '20px',
-                    fontFamily: 'Arial',
-                    fontWeight: 500,
+var formats = Object.values(tokenProcessors_1.EStyleTypes);
+function runTest(format, testData) {
+    var compiled = compileStyles_1.compileStyles(format, testData.descriptionTheme, testData.mode);
+    expect(compiled).toBe(testData.result[format]);
+}
+describe('compileStyles', function () {
+    test.each(formats)('%s: should compile colors', function (format) {
+        runTest(format, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                colorAccent: {
+                    normal: 'blue',
+                    hover: 'darkblue',
+                    active: 'darkslateblue',
                 },
-                compactX: {
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--color_accent: blue;\n\t\t\t\t\t--vkui--color_accent--hover: darkblue;\n\t\t\t\t\t--vkui--color_accent--active: darkslateblue;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--color_accent: blue;\n\t\t\t\t\t--vkui--color_accent--hover: darkblue;\n\t\t\t\t\t--vkui--color_accent--active: darkslateblue;\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$colors-scheme: light;\n\t\t\t\t\t$color-accent: blue;\n\t\t\t\t\t$color-accent--hover: darkblue;\n\t\t\t\t\t$color-accent--active: darkslateblue;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$colors-scheme: light;\n\t\t\t\t\t$color-accent: blue;\n\t\t\t\t\t$color-accent--hover: darkblue;\n\t\t\t\t\t$color-accent--active: darkslateblue;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--color-accent: blue;\n\t\t\t\t\t--color-accent--hover: darkblue;\n\t\t\t\t\t--color-accent--active: darkslateblue;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--color-accent: blue;\n\t\t\t\t\t--color-accent--hover: darkblue;\n\t\t\t\t\t--color-accent--active: darkslateblue;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@color-accent: blue;\n\t\t\t\t@color-accent--hover: darkblue;\n\t\t\t\t@color-accent--active: darkslateblue;\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@color-accent: blue;\n\t\t\t\t@color-accent--hover: darkblue;\n\t\t\t\t@color-accent--active: darkslateblue;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$color-accent = blue;\n\t\t\t\t$color-accent--hover = darkblue;\n\t\t\t\t$color-accent--active = darkslateblue;\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$color-accent = blue;\n\t\t\t\t$color-accent--hover = darkblue;\n\t\t\t\t$color-accent--active = darkslateblue;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile flat class variables', function (format) {
+        runTest(format, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                fontSome: {
                     fontSize: '16px',
-                    lineHeight: '24px',
+                    lineHeight: '25px',
                 },
             },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t--vkui--font_text--font_size--compact_x: 16px;\n\t\t\t\t--vkui--font_text--line_height--compact_x: 24px;\n\t\t\t}\n\n\t\t\t.vkui--font_text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\tline-height: 20px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t.vkui--font_text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact_x, 16px);\n\t\t\t\tline-height: 24px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--compact_x, 24px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t--vkui--font_text--font_size--compact_x: 16px;\n\t\t\t\t--vkui--font_text--line_height--compact_x: 24px;\n\t\t\t}\n\n\t\t\t.vkui--font_text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\tline-height: 20px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t.vkui--font_text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact_x, 16px);\n\t\t\t\tline-height: 24px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--compact_x, 24px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n\t\t\t@mixin font-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t@mixin font-text--compact-x() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t$font-text--compact-x--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 24px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t"], ["\n\t\t\t@mixin font-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t@mixin font-text--compact-x() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t$font-text--compact-x--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 24px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n\t\t\t%font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t%font-text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t%font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t%font-text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n\t\t\t.font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.font-text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t.font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.font-text--compact-x {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n\t\t\tfont-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\tfont-text--compact-x() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\tfont-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\tfont-text--compact-x() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile adaptive flat variables',
-        descriptionTheme: {
-            sizePopupBasePadding: {
-                compact: '20px',
-                regular: '32px',
-                large: '40px',
-                largeX: '50px',
-            },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding--compact: 20px;\n\t\t\t\t--vkui--size_popup_base_padding--regular: 32px;\n\t\t\t\t--vkui--size_popup_base_padding--large: 40px;\n\t\t\t\t--vkui--size_popup_base_padding--large_x: 50px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--size_popup_base_padding--compact: 20px;\n\t\t\t\t--vkui--size_popup_base_padding--regular: 32px;\n\t\t\t\t--vkui--size_popup_base_padding--large: 40px;\n\t\t\t\t--vkui--size_popup_base_padding--large_x: 50px;\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n\t\t\t$size-popup-base-padding--compact: 20px;\n\t\t\t$size-popup-base-padding--regular: 32px;\n\t\t\t$size-popup-base-padding--large: 40px;\n\t\t\t$size-popup-base-padding--large-x: 50px;\n\t\t\t"], ["\n\t\t\t$size-popup-base-padding--compact: 20px;\n\t\t\t$size-popup-base-padding--regular: 32px;\n\t\t\t$size-popup-base-padding--large: 40px;\n\t\t\t$size-popup-base-padding--large-x: 50px;\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--size-popup-base-padding--compact: 20px;\n\t\t\t\t--size-popup-base-padding--regular: 32px;\n\t\t\t\t--size-popup-base-padding--large: 40px;\n\t\t\t\t--size-popup-base-padding--large_x: 50px;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--size-popup-base-padding--compact: 20px;\n\t\t\t\t--size-popup-base-padding--regular: 32px;\n\t\t\t\t--size-popup-base-padding--large: 40px;\n\t\t\t\t--size-popup-base-padding--large_x: 50px;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n\t\t\t@size-popup-base-padding--compact: 20px;\n\t\t\t@size-popup-base-padding--regular: 32px;\n\t\t\t@size-popup-base-padding--large: 40px;\n\t\t\t@size-popup-base-padding--large-x: 50px;\n\t\t\t"], ["\n\t\t\t@size-popup-base-padding--compact: 20px;\n\t\t\t@size-popup-base-padding--regular: 32px;\n\t\t\t@size-popup-base-padding--large: 40px;\n\t\t\t@size-popup-base-padding--large-x: 50px;\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n\t\t\t$size-popup-base-padding--compact = 20px;\n\t\t\t$size-popup-base-padding--regular = 32px;\n\t\t\t$size-popup-base-padding--large = 40px;\n\t\t\t$size-popup-base-padding--large-x = 50px;\n\t\t\t"], ["\n\t\t\t$size-popup-base-padding--compact = 20px;\n\t\t\t$size-popup-base-padding--regular = 32px;\n\t\t\t$size-popup-base-padding--large = 40px;\n\t\t\t$size-popup-base-padding--large-x = 50px;\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile flat variables',
-        descriptionTheme: {
-            opacityDisable: 0.4,
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--opacity_disable: 0.4;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--opacity_disable: 0.4;\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n\t\t\t$opacity-disable: 0.4;\n\t\t\t"], ["\n\t\t\t$opacity-disable: 0.4;\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--opacity-disable: 0.4;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--opacity-disable: 0.4;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n\t\t\t@opacity-disable: 0.4;\n\t\t\t"], ["\n\t\t\t@opacity-disable: 0.4;\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n\t\t\t$opacity-disable = 0.4;\n\t\t\t"], ["\n\t\t\t$opacity-disable = 0.4;\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile media queries',
-        descriptionTheme: {
-            widthTablet: '(min-width: 768px) and (max-width: 999px)',
-            widthToDesktopL: '(max-width: 2199px)',
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_26 || (templateObject_26 = __makeTemplateObject([""], [""]))),
-            scss: common_tags_1.stripIndent(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n\t\t\t@mixin media-width-tablet {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t}\n\t\t\t@mixin media-width-to-desktop-l {\n\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t}\n\t\t\t"], ["\n\t\t\t@mixin media-width-tablet {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t}\n\t\t\t@mixin media-width-to-desktop-l {\n\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t}\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n\t\t\t@custom-media --width-tablet (min-width: 768px) and (max-width: 999px);\n\t\t\t@custom-media --width-to-desktop-l (max-width: 2199px);\n\t\t\t"], ["\n\t\t\t@custom-media --width-tablet (min-width: 768px) and (max-width: 999px);\n\t\t\t@custom-media --width-to-desktop-l (max-width: 2199px);\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n\t\t\t.media-width-tablet(@content) {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t}\n\t\t\t.media-width-to-desktop-l(@content) {\n\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t}\n\t\t\t"], ["\n\t\t\t.media-width-tablet(@content) {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t}\n\t\t\t.media-width-to-desktop-l(@content) {\n\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t}\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n\t\t\tmedia-width-tablet(content) {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { content }\n\t\t\t}\n\t\t\tmedia-width-to-desktop-l(content) {\n\t\t\t\t@media (max-width: 2199px) { content }\n\t\t\t}\n\t\t\t"], ["\n\t\t\tmedia-width-tablet(content) {\n\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { content }\n\t\t\t}\n\t\t\tmedia-width-to-desktop-l(content) {\n\t\t\t\t@media (max-width: 2199px) { content }\n\t\t\t}\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile adaptive class variables with onlyAdaptiveGroups',
-        descriptionTheme: {
-            fontText: {
-                regular: {
-                    fontSize: '15px',
-                    lineHeight: '20px',
-                    fontFamily: 'Arial',
-                    fontWeight: 500,
+            result: {
+                css: common_tags_1.stripIndent(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_some--font_size: 16px;\n\t\t\t\t\t--vkui--font_some--line_height: 25px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_some--font_size, 16px);\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t\tline-height: var(--vkui--font_some--line_height, 25px);\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_some--font_size: 16px;\n\t\t\t\t\t--vkui--font_some--line_height: 25px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_some--font_size, 16px);\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t\tline-height: var(--vkui--font_some--line_height, 25px);\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-some() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t$font-some--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 25px,\n\t\t\t\t);\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-some() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t$font-some--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 25px,\n\t\t\t\t);\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-some {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-some() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-some() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 25px;\n\t\t\t\t}\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile adaptive class variables', function (f) {
+        runTest(f, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                fontText: {
+                    regular: {
+                        fontSize: '15px',
+                        lineHeight: '20px',
+                        fontFamily: 'Arial',
+                        fontWeight: 500,
+                    },
+                    compactX: {
+                        fontSize: '16px',
+                        lineHeight: '24px',
+                    },
                 },
-                compact: {
-                    fontSize: '16px',
-                    lineHeight: '24px',
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t\t--vkui--font_text--font_size--compact_x: 16px;\n\t\t\t\t\t--vkui--font_text--line_height--compact_x: 24px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact_x, 16px);\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--compact_x, 24px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t\t--vkui--font_text--font_size--compact_x: 16px;\n\t\t\t\t\t--vkui--font_text--line_height--compact_x: 24px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact_x, 16px);\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--compact_x, 24px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t@mixin font-text--compact-x() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t$font-text--compact-x--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 24px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t@mixin font-text--compact-x() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t$font-text--compact-x--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 24px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t%font-text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t%font-text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t.font-text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t.font-text--compact-x {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\tfont-text--compact-x() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\tfont-text--compact-x() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile adaptive flat variables', function (f) {
+        runTest(f, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                sizePopupBasePadding: {
+                    compact: '20px',
+                    regular: '32px',
+                    large: '40px',
+                    largeX: '50px',
                 },
             },
-        },
-        mode: 'onlyAdaptiveGroups',
-        result: {
-            css: common_tags_1.stripIndent(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n\t\t\t.vkui--font_text {\n\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t.vkui--font_text {\n\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_32 || (templateObject_32 = __makeTemplateObject([""], [""]))),
-            pcss: common_tags_1.stripIndent(templateObject_33 || (templateObject_33 = __makeTemplateObject([""], [""]))),
-            less: common_tags_1.stripIndent(templateObject_34 || (templateObject_34 = __makeTemplateObject([""], [""]))),
-            styl: common_tags_1.stripIndent(templateObject_35 || (templateObject_35 = __makeTemplateObject([""], [""]))),
-        },
-    },
-    {
-        name: 'should compile adaptive class variables with mode=withAdaptiveGroups',
-        mode: 'withAdaptiveGroups',
-        descriptionTheme: {
-            fontText: {
-                regular: {
-                    fontSize: '15px',
-                    lineHeight: '20px',
-                    fontFamily: 'Arial',
-                    fontWeight: 500,
+            result: {
+                css: common_tags_1.stripIndent(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--size_popup_base_padding--compact: 20px;\n\t\t\t\t\t--vkui--size_popup_base_padding--regular: 32px;\n\t\t\t\t\t--vkui--size_popup_base_padding--large: 40px;\n\t\t\t\t\t--vkui--size_popup_base_padding--large_x: 50px;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--size_popup_base_padding--compact: 20px;\n\t\t\t\t\t--vkui--size_popup_base_padding--regular: 32px;\n\t\t\t\t\t--vkui--size_popup_base_padding--large: 40px;\n\t\t\t\t\t--vkui--size_popup_base_padding--large_x: 50px;\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\t\t\t\t$size-popup-base-padding--compact: 20px;\n\t\t\t\t$size-popup-base-padding--regular: 32px;\n\t\t\t\t$size-popup-base-padding--large: 40px;\n\t\t\t\t$size-popup-base-padding--large-x: 50px;\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\t\t\t\t$size-popup-base-padding--compact: 20px;\n\t\t\t\t$size-popup-base-padding--regular: 32px;\n\t\t\t\t$size-popup-base-padding--large: 40px;\n\t\t\t\t$size-popup-base-padding--large-x: 50px;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--size-popup-base-padding--compact: 20px;\n\t\t\t\t\t--size-popup-base-padding--regular: 32px;\n\t\t\t\t\t--size-popup-base-padding--large: 40px;\n\t\t\t\t\t--size-popup-base-padding--large_x: 50px;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--size-popup-base-padding--compact: 20px;\n\t\t\t\t\t--size-popup-base-padding--regular: 32px;\n\t\t\t\t\t--size-popup-base-padding--large: 40px;\n\t\t\t\t\t--size-popup-base-padding--large_x: 50px;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@size-popup-base-padding--compact: 20px;\n\t\t\t\t@size-popup-base-padding--regular: 32px;\n\t\t\t\t@size-popup-base-padding--large: 40px;\n\t\t\t\t@size-popup-base-padding--large-x: 50px;\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@size-popup-base-padding--compact: 20px;\n\t\t\t\t@size-popup-base-padding--regular: 32px;\n\t\t\t\t@size-popup-base-padding--large: 40px;\n\t\t\t\t@size-popup-base-padding--large-x: 50px;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$size-popup-base-padding--compact = 20px;\n\t\t\t\t$size-popup-base-padding--regular = 32px;\n\t\t\t\t$size-popup-base-padding--large = 40px;\n\t\t\t\t$size-popup-base-padding--large-x = 50px;\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$size-popup-base-padding--compact = 20px;\n\t\t\t\t$size-popup-base-padding--regular = 32px;\n\t\t\t\t$size-popup-base-padding--large = 40px;\n\t\t\t\t$size-popup-base-padding--large-x = 50px;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile flat variables', function (f) {
+        runTest(f, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                opacityDisable: 0.4,
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--opacity_disable: 0.4;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--opacity_disable: 0.4;\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\t\t\t\t$opacity-disable: 0.4;\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\t\t\t\t$opacity-disable: 0.4;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--opacity-disable: 0.4;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--opacity-disable: 0.4;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@opacity-disable: 0.4;\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\t\t\t\t@opacity-disable: 0.4;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$opacity-disable = 0.4;\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\t\t\t\t$opacity-disable = 0.4;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile media queries', function (f) {
+        runTest(f, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                widthTablet: '(min-width: 768px) and (max-width: 999px)',
+                widthToDesktopL: '(max-width: 2199px)',
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t}"]))),
+                scss: common_tags_1.stripIndent(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin media-width-tablet {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t\t}\n\t\t\t\t@mixin media-width-to-desktop-l {\n\t\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin media-width-tablet {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t\t}\n\t\t\t\t@mixin media-width-to-desktop-l {\n\t\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t\t}\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t@custom-media --width-tablet (min-width: 768px) and (max-width: 999px);\n\t\t\t\t@custom-media --width-to-desktop-l (max-width: 2199px);\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t@custom-media --width-tablet (min-width: 768px) and (max-width: 999px);\n\t\t\t\t@custom-media --width-to-desktop-l (max-width: 2199px);\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.media-width-tablet(@content) {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t\t}\n\t\t\t\t.media-width-to-desktop-l(@content) {\n\t\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.media-width-tablet(@content) {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { @content; }\n\t\t\t\t}\n\t\t\t\t.media-width-to-desktop-l(@content) {\n\t\t\t\t\t@media (max-width: 2199px) { @content; }\n\t\t\t\t}\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tmedia-width-tablet(content) {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { content }\n\t\t\t\t}\n\t\t\t\tmedia-width-to-desktop-l(content) {\n\t\t\t\t\t@media (max-width: 2199px) { content }\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tmedia-width-tablet(content) {\n\t\t\t\t\t@media (min-width: 768px) and (max-width: 999px) { content }\n\t\t\t\t}\n\t\t\t\tmedia-width-to-desktop-l(content) {\n\t\t\t\t\t@media (max-width: 2199px) { content }\n\t\t\t\t}\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile adaptive class variables with onlyAdaptiveGroups', function (f) {
+        runTest(f, {
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                fontText: {
+                    regular: {
+                        fontSize: '15px',
+                        lineHeight: '20px',
+                        fontFamily: 'Arial',
+                        fontWeight: 500,
+                    },
+                    compact: {
+                        fontSize: '16px',
+                        lineHeight: '24px',
+                    },
                 },
-                compact: {
-                    fontSize: '16px',
-                    lineHeight: '24px',
+            },
+            mode: 'onlyAdaptiveGroups',
+            result: {
+                css: common_tags_1.stripIndent(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n\t\t\t\t.vkui--font_text {\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t.vkui--font_text {\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_32 || (templateObject_32 = __makeTemplateObject([""], [""]))),
+                pcss: common_tags_1.stripIndent(templateObject_33 || (templateObject_33 = __makeTemplateObject([""], [""]))),
+                less: common_tags_1.stripIndent(templateObject_34 || (templateObject_34 = __makeTemplateObject([""], [""]))),
+                styl: common_tags_1.stripIndent(templateObject_35 || (templateObject_35 = __makeTemplateObject([""], [""]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile adaptive class variables with mode=withAdaptiveGroups', function (f) {
+        runTest(f, {
+            mode: 'withAdaptiveGroups',
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                fontText: {
+                    regular: {
+                        fontSize: '15px',
+                        lineHeight: '20px',
+                        fontFamily: 'Arial',
+                        fontWeight: 500,
+                    },
+                    compact: {
+                        fontSize: '16px',
+                        lineHeight: '24px',
+                    },
                 },
             },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n\t\t\t:root {\n\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t--vkui--font_text--font_size--compact: 16px;\n\t\t\t\t--vkui--font_text--line_height--compact: 24px;\n\t\t\t}\n\n\t\t\t.vkui--font_text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\tline-height: 20px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t.vkui--font_text {\n\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t}\n\t\t\t.vkui--font_text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact, 16px);\n\t\t\t\tline-height: 24px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--compact, 24px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t"], ["\n\t\t\t:root {\n\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t--vkui--font_text--font_size--compact: 16px;\n\t\t\t\t--vkui--font_text--line_height--compact: 24px;\n\t\t\t}\n\n\t\t\t.vkui--font_text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\tline-height: 20px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t.vkui--font_text {\n\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t}\n\t\t\t.vkui--font_text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact, 16px);\n\t\t\t\tline-height: 24px;\n\t\t\t\tline-height: var(--vkui--font_text--line_height--compact, 24px);\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\tfont-weight: 500;\n\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n\t\t\t@mixin font-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t@mixin font-text--compact() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t$font-text--compact--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 24px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t"], ["\n\t\t\t@mixin font-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t@mixin font-text--compact() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t$font-text--regular--map: (\n\t\t\t\t'fontSize': 15px,\n\t\t\t\t'lineHeight': 20px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t$font-text--compact--map: (\n\t\t\t\t'fontSize': 16px,\n\t\t\t\t'lineHeight': 24px,\n\t\t\t\t'fontFamily': Arial,\n\t\t\t\t'fontWeight': 500,\n\t\t\t);\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n\t\t\t%font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t%font-text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t%font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t%font-text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-            less: common_tags_1.stripIndent(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n\t\t\t.font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.font-text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\t.font-text--regular {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t.font-text--compact {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n\t\t\tfont-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\tfont-text--compact() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"], ["\n\t\t\tfont-text--regular() {\n\t\t\t\tfont-size: 15px;\n\t\t\t\tline-height: 20px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\tfont-text--compact() {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 24px;\n\t\t\t\tfont-family: Arial;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile onlyColors',
-        mode: 'onlyColors',
-        descriptionTheme: {
-            sizeBasePadding: {
-                regular: 20,
-            },
-            colorBackground: {
-                normal: '#FFF',
-                hover: '#AAA',
-                active: '#CCC',
-            },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t}\n\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n\t\t\t\t$color-background: #FFF;\n\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t$color-background--active: #CCC;\n\t\t\t"], ["\n\t\t\t\t$color-background: #FFF;\n\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t$color-background--active: #CCC;\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
-            less: common_tags_1.stripIndent(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n\t\t\t\t@color-background: #FFF;\n\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t@color-background--active: #CCC;\n\t\t\t"], ["\n\t\t\t\t@color-background: #FFF;\n\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t@color-background--active: #CCC;\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n\t\t\t\t$color-background = #FFF;\n\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t$color-background--active = #CCC;\n\t\t\t"], ["\n\t\t\t\t$color-background = #FFF;\n\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t$color-background--active = #CCC;\n\t\t\t"]))),
-        },
-    },
-    {
-        name: 'should compile noSizes',
-        mode: 'noSizes',
-        descriptionTheme: {
-            sizeBasePadding: {
-                regular: 20,
-            },
-            colorBackground: {
-                normal: '#FFF',
-                hover: '#AAA',
-                active: '#CCC',
-            },
-        },
-        result: {
-            css: common_tags_1.stripIndent(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t}\n\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t}\n\t\t\t"]))),
-            scss: common_tags_1.stripIndent(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n\t\t\t\t$color-background: #FFF;\n\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t$color-background--active: #CCC;\n\t\t\t"], ["\n\t\t\t\t$color-background: #FFF;\n\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t$color-background--active: #CCC;\n\t\t\t"]))),
-            pcss: common_tags_1.stripIndent(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
-            less: common_tags_1.stripIndent(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n\t\t\t\t@color-background: #FFF;\n\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t@color-background--active: #CCC;\n\t\t\t"], ["\n\t\t\t\t@color-background: #FFF;\n\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t@color-background--active: #CCC;\n\t\t\t"]))),
-            styl: common_tags_1.stripIndent(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n\t\t\t\t$color-background = #FFF;\n\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t$color-background--active = #CCC;\n\t\t\t"], ["\n\t\t\t\t$color-background = #FFF;\n\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t$color-background--active = #CCC;\n\t\t\t"]))),
-        },
-    },
-];
-describe('compileStyles', function () {
-    Object.values(tokenProcessors_1.EStyleTypes).forEach(function (format) {
-        describe(format, function () {
-            testData.forEach(function (_a) {
-                var name = _a.name, descriptionTheme = _a.descriptionTheme, result = _a.result, mode = _a.mode;
-                it(name, function () {
-                    expect(compileStyles_1.compileStyles(format, descriptionTheme, mode)).toBe(result[format]);
-                });
-            });
+            result: {
+                css: common_tags_1.stripIndent(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t\t--vkui--font_text--font_size--compact: 16px;\n\t\t\t\t\t--vkui--font_text--line_height--compact: 24px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text {\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact, 16px);\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--compact, 24px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t--vkui--font_text--font_size--regular: 15px;\n\t\t\t\t\t--vkui--font_text--line_height--regular: 20px;\n\t\t\t\t\t--vkui--font_text--font_family--regular: Arial;\n\t\t\t\t\t--vkui--font_text--font_weight--regular: 500;\n\t\t\t\t\t--vkui--font_text--font_size--compact: 16px;\n\t\t\t\t\t--vkui--font_text--line_height--compact: 24px;\n\t\t\t\t}\n\n\t\t\t\t.vkui--font_text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--regular, 15px);\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--regular, 20px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text {\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size);\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height);\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family);\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight);\n\t\t\t\t}\n\t\t\t\t.vkui--font_text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tfont-size: var(--vkui--font_text--font_size--compact, 16px);\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tline-height: var(--vkui--font_text--line_height--compact, 24px);\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-family: var(--vkui--font_text--font_family--regular, Arial);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tfont-weight: var(--vkui--font_text--font_weight--regular, 500);\n\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t@mixin font-text--compact() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t$font-text--compact--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 24px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t"], ["\n\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t$colors-scheme: light;\n\n\n\t\t\t\t@mixin font-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t@mixin font-text--compact() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t$font-text--regular--map: (\n\t\t\t\t\t'fontSize': 15px,\n\t\t\t\t\t'lineHeight': 20px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t$font-text--compact--map: (\n\t\t\t\t\t'fontSize': 16px,\n\t\t\t\t\t'lineHeight': 24px,\n\t\t\t\t\t'fontFamily': Arial,\n\t\t\t\t\t'fontWeight': 500,\n\t\t\t\t);\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t%font-text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t}\n\n\t\t\t\t%font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t%font-text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+                less: common_tags_1.stripIndent(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t.font-text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t@colors-scheme: light;\n\n\n\t\t\t\t.font-text--regular {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t.font-text--compact {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\tfont-text--compact() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t$colors-scheme = light;\n\n\n\t\t\t\tfont-text--regular() {\n\t\t\t\t\tfont-size: 15px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\tfont-text--compact() {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 24px;\n\t\t\t\t\tfont-family: Arial;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t}\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile onlyColors', function (f) {
+        runTest(f, {
+            mode: 'onlyColors',
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                sizeBasePadding: {
+                    regular: 20,
+                },
+                colorBackground: {
+                    normal: '#FFF',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
+                less: common_tags_1.stripIndent(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile noSizes', function (f) {
+        runTest(f, {
+            mode: 'noSizes',
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                sizeBasePadding: {
+                    regular: 20,
+                },
+                colorBackground: {
+                    normal: '#FFF',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t\t--vkui--colors_scheme: light;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$colors-scheme: light;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$colors-scheme: light;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--colors-scheme: light;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
+                less: common_tags_1.stripIndent(templateObject_49 || (templateObject_49 = __makeTemplateObject(["\n\t\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t\t@colors-scheme: light;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t\t@colors-scheme: light;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_50 || (templateObject_50 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t\t$colors-scheme = light;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t\t$colors-scheme = light;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: should compile noColors', function (f) {
+        runTest(f, {
+            mode: 'noColors',
+            descriptionTheme: {
+                themeName: 'testTheme',
+                colorsScheme: 'light',
+                sizeBasePadding: {
+                    regular: '20px',
+                },
+                colorBackground: {
+                    normal: '#FFF',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_51 || (templateObject_51 = __makeTemplateObject(["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t\t--vkui--size_base_padding--regular: 20px;\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\t:root {\n\t\t\t\t\t\t--vkui--theme_name: 'testTheme';\n\t\t\t\t\t\t--vkui--size_base_padding--regular: 20px;\n\t\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_52 || (templateObject_52 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$size-base-padding--regular: 20px;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name: 'testTheme';\n\t\t\t\t\t$size-base-padding--regular: 20px;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_53 || (templateObject_53 = __makeTemplateObject(["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--size-base-padding--regular: 20px;\n\t\t\t\t}"], ["\n\t\t\t\t:root {\n\t\t\t\t\t--theme-name: 'testTheme';\n\t\t\t\t\t--size-base-padding--regular: 20px;\n\t\t\t\t}"]))),
+                less: common_tags_1.stripIndent(templateObject_54 || (templateObject_54 = __makeTemplateObject(["\n\t\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t\t@size-base-padding--regular: 20px;\n\t\t\t\t"], ["\n\t\t\t\t\t@theme-name: 'testTheme';\n\t\t\t\t\t@size-base-padding--regular: 20px;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_55 || (templateObject_55 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t\t$size-base-padding--regular = 20px;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name = 'testTheme';\n\t\t\t\t\t$size-base-padding--regular = 20px;\n\t\t\t\t"]))),
+            },
+        });
+    });
+    test.each(formats)('%s: customized selector in onlyVariablesLocal', function (f) {
+        runTest(f, {
+            mode: 'onlyVariablesLocal',
+            descriptionTheme: {
+                themeName: 'vkIOSDark',
+                themeNameBase: 'vkIOS',
+                colorsScheme: 'dark',
+                colorBackground: {
+                    normal: '#FFF',
+                    hover: '#AAA',
+                    active: '#CCC',
+                },
+            },
+            result: {
+                css: common_tags_1.stripIndent(templateObject_56 || (templateObject_56 = __makeTemplateObject(["\n\t\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t\t--vkui--theme_name: 'vkIOSDark';\n\t\t\t\t\t\t--vkui--theme_name_base: 'vkIOS';\n\t\t\t\t\t\t--vkui--colors_scheme: dark;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t\t--vkui--theme_name: 'vkIOSDark';\n\t\t\t\t\t\t--vkui--theme_name_base: 'vkIOS';\n\t\t\t\t\t\t--vkui--colors_scheme: dark;\n\t\t\t\t\t\t--vkui--color_background: #FFF;\n\t\t\t\t\t\t--vkui--color_background--hover: #AAA;\n\t\t\t\t\t\t--vkui--color_background--active: #CCC;\n\t\t\t\t\t}\n\t\t\t\t"]))),
+                scss: common_tags_1.stripIndent(templateObject_57 || (templateObject_57 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name: 'vkIOSDark';\n\t\t\t\t\t$theme-name-base: 'vkIOS';\n\t\t\t\t\t$colors-scheme: dark;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name: 'vkIOSDark';\n\t\t\t\t\t$theme-name-base: 'vkIOS';\n\t\t\t\t\t$colors-scheme: dark;\n\t\t\t\t\t$color-background: #FFF;\n\t\t\t\t\t$color-background--hover: #AAA;\n\t\t\t\t\t$color-background--active: #CCC;\n\t\t\t\t"]))),
+                pcss: common_tags_1.stripIndent(templateObject_58 || (templateObject_58 = __makeTemplateObject(["\n\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t--theme-name: 'vkIOSDark';\n\t\t\t\t\t--theme-name-base: 'vkIOS';\n\t\t\t\t\t--colors-scheme: dark;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"], ["\n\t\t\t\t.vkui--vkIOS--dark {\n\t\t\t\t\t--theme-name: 'vkIOSDark';\n\t\t\t\t\t--theme-name-base: 'vkIOS';\n\t\t\t\t\t--colors-scheme: dark;\n\t\t\t\t\t--color-background: #FFF;\n\t\t\t\t\t--color-background--hover: #AAA;\n\t\t\t\t\t--color-background--active: #CCC;\n\t\t\t\t}"]))),
+                less: common_tags_1.stripIndent(templateObject_59 || (templateObject_59 = __makeTemplateObject(["\n\t\t\t\t\t@theme-name: 'vkIOSDark';\n\t\t\t\t\t@theme-name-base: 'vkIOS';\n\t\t\t\t\t@colors-scheme: dark;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t@theme-name: 'vkIOSDark';\n\t\t\t\t\t@theme-name-base: 'vkIOS';\n\t\t\t\t\t@colors-scheme: dark;\n\t\t\t\t\t@color-background: #FFF;\n\t\t\t\t\t@color-background--hover: #AAA;\n\t\t\t\t\t@color-background--active: #CCC;\n\t\t\t\t"]))),
+                styl: common_tags_1.stripIndent(templateObject_60 || (templateObject_60 = __makeTemplateObject(["\n\t\t\t\t\t$theme-name = 'vkIOSDark';\n\t\t\t\t\t$theme-name-base = 'vkIOS';\n\t\t\t\t\t$colors-scheme = dark;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"], ["\n\t\t\t\t\t$theme-name = 'vkIOSDark';\n\t\t\t\t\t$theme-name-base = 'vkIOS';\n\t\t\t\t\t$colors-scheme = dark;\n\t\t\t\t\t$color-background = #FFF;\n\t\t\t\t\t$color-background--hover = #AAA;\n\t\t\t\t\t$color-background--active = #CCC;\n\t\t\t\t"]))),
+            },
         });
     });
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48, templateObject_49, templateObject_50, templateObject_51, templateObject_52, templateObject_53, templateObject_54, templateObject_55, templateObject_56, templateObject_57, templateObject_58, templateObject_59, templateObject_60;