devextreme-themebuilder 24.2.6 → 25.1.1-alpha

package/data/scss/widgets/material/stepper/_index.scss

@@ -0,0 +1,40 @@
+@use "../../base/stepper";
+@use "colors" as *;
+@use "../colors" as *;
+@use "sizes" as *;
+@use "../sizes" as *;
+@use "../../base/stepper/mixins" as *;
+
+// adduse
+
+@include stepper(
+  $stepper-margin,
+);
+@include connector(
+  $stepper-connector-bg,
+  $stepper-connector-value-bg,
+  $stepper-connector-margin-start,
+);
+@include step(
+  $stepper-step-min-size,
+  $stepper-step-indicator-size,
+  $stepper-step-indicator-size,
+  $stepper-step-content-row-gap,
+  $stepper-step-content-column-gap,
+  $stepper-step-optional-mark-font-size,
+);
+@include step-states(
+  $stepper-step-bg,
+  $stepper-step-hover-bg,
+  $stepper-step-color-selected,
+  $stepper-step-selected-bg,
+  $stepper-step-selected-hover-bg,
+  $stepper-step-border-color,
+  $stepper-step-hover-border-color,
+  $stepper-step-focused-border-color,
+  $stepper-step-selected-border-color,
+  $stepper-step-invalid-bg,
+  $stepper-step-invalid-hover-bg,
+  $stepper-step-disabled-text-color,
+  $stepper-step-disabled-bg,
+);

package/data/scss/widgets/material/stepper/_sizes.scss

@@ -0,0 +1,32 @@
+@use "sass:math";
+@use "colors" as *;
+@use "../colors" as *;
+@use "../sizes" as *;
+@use "../typography/sizes" as *;
+
+// adduse
+
+$stepper-margin: null !default;
+$stepper-step-min-size: null !default;
+$stepper-step-indicator-size: null !default;
+$stepper-step-content-row-gap: null !default;
+$stepper-step-content-column-gap: null !default;
+$stepper-step-optional-mark-font-size: $material-xs-font-size !default;
+
+@if $size == "default" {
+  $stepper-margin: 12px !default;
+  $stepper-step-min-size: 48px !default;
+  $stepper-step-indicator-size: 32px !default;
+  $stepper-step-content-row-gap: 8px !default;
+  $stepper-step-content-column-gap: 12px !default;
+}
+
+@else if $size == "compact" {
+  $stepper-margin: 8px !default;
+  $stepper-step-min-size: 40px !default;
+  $stepper-step-indicator-size: 24px !default;
+  $stepper-step-content-row-gap: 6px !default;
+  $stepper-step-content-column-gap: 8px !default;
+}
+
+$stepper-connector-margin-start: math.div($stepper-step-indicator-size - $material-base-border-width * 2, 2);

package/data/scss/widgets/material/tabPanel/_index.scss

@@ -27,41 +27,49 @@
 }
 
 .dx-tabpanel-tabs-position-top {
-  .dx-tabs {
-    border-bottom: 1px solid $base-border-color;
+  > .dx-tabpanel-tabs {
+    .dx-tabs {
+      border-bottom: 1px solid $base-border-color;
 
-    @at-root #{selector-append(".dx-empty-collection", &)} {
-      border-bottom: none;
+      @at-root #{selector-append(".dx-empty-collection", &)} {
+        border-bottom: none;
+      }
     }
   }
 }
 
 .dx-tabpanel-tabs-position-bottom {
-  .dx-tabs {
-    border-top: 1px solid $base-border-color;
+  > .dx-tabpanel-tabs {
+    .dx-tabs {
+      border-top: 1px solid $base-border-color;
 
-    @at-root #{selector-append(".dx-empty-collection", &)} {
-      border-top: none;
+      @at-root #{selector-append(".dx-empty-collection", &)} {
+        border-top: none;
+      }
     }
   }
 }
 
 .dx-tabpanel-tabs-position-left {
-  .dx-tabs {
-    border-right: 1px solid $base-border-color;
+  > .dx-tabpanel-tabs {
+    .dx-tabs {
+      border-right: 1px solid $base-border-color;
 
-    @at-root #{selector-append(".dx-empty-collection", &)} {
-      border-right: none;
+      @at-root #{selector-append(".dx-empty-collection", &)} {
+        border-right: none;
+      }
     }
   }
 }
 
 .dx-tabpanel-tabs-position-right {
-  .dx-tabs {
-    border-left: 1px solid $base-border-color;
+  > .dx-tabpanel-tabs {
+    .dx-tabs {
+      border-left: 1px solid $base-border-color;
 
-    @at-root #{selector-append(".dx-empty-collection", &)} {
-      border-left: none;
+      @at-root #{selector-append(".dx-empty-collection", &)} {
+        border-left: none;
+      }
     }
   }
 }

