devextreme-themebuilder 25.1.1-alpha → 25.1.3

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

@@ -8,12 +8,14 @@
 // adduse
 
 @include stepper(
-  $stepper-margin,
+  $stepper-padding,
 );
 @include connector(
   $stepper-connector-bg,
   $stepper-connector-value-bg,
-  $stepper-connector-margin-start,
+  $stepper-connector-size,
+  $stepper-connector-padding,
+  $stepper-connector-thickness,
 );
 @include step(
   $stepper-step-min-size,
@@ -22,19 +24,32 @@
   $stepper-step-content-row-gap,
   $stepper-step-content-column-gap,
   $stepper-step-optional-mark-font-size,
+  $stepper-step-icon-size,
+  $stepper-step-transition-duration,
 );
 @include step-states(
-  $stepper-step-bg,
-  $stepper-step-hover-bg,
-  $stepper-step-color-selected,
+  $stepper-step-shadow-color,
+  $stepper-step-base-bg,
+  $stepper-step-base-hover-bg,
+  $stepper-step-base-border-color,
+  $stepper-step-base-hover-border-color,
+  $stepper-step-base-text-color,
+  $stepper-step-base-label-color,
   $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-selected-text-color,
+  $stepper-step-selected-label-color,
+  $stepper-step-selected-font-weight,
   $stepper-step-invalid-bg,
   $stepper-step-invalid-hover-bg,
+  $stepper-step-invalid-border-color,
+  $stepper-step-invalid-hover-border-color,
+  $stepper-step-invalid-text-color,
+  $stepper-step-invalid-hover-text-color,
+  $stepper-step-invalid-label-color,
+  $stepper-step-invalid-selected-bg,
+  $stepper-step-invalid-selected-hover-bg,
   $stepper-step-disabled-text-color,
   $stepper-step-disabled-bg,
+  $stepper-step-disabled-shadow,
 );

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

@@ -1,4 +1,3 @@
-@use "sass:math";
 @use "colors" as *;
 @use "../colors" as *;
 @use "../sizes" as *;
@@ -6,27 +5,33 @@
 
 // adduse
 
-$stepper-margin: null !default;
+$stepper-padding: 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: $generic-xs-font-size !default;
+$stepper-step-icon-size: $generic-base-icon-size !default;
+
+$stepper-step-selected-font-weight: 400 !default;
+$stepper-step-transition-duration: .2s !default;
 
 @if $size == "default" {
-  $stepper-margin: 12px !default;
-  $stepper-step-min-size: 48px !default;
-  $stepper-step-indicator-size: 32px !default;
+  $stepper-padding: 12px !default;
+  $stepper-step-min-size: 52px !default;
+  $stepper-step-indicator-size: 36px !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-padding: 8px !default;
+  $stepper-step-min-size: 42px !default;
+  $stepper-step-indicator-size: 26px !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 - $generic-base-border-width * 2, 2);
+$stepper-connector-thickness: 1px !default;
+$stepper-connector-size: $stepper-step-indicator-size !default;
+$stepper-connector-padding: $stepper-padding !default;

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

@@ -21,4 +21,13 @@
 @use "layout/tab-panel/position-bottom" as *;
 @use "layout/tab-panel/position-left" as *;
 
+
 // adduse
+
+.dx-tabpanel {
+  .dx-tabs-vertical {
+    .dx-tabpanel-tab {
+      flex-basis: unset;
+    }
+  }
+}

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

@@ -24,13 +24,13 @@
   }
 }
 
-.dx-tabpanel-tabs .dx-tabs:not(.dx-tabs-vertical) {
+.dx-tabpanel-tabs .dx-tabs.dx-tabs-horizontal {
   .dx-tabpanel-tab {
     max-width: $generic-tabpanel-tabs-item-width;
   }
 }
 
-.dx-tabs-nav-buttons:not(.dx-tabs-vertical) {
+.dx-tabs-nav-buttons.dx-tabs-horizontal {
   .dx-tabpanel-tab {
     width: $generic-tabpanel-tabs-item-width;
     max-width: unset;

package/data/scss/widgets/generic/toolbar/_index.scss

@@ -84,7 +84,6 @@
 .dx-toolbar-button {
   .dx-menu {
     .dx-menu-item {
-      border: $generic-button-border-weight solid transparent;
       border-radius: $button-border-radius;
 
       .dx-menu-item-content {

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

@@ -13,6 +13,7 @@
 @use "./validation";
 @use "./textBox";
 @use "./dropDownBox";
+@use "./informer";
 @use "./list";
 @use "./textArea";
 @use "./numberBox";
@@ -61,3 +62,4 @@
 @use "./sortable";
 @use "./deferRendering";
 @use "./map";
+@use "./cardView";