devextreme-themebuilder 25.1.10 → 25.1.12

package/data/metadata/dx-theme-builder-metadata.js

@@ -4965,7 +4965,7 @@ exports.metadata = {
         }
     ]
 };
-exports.version = '25.1.10';
+exports.version = '25.1.12';
 exports.browsersList = [
     'last 2 Chrome versions',
     'last 2 Firefox versions',

package/data/scss/widgets/base/_dateBox.scss

@@ -40,6 +40,10 @@
 }
 
 .dx-datebox-wrapper {
+  > .dx-overlay-content:first-child {
+    overflow: visible;
+  }
+
   .dx-popup-content {
     padding-top: 20px;
     padding-bottom: 20px;

package/data/scss/widgets/base/_form.scss

@@ -80,7 +80,7 @@
     .dx-field-item-content {
       vertical-align: top;
 
-      // TODO: form layout manager should not contains settings with checkbox/switch classes
+      // TODO: form layout manager should not contain settings with checkbox/switch classes
       .dx-checkbox,
       .dx-switch {
         margin-top: 7px;
@@ -91,6 +91,7 @@
     .dx-field-item-content,
     .dx-field-item-content-wrapper {
       width: 100%;
+      min-width: 0;
     }
   }
 

package/data/scss/widgets/base/_menuBase.scss

@@ -21,12 +21,6 @@
     list-style-type: none;
     display: inline-block;
     white-space: nowrap;
-    cursor: pointer;
-  }
-
-  .dx-state-disabled,
-  &.dx-state-disabled .dx-menu-items-container {
-    cursor: default;
   }
 
   .dx-menu-item {
@@ -34,6 +28,7 @@
     position: relative;
     height: 100%;
     width: 100%;
+    cursor: pointer;
 
     .dx-menu-item-content {
       white-space: nowrap;
@@ -80,6 +75,7 @@
 
     .dx-submenu {
       box-sizing: content-box;
+      cursor: default;
     }
   }
 
@@ -106,3 +102,10 @@
     }
   }
 }
+
+.dx-state-disabled {
+  &.dx-menu-item,
+  .dx-menu-item {
+    cursor: default;
+  }
+}

package/data/scss/widgets/base/dataGrid/layout/cell.scss

@@ -102,20 +102,19 @@ $datagrid-focused-border-color: null !default;
   border-left: none;
 }
 
-// (0,7,1)
-.dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header {
+// (0,6,1)
+.dx-widget:not(.dx-rtl) > .dx-gridbase-container .dx-datagrid-table .dx-row > td.dx-datagrid-first-cell {
   border-left: none;
 }
 
-// RTL
-
-// (0,4,1)
-.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
-  border-right: none;
-  border-left: $datagrid-border;
+// (0,7,1)
+.dx-widget:not(.dx-rtl) > .dx-gridbase-container .dx-datagrid-table .dx-row > td.dx-datagrid-first-cell.dx-datagrid-sticky-column-border-left {
+  border-left: 2px solid;
   border-left-color: $datagrid-border-color;
 }
 
+// RTL
+
 // (0,4,1)
 .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
   border-left: none;
@@ -126,6 +125,13 @@ $datagrid-focused-border-color: null !default;
   border-left: none;
 }
 
+// (0,5,1)
+.dx-rtl .dx-datagrid .dx-column-lines > td:first-child:not(.dx-datagrid-hidden-column) {
+  border-right: none;
+  border-left: $datagrid-border;
+  border-left-color: $datagrid-border-color;
+}
+
 // (0,5,1)
 .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
 .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
@@ -165,6 +171,7 @@ $datagrid-focused-border-color: null !default;
 // (0,6,1)
 .dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-column-lines:not(.dx-datagrid-group-footer) > td:first-child {
   border-right: none;
+  border-left: none;
 }
 
 // (0,6,1)
@@ -192,24 +199,24 @@ $datagrid-focused-border-color: null !default;
   border-left-color: $datagrid-border-color;
 }
 
+// (0,6,1)
+.dx-rtl > .dx-gridbase-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-first-cell {
+  border-right: none;
+}
+
 // (0,7,0)
 .dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border {
   border-right: none;
 }
 
