devextreme-themebuilder 23.1.2-beta → 23.1.3

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

@@ -14,13 +14,13 @@ $calendar-cell-hover-color: null !default;
 $calendar-cell-selected-bg: null !default;
 $calendar-cell-selected-color: $base-inverted-text-color !default;
 $calendar-cell-active-bg: null !default;
-$calendar-navigator-border-radius: null !default;
 $calendar-cell-contoured-border-color: null !default;
 $calendar-cell-contoured-border-radius: $base-border-radius !default;
 $calendar-invalid-focused-border-color: $base-invalid-color !default;
 $calendar-invalid-faded-border-color: $base-invalid-faded-border-color !default;
 $calendar-week-number-cell-color: color.change($calendar-color, $alpha: 0.56) !default;
 $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5) !default;
+$calendar-cell-hover-border-color: color.change($base-accent, $alpha: 0.6) !default;
 
 @if $color == "carmine" {
   $calendar-cell-other-color: color.change($calendar-color, $alpha: 0.38) !default;
@@ -29,7 +29,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -40,7 +39,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-other-hover-color: $base-text-color !default;
   $calendar-cell-selected-bg: $base-inverted-bg !default;
   $calendar-cell-active-bg: $base-accent !default;
-  $calendar-navigator-border-radius: $base-border-radius !default;
   $calendar-cell-contoured-border-color: $base-border-color !default;
 }
 
@@ -51,7 +49,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -62,7 +59,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -73,7 +69,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -84,7 +79,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -95,7 +89,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 
@@ -106,7 +99,6 @@ $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5)
   $calendar-cell-hover-color: $calendar-color !default;
   $calendar-cell-selected-bg: $base-accent !default;
   $calendar-cell-active-bg: color.change($base-accent, $alpha: 0.4) !default;
-  $calendar-navigator-border-radius: $button-border-radius !default;
   $calendar-cell-contoured-border-color: color.change($base-accent, $alpha: 0.5) !default;
 }
 

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

@@ -20,24 +20,21 @@
 );
 
 .dx-calendar-navigator {
-  .dx-button {
-    border-radius: 0;
-  }
-
   .dx-calendar-caption-button {
     font-weight: 600;
+    border-radius: 0;
   }
 
   .dx-calendar-navigator-previous-view {
-    margin-right: -1px;
-    border-top-left-radius: $calendar-navigator-border-radius;
-    border-bottom-left-radius: $calendar-navigator-border-radius;
+    margin-inline-end: -1px;
+    border-start-end-radius: 0;
+    border-end-end-radius: 0;
   }
 
   .dx-calendar-navigator-next-view {
-    margin-left: -1px;
-    border-top-right-radius: $calendar-navigator-border-radius;
-    border-bottom-right-radius: $calendar-navigator-border-radius;
+    margin-inline-start: -1px;
+    border-end-start-radius: 0;
+    border-start-start-radius: 0;
   }
 }
 
@@ -62,4 +59,23 @@
   $calendar-cell-contoured-border-color,
   $calendar-cell-other-color,
   $calendar-cell-other-hover-color,
+  $calendar-cell-hover-border-color,
+  $base-border-radius,
+);
+@include dx-calendar-cell-in-range-mixin(
+  "::before",
+  $calendar-hover-bg,
+  $calendar-cell-hover-border-color,
+  $base-border-radius,
+  0,
+);
+@include dx-calendar-cell-in-range-mixin(
+  "::after",
+  inherit,
+  $calendar-cell-hover-border-color,
+  $base-border-radius,
+  1px,
+  '.dx-calendar-cell-range-hover',
+  '.dx-calendar-cell-range-hover-start',
+  '.dx-calendar-cell-range-hover-end',
 );

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

@@ -8,6 +8,9 @@
 @use "../colors" as *;
 @use "../../base/dateRangeBox/mixins" as *;
 @use "../../base/dateRangeBox";
+@use "../../base/icons" as *;
+@use "../textEditor" as *;
+@use "../dropDownEditor" as *;
 
 // adduse
 
