devextreme-themebuilder 24.2.6 → 24.2.7-build-25095-1935

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

@@ -3387,7 +3387,7 @@ exports.metadata = {
         }
     ]
 };
-exports.version = '24.2.6';
+exports.version = '24.2.7-build-25095-1935';
 exports.browsersList = [
     'last 2 versions',
     'ios > 9',

package/data/scss/widgets/base/_gridBase.scss

@@ -532,7 +532,7 @@
         width: $grid-command-expand-column-width;
         min-width: $grid-command-expand-column-width;
         max-width: $grid-command-expand-column-width;
-        z-index: 1;
+        z-index: 3;
 
         @include user-select(none);
       }

package/data/scss/widgets/base/scheduler/views/_index.scss

@@ -491,11 +491,13 @@ $scheduler-month-date-text-padding: 6px;
 }
 
 .dx-scheduler-all-day-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   color: $scheduler-panel-text-color;
   width: $scheduler-left-column-width;
   height: $scheduler-all-day-table-cell-height;
   position: relative;
-  line-height: $scheduler-all-day-table-cell-height;
   text-align: center;
   border-bottom: 2px solid $scheduler-base-border-color;
 
@@ -507,12 +509,10 @@ $scheduler-month-date-text-padding: 6px;
 
   .dx-scheduler-work-space-all-day-collapsed & {
     height: $scheduler-collapsed-all-day-table-cell-height;
-    line-height: $scheduler-collapsed-all-day-table-cell-height;
   }
 
   .dx-scheduler-work-space-vertical-grouped & {
     height: $scheduler-vertical-grouped-all-day-table-cell-height;
-    line-height: $scheduler-vertical-grouped-all-day-table-cell-height;
   }
 }
 
@@ -712,7 +712,6 @@ $scheduler-month-date-text-padding: 6px;
     .dx-scheduler-all-day-title {
       top: 0;
       height: 50px !important; // stylelint-disable-line declaration-no-important
-      line-height: 50px !important; // stylelint-disable-line declaration-no-important
       border-bottom: none;
     }
   }

package/data/scss/widgets/fluent/common/_mixins.scss

@@ -95,10 +95,6 @@ $badge-invalid-bg: $base-invalid-color;
 
   .dx-list-items {
     margin-inline: $fluent-list-item-margin-inline;
-
-    .dx-list-select-checkbox {
-      margin-inline: $fluent-list-item-checkbox-margin-inline;
-    }
   }
 
   .dx-list-item,

package/data/scss/widgets/fluent/list/_index.scss