-// (0,8,0)
-.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border.dx-datagrid-sticky-column-border-left {
+// (0,7,1)
+.dx-rtl > .dx-gridbase-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-first-cell.dx-datagrid-sticky-column-border-left {
   border-left: 2px solid;
   border-left-color: $datagrid-border-color;
 }
 
-// (0,8,1)
-.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header {
-  border-right: none;
-}
-
-// (0,9,1)
-.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row.dx-column-lines > td.dx-datagrid-first-header.dx-datagrid-sticky-column-border-left {
+// (0,8,0)
+.dx-rtl .dx-datagrid .dx-datagrid-sticky-columns .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-column-no-border.dx-datagrid-sticky-column-border-left {
   border-left: 2px solid;
   border-left-color: $datagrid-border-color;
 }

package/data/scss/widgets/base/treeList/layout/cell.scss

@@ -85,20 +85,19 @@ $treelist-focused-border-color: null !default;
   border-left: none;
 }
 
-// (0,7,1)
-.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
+// (0,6,1)
+.dx-treelist:not(.dx-rtl) > .dx-gridbase-container .dx-treelist-table .dx-row > td.dx-treelist-first-cell {
   border-left: none;
 }
 
-// RTL
-
-// (0,4,1)
-.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
-  border-right: none;
-  border-left: $treelist-border;
+// (0,7,1)
+.dx-treelist:not(.dx-rtl) > .dx-gridbase-container .dx-treelist-table .dx-row > td.dx-treelist-first-cell.dx-treelist-sticky-column-border-left {
+  border-left: 2px solid;
   border-left-color: $treelist-border-color;
 }
 
+// RTL
+
 // (0,4,1)
 .dx-rtl.dx-treelist .dx-column-lines > td:last-child {
   border-left: none;
@@ -111,6 +110,13 @@ $treelist-focused-border-color: null !default;
   border-right-color: $treelist-border-color;
 }
 
+// (0,5,1)
+.dx-rtl.dx-treelist .dx-column-lines > td:first-child:not(.dx-datagrid-hidden-column) {
+  border-right: none;
+  border-left: $treelist-border;
+  border-left-color: $treelist-border-color;
+}
+
 // (0,5,1)
 .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
 .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none,
@@ -126,6 +132,7 @@ $treelist-focused-border-color: null !default;
 // (0,5,1)
 .dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-column-lines > td:first-child {
   border-right: none;
+  border-left: none;
 }
 
 // (0,5,1)
@@ -153,24 +160,24 @@ $treelist-focused-border-color: null !default;
   border-left: none;
 }
 
+// (0,6,1)
+.dx-rtl > .dx-gridbase-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-first-cell {
+  border-right: none;
+}
+
 // (0,7,0)
 .dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border {
   border-right: none;
 }
 
-// (0,8,0)
-.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border.dx-treelist-sticky-column-border-left {
+// (0,7,1)
+.dx-rtl > .dx-gridbase-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-first-cell.dx-treelist-sticky-column-border-left {
   border-left: 2px solid;
   border-left-color: $treelist-border-color;
 }
 
-// (0,8,1)
-.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header {
-  border-right: none;
-}
-
-// (0,9,1)
-.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row.dx-column-lines > td.dx-treelist-first-header.dx-treelist-sticky-column-border-left {
+// (0,8,0)
+.dx-rtl.dx-treelist .dx-treelist-sticky-columns .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-column-no-border.dx-treelist-sticky-column-border-left {
   border-left: 2px solid;
   border-left-color: $treelist-border-color;
 }

package/data/scss/widgets/base/treeView/_index.scss

@@ -12,6 +12,7 @@
     @include dx-icon($collapse-icon-name);
 
     display: flex;
+    flex-shrink: 0;
     align-items: center;
     justify-content: center;
     font-size: $font-size;

package/data/scss/widgets/fluent/gridBase/layout/cell.scss

@@ -128,12 +128,6 @@
     border-bottom-color: $datagrid-row-focused-bg;
   }
 
-  // (0,4,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row .dx-row.dx-header-row > td {
-    border-right: 1px solid;
-    border-right-color: $fluent-grid-base-border-color;
-  }
-
   // (0,4,1)
   .dx-#{$widget-name}-rowsview .dx-row.dx-edit-row:first-child > td {
     border-top-width: 0;
@@ -180,19 +174,16 @@
   }
 
   // (0,7,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td {
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
     border-left: 1px solid;
-    border-left-color: $fluent-grid-base-border-color;
-  }
-
-  // (0,8,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td:first-child {
-    border-left: none;
-  }
-
-  // (0,8,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td:last-child {
-    border-right: none;
+    border-left-color: $datagrid-border-color;
   }
 
   // (0,10,1)
@@ -219,6 +210,19 @@
     border-left-color: $datagrid-row-selected-border-color;
   }
 
+  // (0,6,1)
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
+    border-right: 1px solid;
+    border-right-color: $datagrid-border-color;
+  }
+
   // (0,6,1) - (0,7,2)
   .dx-rtl .dx-#{$widget-name}-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-#{$widget-name}-group-space,
   .dx-rtl .dx-#{$widget-name}-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-#{$widget-name}-group-space,

package/data/scss/widgets/generic/gridBase/layout/cell.scss

@@ -224,6 +224,19 @@
     border-color: $datagrid-row-invalid-border-color;
   }
 
+  // (0,7,1)
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
+    border-left: 1px solid;
+    border-left-color: $datagrid-border-color;
+  }
+
   // (0,10,1)
   .dx-#{$widget-name}-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-#{$widget-name}-group-space {
     border-right-color: $datagrid-hover-bg;