@@ -16,18 +19,46 @@ $label-offset-y: math.div(($border-width + $generic-base-font-size), 2);
 
 @include dx-filled-mixin(0, $generic-texteditor-label-size, $generic-base-inline-block-height, $generic-base-line-height);
 @include dx-underlined-mixin($generic-texteditor-label-size, $generic-base-inline-block-height, $generic-base-line-height);
-@include dx-outlined-mixin($base-bg, 2px, $generic-texteditor-label-size, $label-offset-y, $generic-daterangebox-label-height,);
+@include dx-outlined-mixin(
+  $base-bg,
+  2px,
+  $generic-texteditor-label-size,
+  $label-offset-y,
+  $generic-base-inline-block-height,
+  normal,
+  1.5px,
+  -1px,
+);
 
 .dx-daterangebox {
   @include dx-dropdowneditor-button-icon-styling(eventall);
 
+  .dx-dropdowneditor-button {
+    min-width: $generic-dropdowneditor-container-button-size - 2px;
+    width: $generic-dropdowneditor-container-button-size - 2px;
+
+    .dx-dropdowneditor-icon {
+      width: $generic-dropdowneditor-button-size - 2px;
+    }
+  }
+
+  .dx-texteditor-input {
+    min-height: $generic-texteditor-input-height - 2px;
+  }
+
   &.dx-editor-outlined {
-    &.dx-daterangebox-with-label,
-    &.dx-daterangebox-with-floating-label {
-      .dx-texteditor-label {
-        .dx-label {
-          span {
-            line-height: normal !important; // stylelint-disable-line declaration-no-important
+    &,
+    &.dx-dropdowneditor-active,
+    &.dx-state-focused {
+      &.dx-daterangebox-with-label,
+      &.dx-daterangebox-with-floating-label {
+        .dx-datebox.dx-editor-outlined {
+          .dx-texteditor-label {
+            .dx-label {
+              span {
+                line-height: normal;
+              }
+            }
           }
         }
       }
@@ -40,78 +71,134 @@ $label-offset-y: math.div(($border-width + $generic-base-font-size), 2);
     &::before {
       content: '';
       position: absolute;
-      border: 0;
-      border-bottom-width: 1px;
-      border-style: solid;
-      width: 100%;
-      border-color: transparent;
+      border-bottom: 1px solid transparent;
       bottom: 0;
       z-index: 2;
     }
-  }
-
-  .dx-editor-outlined,
-  .dx-editor-filled {
-    &::before {
-      width: calc(100% - 2 * $generic-daterangebox-active-bar-horizontal-margin);
-      margin: 0 $generic-daterangebox-active-bar-horizontal-margin;
-    }
-  }
 
-  &.dx-editor-outlined,
-  &.dx-editor-filled,
-  &.dx-editor-underlined {
-    .dx-datebox {
+    &.dx-state-hover {
       &::before {
-        border-width: 0;
+        border-bottom-color: $texteditor-hover-border-color;
       }
 
-      &.dx-state-hover {
+      &.dx-invalid {
         &::before {
-          border-bottom-width: 1px;
-          border-color: $texteditor-hover-border-color;
+          border-bottom-color: $texteditor-invalid-faded-border-color;
         }
       }
+    }
 
-      &.dx-state-focused {
+    &.dx-state-focused {
+      &::before {
+        border-bottom-color: $texteditor-focused-border-color;
+      }
+
+      &.dx-invalid {
         &::before {
-          border-bottom-width: 1px;
-          border-color: $texteditor-focused-border-color;
+          border-bottom-color: $texteditor-invalid-focused-border-color;
         }
+      }
+    }
 
-        &.dx-invalid {
-          &::before {
-            border-bottom-width: 1px;
-            border-color: $texteditor-invalid-focused-border-color;
-          }
-        }
+    &.dx-state-readonly {
+      &::before {
+        border-bottom-style: dashed;
       }
+    }
+  }
 
-      &.dx-state-readonly {
+  &.dx-invalid {
+    .dx-editor-outlined,
+    .dx-editor-filled,
+    .dx-editor-underlined {
+      &.dx-state-hover {
         &::before {
-          border-bottom-width: 0;
+          border-bottom-color: $texteditor-invalid-faded-border-color;
         }
       }
 
-      &.dx-invalid {
+      &.dx-state-focused {
         &::before {
-          border-bottom-width: 1px;
-          border-color: $texteditor-invalid-faded-border-color;
+          border-bottom-color: $texteditor-invalid-focused-border-color;
         }
       }
     }
   }
 
-  @include dx-invalid-mixin($texteditor-invalid-faded-border-color, $texteditor-invalid-focused-border-color);
+  .dx-editor-outlined,
+  .dx-editor-filled {
+    &::before {
+      width: calc(100% - 2 * $generic-daterangebox-active-bar-horizontal-margin);
+      margin: 0 $generic-daterangebox-active-bar-horizontal-margin;
+    }
+  }
+
+  .dx-editor-underlined {
+    &::before {
+      width: 100%;
+    }
+  }
 
   &.dx-editor-underlined {
     .dx-daterangebox-separator {
-      padding-right: $generic-daterangebox-separator-horizontal-padding;
+      padding-right: $generic-base-inline-borderedwidget-horizontal-padding;
+    }
+  }
+
+  .dx-datebox {
+    &.dx-start-datebox,
+    &.dx-end-datebox {
+      &.dx-editor-outlined,
+      &.dx-editor-filled,
+      &.dx-editor-underlined {
+        .dx-texteditor-input {
+          padding-right: $generic-base-inline-borderedwidget-horizontal-padding;
+        }
+
+        &.dx-rtl {
+          .dx-texteditor-input {
+            padding-left: $generic-base-inline-borderedwidget-horizontal-padding;
+          }
+        }
+      }
+    }
+
+    &.dx-end-datebox {
+      &.dx-editor-outlined,
+      &.dx-editor-filled,
+      &.dx-editor-underlined {
+        &.dx-invalid {
+          .dx-texteditor-input {
+            padding-right: $generic-texteditor-invalid-badge-size;
+          }
+
+          &.dx-rtl {
+            .dx-texteditor-input {
+              padding-right: $generic-base-inline-borderedwidget-horizontal-padding;
+              padding-left: $generic-texteditor-invalid-badge-size;
+            }
+          }
+        }
+      }
+
+      &.dx-editor-underlined {
+        &.dx-invalid {
+          &.dx-rtl {
+            .dx-texteditor-input {
+              padding-right: 0;
+            }
+          }
+        }
+      }
     }
   }
 }
 
 .dx-daterangebox-separator {
-  padding-left: $generic-daterangebox-separator-horizontal-padding;
-  opacity: $base-disabled-opacity;
+  padding-left: $generic-base-inline-borderedwidget-horizontal-padding;
+  color: $texteditor-label-color;
+
+  .dx-icon {
+    @include dx-icon-sizing($generic-base-icon-size);
+  }
 }

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

@@ -2,16 +2,12 @@
 
 // adduse
 
-$generic-daterangebox-separator-horizontal-padding: 10px !default;
 $generic-daterangebox-active-bar-horizontal-margin: null !default;
-$generic-daterangebox-label-height: null !default;
 
 @if $size == "default" {
   $generic-daterangebox-active-bar-horizontal-margin: 9px !default;
-  $generic-daterangebox-label-height: 14px !default;
 }
 
 @else if $size == "compact" {
   $generic-daterangebox-active-bar-horizontal-margin: 5px !default;
-  $generic-daterangebox-label-height: 12px !default;
 }

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

@@ -54,11 +54,17 @@ $tab-selected-not-focused-left-right-rtl-shadow: $generic-tabpanel-inset-shadow-
   }
 
   #{$tabs-expanded}:first-of-type {
-    box-shadow: $generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-left $tabs-border-color;
+    @include tabpanel-tab-shadow-mixin(
+      #{$generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-left $tabs-border-color},
+      #{$generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-right $tabs-border-color}
+    );
   }
 
   .dx-tabs-stretched#{$tabs-expanded}:last-of-type {
-    box-shadow: $generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-right $tabs-border-color;
+    @include tabpanel-tab-shadow-mixin(
+      #{$generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-right $tabs-border-color},
+      #{$generic-tabpanel-inset-shadow-top $tabs-border-color, $generic-tabpanel-inset-shadow-bottom $accent-color, $generic-tabpanel-inset-shadow-left $tabs-border-color}
+    );
   }
 }
 

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

@@ -584,7 +584,7 @@ $generic-texteditor-label-transition:
       &.dx-state-disabled {
         @include dx-state-empty($texteditor-border-color, dashed);
 
-        &.dx-state-readonly.dx-state-hover {
+        &.dx-state-hover {
           @include dx-state-empty($texteditor-hover-border-color, dashed);
         }
 

package/data/scss/widgets/material/calendar/_colors.scss

@@ -11,6 +11,7 @@ $calendar-cell-other-color: color.change($calendar-color, $alpha: 0.38) !default
 $calendar-cell-other-hover-color: color.change($calendar-color, $alpha: 0.38) !default;
 $calendar-bg: $base-bg !default;
 $calendar-hover-bg: color.change($base-accent, $alpha: 0.24) !default;
+$calendar-cell-hover-border-color: color.change($base-accent, $alpha: 0.6) !default;
 $calendar-cell-hover-color: $calendar-color !default;
 $calendar-cell-selected-bg: $base-accent !default;
 $calendar-cell-selected-color: $base-inverted-text-color !default;

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

@@ -50,4 +50,23 @@
   $calendar-cell-contoured-border-color,
   $calendar-cell-other-color,
   $calendar-cell-other-hover-color,
+  $calendar-cell-hover-border-color,
+  999em,
+);
+@include dx-calendar-cell-in-range-mixin(
+  "::before",
+  $calendar-hover-bg,
+  $calendar-cell-hover-border-color,
+  999em,
+  0,
+);
+@include dx-calendar-cell-in-range-mixin(
+  "::after",
+  inherit,
+  $calendar-cell-hover-border-color,
+  999em,
+  1px,
+  '.dx-calendar-cell-range-hover',
+  '.dx-calendar-cell-range-hover-start',
+  '.dx-calendar-cell-range-hover-end',
 );

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

@@ -8,15 +8,24 @@
 @use "../colors" as *;
 @use "../../base/dateRangeBox/mixins" as *;
 @use "../../base/dateRangeBox";
+@use "../../base/icons" as *;
+@use "../textEditor" as *;
 
 // adduse
 
+$material-editor-custom-button-margin: 5px;
+$material-filled-texteditor-input-button-horizontal-padding: $material-filled-texteditor-input-horizontal-padding - 4px;
+$material-filled-texteditor-spin-button-horizontal-padding: $material-filled-texteditor-input-horizontal-padding - 8px;
+
 @include dx-outlined-mixin(
   $base-bg,
   4px,
   $material-texteditor-label-font-size,
   math.div($material-texteditor-label-font-size, 2),
+  $material-texteditor-label-font-size + 1px,
   $material-texteditor-label-font-size,
+  2.5px,
+  0,
 );
 @include dx-underlined-mixin(
   $material-texteditor-label-font-size,
@@ -61,6 +70,15 @@
       }
     }
 
+    &.dx-state-focused {
+      &.dx-invalid {
+        &::before {
+          border-bottom-width: 1px;
+          transition: none;
+        }
+      }
+    }
+
     .dx-datebox {
       &::before {
         bottom: 1px;
@@ -73,16 +91,121 @@
     }
   }
 
-  @include dx-invalid-mixin($texteditor-invalid-faded-border-color, $texteditor-invalid-focused-border-color);
-
   &.dx-editor-underlined {
     .dx-daterangebox-separator {
-      padding-right: $material-daterangebox-separator-horizontal-padding;
+      padding-right: $material-filled-texteditor-input-horizontal-padding;
+    }
+  }
+
+  &.dx-editor-outlined,
+  &.dx-editor-filled,
+  &.dx-editor-underlined {
+    > .dx-texteditor-buttons-container {
+      > .dx-button,
+      > .dx-clear-button-area {
+        margin-left: $material-editor-custom-button-margin;
+        margin-right: $material-editor-custom-button-margin;
+
+        &:first-child {
+          margin-left: 0;
+        }
+
+        &:last-child {
+          margin-right: $material-editor-custom-button-margin * 2;
+        }
+      }
+
+      > .dx-dropdowneditor-button:last-child {
+        margin-right: $material-filled-texteditor-spin-button-horizontal-padding;
+      }
+
+      > .dx-clear-button-area:last-child,
+      > .dx-clear-button-area + div:empty:last-child {
+        margin-right: $material-filled-texteditor-input-button-horizontal-padding;
+      }
+    }
+
+    &.dx-rtl {
+      > .dx-texteditor-buttons-container {
+        > .dx-button,
+        > .dx-clear-button-area {
+          &:first-child {
+            margin-left: $material-editor-custom-button-margin;
+            margin-right: 0;
+          }
+
+          &:last-child {
+            margin-left: $material-editor-custom-button-margin * 2;
+            margin-right: $material-editor-custom-button-margin;
+          }
+        }
+
+        > .dx-dropdowneditor-button:last-child {
+          margin-left: $material-filled-texteditor-spin-button-horizontal-padding;
+          margin-right: 0;
+        }
+
+        > .dx-clear-button-area:last-child {
+          margin-left: $material-filled-texteditor-input-button-horizontal-padding;
+          margin-right: 0;
+        }
+      }
+    }
+  }
+
+  .dx-datebox {
+    &.dx-start-datebox {
+      &.dx-editor-outlined,
+      &.dx-editor-filled,
+      &.dx-editor-underlined {
+        .dx-texteditor-input {
+          padding-right: $material-filled-texteditor-input-horizontal-padding;
+        }
+
+        &.dx-rtl {
+          .dx-texteditor-input {
+            padding-left: $material-filled-texteditor-input-horizontal-padding;
+          }
+        }
+      }
+    }
+
+    &.dx-end-datebox {
+      &.dx-editor-outlined,
+      &.dx-editor-underlined,
+      &.dx-editor-filled {
+        &.dx-invalid {
+          .dx-texteditor-input {
+            padding-right: $material-texteditor-invalid-badge-size;
+          }
+
+          &.dx-rtl {
+            .dx-texteditor-input {
+              padding-right: $material-filled-texteditor-input-horizontal-padding;
+              padding-left: $material-texteditor-invalid-badge-size;
+            }
+          }
+        }
+      }
+
+      &.dx-editor-underlined {
+        &.dx-invalid {
+          &.dx-rtl {
+            .dx-texteditor-input {
+              padding-right: 0;
+            }
+          }
+        }
+      }
     }
   }
 }
 
 .dx-daterangebox-separator {
-  padding-left: $material-daterangebox-separator-horizontal-padding;
-  opacity: $base-disabled-opacity;
+  padding-left: $material-filled-texteditor-input-horizontal-padding;
+  color: $texteditor-label-color;
+
+  .dx-icon {
+    @include dx-icon-sizing($material-base-icon-size);
+  }
 }

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

@@ -2,8 +2,6 @@
 
 // adduse
 
-$material-daterangebox-separator-horizontal-padding: 12px !default;
-
 $material-daterangebox-active-bar-horizontal-margin: null !default;
 
 @if $size == "default" {

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

@@ -270,8 +270,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
     }
 
     &.dx-state-disabled,
-    &.dx-state-readonly,
-    &.dx-state-readonly.dx-state-hover {
+    &.dx-state-readonly {
       box-shadow: inset 0 0 0 1px color.change($texteditor-color, $alpha: 0.5);
 
       .dx-texteditor-input {
@@ -622,7 +621,7 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
           font-size: $material-texteditor-label-font-size;
           margin-top: 0;
           top: 0;
-          height: $material-texteditor-label-font-size;
+          height: $material-texteditor-label-font-size + 1px;
           line-height: $material-texteditor-label-font-size;
         }
       }
@@ -822,8 +821,6 @@ $material-editor-label-transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms
         @include dx-state-empty(color.change($texteditor-color, $alpha: 0.5), 1);
 
         &.dx-state-focused,
-        &.dx-state-focused.dx-state-hover,
-        &.dx-textarea.dx-state-focused.dx-state-hover,
         &.dx-textarea.dx-state-focused {
           @include dx-state-empty($texteditor-focused-border-color, 2);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "23.1.2-beta",
+  "version": "23.1.3",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",