@@ -406,6 +406,7 @@ $fluent-list-item-border: $fluent-list-item-border-width solid $list-border-colo
     &.dx-list-select-checkbox-container,
     &.dx-list-select-radiobutton-container {
       display: flex;
+      flex-shrink: 0;
       width: $fluent-list-item-height;
       justify-content: center;
       align-items: center;

package/data/scss/widgets/fluent/list/_sizes.scss

@@ -4,7 +4,6 @@
 
 $fluent-list-vertical-padding: 4px !default;
 $fluent-list-item-margin-inline: 4px !default;
-$fluent-list-item-checkbox-margin-inline: null !default;
 $fluent-list-bottom-padding: 4px !default;
 $fluent-list-searchbox-margin-bottom: 4px !default;
 $fluent-list-item-height: null !default;
@@ -15,7 +14,6 @@ $fluent-list-group-header-vertical-padding: null !default;
 $fluent-list-next-button-horizontal-padding: null !default;
 
 @if $size == "default" {
-  $fluent-list-item-checkbox-margin-inline: 8px !default;
   $fluent-list-item-height: 32px !default;
   $fluent-list-item-vertical-padding: 6px !default;
   $fluent-list-item-horizontal-padding: 12px !default;
@@ -24,7 +22,6 @@ $fluent-list-next-button-horizontal-padding: null !default;
 }
 
 @else if $size == "compact" {
-  $fluent-list-item-checkbox-margin-inline: 4px !default;
   $fluent-list-item-height: 24px !default;
   $fluent-list-item-vertical-padding: 4px !default;
   $fluent-list-item-horizontal-padding: 8px !default;

package/data/scss/widgets/fluent/scheduler/_index.scss

@@ -116,25 +116,26 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
 }
 
 .dx-scheduler-all-day-title {
+  display: flex;
+  align-items: center;
+  justify-content: end;
   height: $fluent-scheduler-all-day-table-cell-height;
-  line-height: $fluent-scheduler-all-day-table-cell-height;
   font-size: $fluent-scheduler-all-day-title-font-size;
   border-bottom: baseScheduler.$scheduler-base-border;
   text-align: right;
   padding-right: $fluent-scheduler-agenda-time-panel-cell-padding;
-}
 
-.dx-scheduler-small {
-  .dx-scheduler-all-day-title {
+  .dx-rtl & {
+    justify-content: start;
+  }
+
+  .dx-scheduler-small & {
     font-size: $fluent-scheduler-all-day-title-font-size * 0.8;
     padding-right: 2px;
   }
-}
 
-.dx-scheduler-work-space-all-day-collapsed {
-  .dx-scheduler-all-day-title {
+  .dx-scheduler-work-space-all-day-collapsed & {
     height: $fluent-scheduler-collapsed-all-day-table-cell-height;
-    line-height: $fluent-scheduler-collapsed-all-day-table-cell-height;
   }
 }
 

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

@@ -24,41 +24,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/data/scss/widgets/generic/scheduler/_index.scss

@@ -83,14 +83,15 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
 }
 
 .dx-scheduler-all-day-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   height: $generic-scheduler-all-day-table-cell-height;
-  line-height: $generic-scheduler-all-day-table-cell-height;
   font-size: $generic-scheduler-all-day-title-font-size;
   font-weight: bold;
 
   .dx-scheduler-work-space-all-day-collapsed & {
     height: $generic-scheduler-collapsed-all-day-table-cell-height;
-    line-height: $generic-scheduler-collapsed-all-day-table-cell-height;
   }
 }
 

package/data/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss

@@ -13,8 +13,8 @@
 // adduse
 
 .dx-tabpanel-tabs-position-bottom {
-  .dx-tabpanel-tab {
-    &.dx-tab-selected {
+  > .dx-tabpanel-tabs {
+    .dx-tab-selected {
       @include dx-tabs-border-mixin(
         $generic-tabpanel-tab-border-transparent,
         null,

package/data/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss

@@ -13,8 +13,8 @@
 // adduse
 
 .dx-tabpanel-tabs-position-left {
-  .dx-tabpanel-tab {
-    &.dx-tab-selected {
+  > .dx-tabpanel-tabs {
+    .dx-tab-selected {
       @include dx-tabs-border-mixin(
         null,
         $generic-tabpanel-tab-border-transparent,

package/data/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss

@@ -13,8 +13,8 @@
 // adduse
 
 .dx-tabpanel-tabs-position-right {
-  .dx-tabpanel-tab {
-    &.dx-tab-selected {
+  > .dx-tabpanel-tabs {
+    .dx-tab-selected {
       @include dx-tabs-border-mixin(
         null,
         null,

package/data/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss

@@ -13,8 +13,8 @@
 // adduse
 
 .dx-tabpanel-tabs-position-top {
-  .dx-tabpanel-tab {
-    &.dx-tab-selected {
+  > .dx-tabpanel-tabs {
+    .dx-tab-selected {
       @include dx-tabs-border-mixin(
         null,
         null,

package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss

@@ -14,18 +14,20 @@
 
 
 .dx-tabpanel {
-  .dx-tabs-wrapper {
-    border: none;
+  > .dx-tabpanel-tabs {
+    .dx-tabs-wrapper {
+      border: none;
 
-    &::after {
-      top: 0;
-      bottom: 0;
+      &::after {
+        top: 0;
+        bottom: 0;
+      }
     }
-  }
 
-  .dx-tabs .dx-tabs-scrollable {
-    .dx-tabs-wrapper::after {
-      content: none;
+    .dx-tabs-scrollable {
+      .dx-tabs-wrapper::after {
+        content: none;
+      }
     }
   }
 

package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss

@@ -13,35 +13,39 @@
 // adduse
 
 .dx-tabpanel-tabs-position-bottom {
-  .dx-tabs-wrapper {
-    border-block-start: $generic-tabs-border;
-    border-block-end: $generic-tabs-border;
+  > .dx-tabpanel-tabs {
+    .dx-tabs-wrapper {
+      border-block-start: $generic-tabs-border;
+      border-block-end: $generic-tabs-border;
 
-    @include dx-tabs-border-mixin(
-      none,
-      $generic-tabs-border,
-      none,
-      $generic-tabs-border,
-    );
-  }
+      @include dx-tabs-border-mixin(
+        none,
+        $generic-tabs-border,
+        none,
+        $generic-tabs-border,
+      );
+    }
 
-  .dx-tabs .dx-tabs-scrollable {
-    @include dx-tabs-border-mixin(
-      none,
-      $generic-tabs-border-width solid,
-      none,
-      $generic-tabs-border-width solid,
-    );
+    .dx-tabs-scrollable {
+      @include dx-tabs-border-mixin(
+        none,
+        $generic-tabs-border-width solid,
+        none,
+        $generic-tabs-border-width solid,
+      );
 
-    &::after {
-      top: $generic-tabs-border-width;
-      bottom: 0;
+      &::after {
+        top: $generic-tabs-border-width;
+        bottom: 0;
+      }
     }
   }
 
   &:not(.dx-empty-collection) {
-    .dx-multiview-wrapper {
-      border-block-end: none;
+    > .dx-tabpanel-container {
+      > .dx-multiview-wrapper {
+        border-block-end: none;
+      }
     }
   }
 }

package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss

@@ -13,28 +13,32 @@
 // adduse
 
 .dx-tabpanel-tabs-position-left {
-  .dx-tabs-wrapper {
-    border-inline-start: $generic-tabs-border;
-    border-inline-end: $generic-tabs-border;
-  }
+  > .dx-tabpanel-tabs {
+    .dx-tabs-wrapper {
+      border-inline-start: $generic-tabs-border;
+      border-inline-end: $generic-tabs-border;
+    }
 
-  .dx-tabs .dx-tabs-scrollable {
-    @include dx-tabs-border-mixin(
-      $generic-tabs-border-width solid,
-      none,
-      $generic-tabs-border-width solid,
-      none,
-    );
+    .dx-tabs-scrollable {
+      @include dx-tabs-border-mixin(
+        $generic-tabs-border-width solid,
+        none,
+        $generic-tabs-border-width solid,
+        none,
+      );
 
-    &::after {
-      left: 0;
-      right: $generic-tabs-border-width;
+      &::after {
+        left: 0;
+        right: $generic-tabs-border-width;
+      }
     }
   }
 
   &:not(.dx-empty-collection) {
-    .dx-multiview-wrapper {
-      border-inline-start: none;
+    > .dx-tabpanel-container {
+      > .dx-multiview-wrapper {
+        border-inline-start: none;
+      }
     }
   }
 }

package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss

@@ -13,28 +13,32 @@
 // adduse
 
 .dx-tabpanel-tabs-position-right {
-  .dx-tabs-wrapper {
-    border-inline-start: $generic-tabs-border;
-    border-inline-end: $generic-tabs-border;
-  }
+  > .dx-tabpanel-tabs {
+    .dx-tabs-wrapper {
+      border-inline-start: $generic-tabs-border;
+      border-inline-end: $generic-tabs-border;
+    }
 
-  .dx-tabs .dx-tabs-scrollable {
-    @include dx-tabs-border-mixin(
-      $generic-tabs-border-width solid,
-      none,
-      $generic-tabs-border-width solid,
-      none,
-    );
+    .dx-tabs-scrollable {
+      @include dx-tabs-border-mixin(
+        $generic-tabs-border-width solid,
+        none,
+        $generic-tabs-border-width solid,
+        none,
+      );
 
-    &::after {
-      right: 0;
-      left: $generic-tabs-border-width;
+      &::after {
+        right: 0;
+        left: $generic-tabs-border-width;
+      }
     }
   }
 
   &:not(.dx-empty-collection) {
-    .dx-multiview-wrapper {
-      border-inline-end: none;
+    > .dx-tabpanel-container {
+      > .dx-multiview-wrapper {
+        border-inline-end: none;
+      }
     }
   }
 }

package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss

@@ -13,35 +13,39 @@
 // adduse
 
 .dx-tabpanel-tabs-position-top {
-  .dx-tabs-wrapper {
-    border-block-start: $generic-tabs-border;
-    border-block-end: $generic-tabs-border;
+  > .dx-tabpanel-tabs {
+    .dx-tabs-wrapper {
+      border-block-start: $generic-tabs-border;
+      border-block-end: $generic-tabs-border;
 
-    @include dx-tabs-border-mixin(
-      none,
-      $generic-tabs-border,
-      none,
-      $generic-tabs-border,
-    );
-  }
+      @include dx-tabs-border-mixin(
+        none,
+        $generic-tabs-border,
+        none,
+        $generic-tabs-border,
+      );
+    }
 
-  .dx-tabs .dx-tabs-scrollable {
-    @include dx-tabs-border-mixin(
-      none,
-      $generic-tabs-border-width solid,
-      none,
-      $generic-tabs-border-width solid,
-    );
+    .dx-tabs-scrollable {
+      @include dx-tabs-border-mixin(
+        none,
+        $generic-tabs-border-width solid,
+        none,
+        $generic-tabs-border-width solid,
+      );
 
-    &::after {
-      top: 0;
-      bottom: $generic-tabs-border-width;
+      &::after {
+        top: 0;
+        bottom: $generic-tabs-border-width;
+      }
     }
   }
 
   &:not(.dx-empty-collection) {
-    .dx-multiview-wrapper {
-      border-block-start: none;
+    > .dx-tabpanel-container {
+      > .dx-multiview-wrapper {
+        border-block-start: none;
+      }
     }
   }
 }

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

@@ -105,8 +105,10 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
 }
 
 .dx-scheduler-all-day-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   height: $material-scheduler-all-day-table-cell-height;
-  line-height: $material-scheduler-all-day-table-cell-height;
   font-size: $material-scheduler-all-day-title-font-size;
   border-bottom: baseScheduler.$scheduler-base-border;
 
@@ -116,7 +118,6 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
 
   .dx-scheduler-work-space-all-day-collapsed & {
     height: $material-scheduler-collapsed-all-day-table-cell-height;
-    line-height: $material-scheduler-collapsed-all-day-table-cell-height;
   }
 }
 

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "24.2.6",
+  "version": "24.2.7-build-25095-1935",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",