@@ -278,6 +291,19 @@
     border-left-color: $datagrid-row-selected-border-color;
   }
 
+  // (0,6,1)
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
+    border-right: 1px solid;
+    border-right-color: $datagrid-border-color;
+  }
+
   // #endregion
 
   // #region padding

package/data/scss/widgets/generic/treeList/_colors.scss

@@ -11,42 +11,41 @@ $treelist-selection-spin-icon-color: null !default;
 
 
 @if $color == "carmine" {
-  $treelist-spin-icon-color: $base-icon-color !default;
-  $treelist-selection-spin-icon-color: lighten($base-icon-color, 100%) !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
+  $treelist-selection-spin-icon-color: lighten($datagrid-spin-icon-color, 100%) !default;
 }
 
 @if $color == "contrast" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-inverted-text-color !default;
 }
 
 @if $color == "dark" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color!default;
   $treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;
 }
 
 @if $color == "darkmoon" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-bg !default;
 }
 
 @if $color == "darkviolet" {
-  $treelist-spin-icon-color: $base-header-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-icon-color !default;
 }
 
 @if $color == "greenmist" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: lighten($treelist-spin-icon-color, 100%) !default;
 }
 
 @if $color == "light" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $treelist-spin-icon-color !default;
 }
 
 @if $color == "softblue" {
-  $treelist-spin-icon-color: $base-icon-color !default;
+  $treelist-spin-icon-color: $datagrid-spin-icon-color !default;
   $treelist-selection-spin-icon-color: $base-icon-color !default;
 }
-

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

@@ -34,10 +34,6 @@
       width: auto;
     }
   }
-
-  > .dx-overlay-content:first-child {
-    overflow: visible;
-  }
 }
 
 .dx-datebox-datetime-time-side {

package/data/scss/widgets/material/gridBase/layout/cell.scss

@@ -164,26 +164,17 @@
     border-bottom-color: $datagrid-row-selected-border-color;
   }
 
-  // (0,5,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row .dx-row.dx-header-row > td {
-    border-right: 1px solid;
-    border-right-color: $material-grid-base-border-color;
-  }
-
   // (0,7,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td {
+  .dx-widget:not(.dx-rtl) .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-left,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
     border-left: 1px solid;
-    border-left-color: $material-grid-base-border-color;
-  }
-
-  // (0,8,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td:first-child {
-    border-left: none;
-  }
-
-  // (0,8,1)
-  .dx-#{$widget-name}-headers.dx-header-multi-row:not(.dx-#{$widget-name}-sticky-columns) .dx-#{$widget-name}-content .dx-#{$widget-name}-table .dx-row.dx-header-row > td:last-child {
-    border-right: none;
+    border-left-color: $datagrid-border-color;
   }
 
   // sticky-columns border
@@ -235,6 +226,19 @@
     border-left-color: $datagrid-row-selected-border-color;
   }
 
+  // (0,6,1)
+  .dx-rtl .dx-#{$widget-name}-headers.dx-header-multi-row .dx-header-row:not(.dx-column-lines) > td:not(
+    .dx-#{$widget-name}-first-cell,
+    .dx-#{$widget-name}-hidden-column,
+    .dx-command-adaptive-hidden,
+    .dx-#{$widget-name}-sticky-column-border-right,
+    .dx-#{$widget-name}-column-no-border,
+    .dx-pointer-events-none
+  ) {
+    border-right: 1px solid;
+    border-right-color: $datagrid-border-color;
+  }
+
   // #endregion
 
   // #region padding

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "25.1.10",
+  "version": "25.1.12",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",
@@ -22,7 +22,7 @@
   "dependencies": {
     "autoprefixer": "^10.4.21",
     "clean-css": "^5.3.0",
-    "postcss": "^8.2.6",
+    "postcss": "^8.5.10",
     "sass-embedded": "1.66.0"
   },
   "devDependencies": {
@@ -31,13 +31,13 @@
     "@types/filing-cabinet": "2.5.3",
     "@types/fs-extra": "11.0.4",
     "@types/node": "20.11.17",
-    "@typescript-eslint/eslint-plugin": "8.23.0",
-    "@typescript-eslint/parser": "8.23.0",
+    "@typescript-eslint/eslint-plugin": "8.52.0",
+    "@typescript-eslint/parser": "8.52.0",
     "eslint": "9.18.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "18.0.0",
-    "eslint-config-devextreme": "1.1.5",
-    "eslint-plugin-import": "2.31.0",
+    "eslint-config-devextreme": "1.1.9",
+    "eslint-plugin-import": "2.32.0",
     "eslint-plugin-no-only-tests": "3.3.0",
     "express": "4.21.2",
     "filing-cabinet": "4.1.6",