package/modules/bootstrap-extractor.js

@@ -49,7 +49,7 @@ class BootstrapExtractor {
     getRootVariablesSass() {
         return __awaiter(this, void 0, void 0, function* () {
             const result = [];
-            const path = require.resolve(`bootstrap/dist/css/bootstrap.css`);
+            const path = require.resolve('bootstrap/dist/css/bootstrap.css');
             const content = yield fs_1.promises.readFile(path, 'utf8');
             const rootVariables = new RegExp(':root(,.+?])? {.+?}', 's').exec(content)[0];
             const ruleRegex = /(--.+): (.+);/gm;

package/modules/compile-manager.js

@@ -18,7 +18,6 @@ const pre_compiler_1 = require("./pre-compiler");
 const bundle_resolver_1 = __importDefault(require("./bundle-resolver"));
 const post_compiler_1 = require("./post-compiler");
 const bootstrap_extractor_1 = __importDefault(require("./bootstrap-extractor"));
-// eslint-disable-next-line import/extensions
 const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
 class CompileManager {
     constructor() {

package/modules/compiler.js

@@ -33,7 +33,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const sass = __importStar(require("sass-embedded"));
-// eslint-disable-next-line import/extensions
 const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
 const parse_value_1 = require("./parse-value");
 const post_compiler_1 = require("./post-compiler");
@@ -55,7 +54,6 @@ class Compiler {
             }
             let compilerOptions = {
                 importers: [{
-                        // eslint-disable-next-line spellcheck/spell-checker
                         canonicalize: this.canonicalize,
                         load: this.load,
                     }],
@@ -76,7 +74,6 @@ class Compiler {
                     .catch((error) => reject(error));
             });
         });
-        // eslint-disable-next-line spellcheck/spell-checker
         this.canonicalize = (url) => (url.includes('tb_index') ? new URL(`db:${url}`) : null);
         this.load = () => ({
             contents: this.indexFileContent,

package/modules/logger.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.log = void 0;
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
 /* eslint no-console: 0 */
 function log(message, data = undefined) {
     const debugEnvVariableName = 'THEMEBUILDER_DEBUG';

package/modules/parse-value.js

@@ -73,6 +73,7 @@ const parseString = (str) => {
                 },
             },
         });
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
     }
     catch (e) {
         // debugger;

package/modules/post-compiler.js

@@ -17,7 +17,6 @@ const clean_css_1 = __importDefault(require("clean-css"));
 const autoprefixer_1 = __importDefault(require("autoprefixer"));
 const postcss_1 = __importDefault(require("postcss"));
 const clean_css_options_json_1 = __importDefault(require("../data/clean-css-options.json"));
-// eslint-disable-next-line import/extensions
 const dx_theme_builder_metadata_1 = require("../data/metadata/dx-theme-builder-metadata");
 function addBasePath(css, basePath) {
     const normalizedPath = `${basePath.replace(/[/\\]$/, '')}/`;
@@ -56,6 +55,7 @@ function autoPrefix(css) {
     });
 }
 exports.autoPrefix = autoPrefix;
+// eslint-disable-next-line @stylistic/max-len
 function fixSwatchCss(css, swatchClass, colorScheme) {
     let result = css.toString();
     const escapedSelector = swatchClass.replace('.', '\\.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "24.2.6",
+  "version": "25.1.1-alpha",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",
@@ -27,10 +27,14 @@
     "@types/filing-cabinet": "2.5.3",
     "@types/fs-extra": "11.0.4",
     "@types/node": "20.11.17",
-    "eslint": "8.56.0",
+    "@typescript-eslint/eslint-plugin": "8.23.0",
+    "@typescript-eslint/parser": "8.23.0",
+    "eslint": "9.18.0",
     "eslint-config-airbnb-base": "15.0.0",
-    "eslint-config-airbnb-typescript": "17.1.0",
+    "eslint-config-airbnb-typescript": "18.0.0",
     "eslint-config-devextreme": "1.1.5",
+    "eslint-plugin-import": "2.31.0",
+    "eslint-plugin-no-only-tests": "3.3.0",
     "express": "4.21.1",
     "filing-cabinet": "4.1.6",
     "fs-extra": "11.2.0",