devextreme-themebuilder 25.1.7 → 25.2.2-beta

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

@@ -115,6 +115,9 @@ $datagrid-icon-link-disabled-opacity: $button-disabled-icon-opacity;
   $datagrid-cell-removed-text-color: $datagrid-columnchooser-item-color !default;
 }
 
+:root {
+  --dx-datagrid-row-alternation-bg: #{$datagrid-row-alternation-bg};
+}
 $never-used: collector((
 "$datagrid-base-background-color": $datagrid-base-background-color,
 "$datagrid-columnchooser-item-color": $datagrid-columnchooser-item-color,

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

@@ -675,7 +675,9 @@ $material-grid-base-group-panel-message-line-height: $material-button-text-line-
             color: $datagrid-base-color;
           }
 
-          &:hover {
+          &:not([class*="dx-command"], .dx-editor-cell, .dx-#{$widget-name}-group-space):hover {
+            background-color: $datagrid-hover-bg;
+
             .dx-#{$widget-name}-text-content {
               color: $datagrid-base-color;
             }
@@ -684,10 +686,6 @@ $material-grid-base-group-panel-message-line-height: $material-button-text-line-
               color: $datagrid-columnchooser-hover-icon-color;
             }
           }
-
-          &:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-#{$widget-name}-group-space) {
-            background-color: $datagrid-hover-bg;
-          }
         }
       }
     }
@@ -1330,4 +1328,35 @@ $material-grid-base-group-panel-message-line-height: $material-button-text-line-
     opacity: 1;
     color: $datagrid-draggable-column-text-color;
   }
+
+  .dx-command-ai-header-content {
+    max-width: calc(100% - ($material-button-height - $material-grid-base-cell-horizontal-padding + $material-grid-base-command-ai-header-button-offset));
+
+    .dx-#{$widget-name}-text-content {
+      padding-left: $material-grid-base-command-ai-text-content-padding;
+    }
+
+    .dx-icon-chatsparkleoutline {
+      @include dx-icon-sizing($material-grid-base-command-ai-chatsparkleoutline-icon-size);
+    }
+  }
+
+  .dx-command-ai-header-button {
+    left: auto;
+    right: $material-grid-base-command-ai-header-button-offset;
+  }
+
+  td[style*="text-align: right"] .dx-command-ai-header-button {
+    left: $material-grid-base-command-ai-header-button-offset;
+    right: auto;
+  }
+
+  .dx-command-ai .dx-command-ai-header-button .dx-button {
+    @include dx-button-onlyicon-sizing();
+  }
+
+  .dx-ai-prompt-editor__progressbar .dx-progressbar-animating-container {
+    height: $material-grid-base-ai-prompt-editor-progressbar-height;
+    border-radius: 0;
+  }
 }

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

@@ -23,12 +23,16 @@ $material-command-edit-icon-size: null !default;
 $material-filter-row-between-editor-padding: null !default;
 $material-command-column-additional-right-margin: null !default;
 $material-grid-base-treeview-select-all-item-offset: null !default;
+$material-grid-base-command-ai-chatsparkleoutline-icon-size: null !default;
+$material-grid-base-command-ai-text-content-padding: null !default;
+$material-grid-base-command-ai-header-button-offset: null !default;
 
 $material-grid-base-header-line-height: 16px !default;
 $material-grid-base-header-icon-size: 15px !default;
 $material-grid-base-column-chooser-item-margin: 8px !default;
 $material-command-edit-icon-margin: 4px !default;
 $material-command-edit-text-margin: 2px !default;
+$material-grid-base-ai-prompt-editor-progressbar-height: 4px !default;
 
 @if $size == "default" {
   $material-grid-base-cell-height: 48px !default;
@@ -57,6 +61,9 @@ $material-command-edit-text-margin: 2px !default;
   $material-command-column-additional-right-margin: 0 !default;
 
   $material-grid-base-treeview-select-all-item-offset: 43px !default;
+  $material-grid-base-command-ai-chatsparkleoutline-icon-size: 24px !default;
+  $material-grid-base-command-ai-text-content-padding: $material-grid-base-command-ai-chatsparkleoutline-icon-size + 8px !default;
+  $material-grid-base-command-ai-header-button-offset: 8px !default;
 }
 
 @else if $size == "compact" {
@@ -86,6 +93,9 @@ $material-command-edit-text-margin: 2px !default;
   $material-command-column-additional-right-margin: 2px !default;
 
   $material-grid-base-treeview-select-all-item-offset: 35px !default;
+  $material-grid-base-command-ai-chatsparkleoutline-icon-size: 18px !default;
+  $material-grid-base-command-ai-text-content-padding: $material-grid-base-command-ai-chatsparkleoutline-icon-size + 6px !default;
+  $material-grid-base-command-ai-header-button-offset: 6px !default;
 }
 
 $material-grid-base-header-panel-padding: 0 $material-grid-base-cell-horizontal-padding !default;

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

@@ -372,4 +372,8 @@
   .dx-pending-indicator {
     @include dx-pending-indicator-centered();
   }
+
+  &.dx-popup-wrapper > .dx-overlay-content {
+    border-radius: $material-aidialog-border-radius;
+  }
 }

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

@@ -10,23 +10,24 @@ $material-aidialog-selects-gap: null !default;
 $material-aidialog-content-gap: null !default;
 $material-aidialog-content-padding: null !default;
 $material-aidialog-toolbar-padding: null !default;
+$material-aidialog-border-radius: $base-border-radius * 2 !default;
 
 @if $size == "default" {
   $material-toolbar-size-editor-width: 120px !default;
   $material-htmleditor-toolbar-padding: 16px !default;
-  $material-html-editor-add-image-dialog-fileuploader-padding: 50px 40px;
-  $material-aidialog-selects-gap: 8px;
-  $material-aidialog-content-gap: 24px;
-  $material-aidialog-content-padding: 24px;
-  $material-aidialog-toolbar-padding: 16px 24px;
+  $material-html-editor-add-image-dialog-fileuploader-padding: 50px 40px !default;
+  $material-aidialog-selects-gap: 8px !default;
+  $material-aidialog-content-gap: 24px !default;
+  $material-aidialog-content-padding: 24px !default;
+  $material-aidialog-toolbar-padding: 0 24px 16px !default;
 }
 
 @else if $size == "compact" {
   $material-toolbar-size-editor-width: 90px !default;
   $material-htmleditor-toolbar-padding: 11px !default;
-  $material-html-editor-add-image-dialog-fileuploader-padding: 40px 30px;
-  $material-aidialog-selects-gap: 8px;
-  $material-aidialog-content-gap: 16px;
-  $material-aidialog-content-padding: 16px;
-  $material-aidialog-toolbar-padding: 8px 16px;
+  $material-html-editor-add-image-dialog-fileuploader-padding: 40px 30px !default;
+  $material-aidialog-selects-gap: 8px !default;
+  $material-aidialog-content-gap: 16px !default;
+  $material-aidialog-content-padding: 16px !default;
+  $material-aidialog-toolbar-padding: 0 16px 8px !default;
 }

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

@@ -11,15 +11,15 @@ $load-indicator-animation-sparkle-bg-color2: null !default;
 $load-indicator-animation-sparkle-bg-color3: null !default;
 
 @if $mode == "light" {
-  $load-indicator-animation-sparkle-bg-color1: lighten(desaturate($base-accent, 3.66), 12.94) !default;
-  $load-indicator-animation-sparkle-bg-color2: lighten(desaturate($base-accent, 3.68), 25.88) !default;
-  $load-indicator-animation-sparkle-bg-color3: lighten(saturate(adjust-hue($base-accent, -1), 5.90), 34.31) !default;
+  $load-indicator-animation-sparkle-bg-color1: $base-accent !default;
+  $load-indicator-animation-sparkle-bg-color2: lighten(desaturate(adjust-hue($base-accent, 4), 6.73), 25.88) !default;
+  $load-indicator-animation-sparkle-bg-color3: lighten(desaturate(adjust-hue($base-accent, 4), 6.87), 34.71) !default;
 }
 
 @else if $mode == "dark" {
-  $load-indicator-animation-sparkle-bg-color1: lighten(desaturate($base-accent, 3.66), 12.94) !default;
-  $load-indicator-animation-sparkle-bg-color2: lighten(desaturate($base-accent, 3.68), 25.88) !default;
-  $load-indicator-animation-sparkle-bg-color3: lighten(saturate(adjust-hue($base-accent, -1), 5.90), 34.31) !default;
+  $load-indicator-animation-sparkle-bg-color1: lighten($base-accent, 19.22) !default;
+  $load-indicator-animation-sparkle-bg-color2: lighten(desaturate(adjust-hue($base-accent, 2), 58.44), 1.18) !default;
+  $load-indicator-animation-sparkle-bg-color3: darken(desaturate(adjust-hue($base-accent, 3), 64.56), 7.45) !default;
 }
 $never-used: collector((
 "$load-indicator-segment-bg-color": $load-indicator-segment-bg-color,

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

@@ -32,6 +32,7 @@ $scheduler-workspace-accent-color: $base-accent !default;
 $scheduler-current-time-cell-color: $base-accent !default;
 $scheduler-time-indicator-color: #eb5757 !default;
 $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
+$scheduler-form-icon-color: $base-icon-color !default;
 $scheduler-popup-title-bg: $scheduler-workspace-background-color !default;
 $scheduler-workspace-month-text-color: color.change($base-text-color, $alpha: 0.54) !default;
 $scheduler-dropdown-appointment-date-color: color.change($base-text-color, $alpha: 0.54) !default;

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

@@ -4,6 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
+@use "../toolbar/sizes" as *;
 @use '../../base/scheduler/layout/header' as *;
 @use "../../base/mixins" as *;
 @use "../../base/icons" as *;
@@ -38,7 +39,10 @@
   $agenda-appointment-hover-bg: $agenda-appointment-hover-bg,
   $agenda-appointment-active-bg: $agenda-appointment-active-bg,
   $agenda-appointment-text-color: $agenda-appointment-text-color,
-  $agenda-appointment-title-font-size: $agenda-appointment-title-font-size
+  $agenda-appointment-title-font-size: $agenda-appointment-title-font-size,
+
+  $scheduler-days-of-week-button-size: $material-scheduler-days-of-week-button-size,
+  $scheduler-recurrence-end-item-height: $material-scheduler-recurrence-end-item-height
 );
 @use "../button/colors" as *;
 @use "../button/mixins" as *;
@@ -58,8 +62,6 @@ $material-scheduler-month-date-text-size: 14px;
 
 $scheduler-first-of-month-border: 1px solid $scheduler-first-month-border-color;
 
-$material-scheduler-compact-appointment-button-border-radius: 12px;
-
 $material-scheduler-agenda-time-panel-cell-padding: 8px;
 
 @include baseScheduler.scheduler-mixin();
@@ -332,34 +334,61 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
     }
   }
 
-  .dx-scheduler-appointment-collector {
-    margin-top: $material-scheduler-dropdown-appointment-margin-top;
-    margin-left: 52px;
-  }
-
   .dx-scheduler-date-table-current-date {
     color: $scheduler-current-time-cell-color;
   }
 }
 
+.dx-scheduler:not(.dx-scheduler-adaptive) {
+  .dx-scheduler-work-space.dx-scheduler-work-space-day,
+  .dx-scheduler-work-space.dx-scheduler-work-space-week,
+  .dx-scheduler-work-space.dx-scheduler-work-space-work-week {
+    .dx-scheduler-fixed-appointments,
+    .dx-scheduler-date-table-container {
+      .dx-scheduler-appointment-collector {
+        margin: $material-scheduler-dropdown-button-vertical-margin;
+      }
+    }
+  }
 
-.dx-scheduler-adaptive {
-  .dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-appointment-collector {
-    margin: 0;
+  .dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-rtl) .dx-scheduler-appointment-collector {
+    margin-left: 52px;
   }
 
+  .dx-scheduler-work-space.dx-scheduler-work-space-month.dx-rtl .dx-scheduler-appointment-collector {
+    margin-right: 52px;
+  }
+}
+
+.dx-scheduler-adaptive {
   .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
     white-space: nowrap;
   }
+
+  .dx-scheduler-appointment-collector {
+    margin: $material-scheduler-dropdown-button-adaptive-margin;
+  }
+
+  .dx-scheduler-work-space.dx-scheduler-work-space-day,
+  .dx-scheduler-work-space.dx-scheduler-work-space-week,
+  .dx-scheduler-work-space.dx-scheduler-work-space-work-week {
+    .dx-scheduler-fixed-appointments,
+    .dx-scheduler-date-table-container {
+      .dx-scheduler-appointment-collector {
+        margin: $material-scheduler-dropdown-button-adaptive-vertical-margin;
+      }
+    }
+  }
 }
 
 .dx-scheduler-appointment-collector {
-  margin-top: $material-scheduler-dropdown-day-margin;
+  height: $material-scheduler-dropdown-button-height;
+  margin: $material-scheduler-dropdown-button-margin;
   position: absolute;
 
   &.dx-button {
     box-shadow: none;
-    border-radius: $material-scheduler-compact-appointment-button-border-radius;
+    border-radius: $material-scheduler-dropdown-button-height;
     height: $material-scheduler-dropdown-button-height;
     min-width: auto;
     width: auto;
@@ -520,6 +549,133 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
 }
 
 .dx-scheduler-appointment-popup {
+  > .dx-overlay-content {
+    border-radius: $material-scheduler-appointment-popup-border-radius;
+  }
+
+  > .dx-overlay-content > .dx-toolbar.dx-widget {
+    > .dx-toolbar-items-container {
+      height: $material-scheduler-appointment-popup-toolbar-height;
+    }
+
+    .dx-toolbar-label {
+      font-size: $material-scheduler-appointment-popup-toolbar-label-size;
+    }
+  }
+
+  .dx-form {
+    .dx-scheduler-form-icon {
+      color: $scheduler-form-icon-color;
+
+      &.dx-field-item {
+        height: $material-scheduler-appointment-popup-icon-container-height;
+        padding-inline-end: $material-scheduler-appointment-popup-icon-padding-right;
+
+        .dx-icon {
+          font-size: $material-scheduler-appointment-popup-icon-size;
+        }
+      }
+    }
+
+    .dx-scheduler-form-icon-sized-gap {
+      width: $material-scheduler-appointment-popup-icon-size;
+    }
+
+    .dx-scheduler-form-subject-group .dx-scheduler-form-icon {
+      color: $scheduler-appointment-base-color;
+    }
+
+    .dx-scheduler-form-description-group .dx-scheduler-form-icon,
+    .dx-scheduler-form-resources-group .dx-scheduler-default-resources-icon,
+    .dx-scheduler-form-recurrence-settings-group .dx-scheduler-form-icon {
+      margin-top: $material-scheduler-appointment-popup-description-icon-margin-top;
+    }
+
+    .dx-scheduler-days-of-week-buttons {
+      height: $material-toolbar-height;
+      gap: $material-scheduler-days-of-week-buttons-gap;
+    }
+
+    .dx-scheduler-form-group-with-icon.dx-scheduler-form-recurrence-end-group:has(.dx-scheduler-form-icon:not(.dx-hidden)) .dx-field-item-label {
+      height: $material-scheduler-appointment-popup-recurrence-end-group-label-height;
+    }
+
+    .dx-scheduler-form-recurrence-end-group .dx-field-item-label {
+      padding: 0;
+      margin-bottom: $material-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom;
+
+      .dx-field-item-label-text {
+        color: $base-text-color;
+      }
+    }
+
+    .dx-scheduler-form-recurrence-end-editors {
+      .dx-item.dx-radiobutton {
+        height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height !important; // stylelint-disable-line declaration-no-important
+
+        .dx-radiobutton-icon::after {
+          content: unset;
+        }
+      }
+
+      .dx-box-item {
+        height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height;
+
+        .dx-box-item-content {
+          height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height;
+        }
+      }
+
+      .dx-field-item,
+      .dx-empty-item {
+        height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height;
+
+        .dx-field-item-content {
+          height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height;
+        }
+      }
+
+      .dx-texteditor,
+      .dx-numberbox {
+        height: $material-scheduler-appointment-popup-recurrence-end-editors-item-height;
+      }
+    }
+
+    .dx-field-item:not(.dx-first-col) {
+      padding-inline-start: $material-scheduler-appointment-popup-item-padding-horizontal;
+    }
+
+    .dx-field-item:not(.dx-last-col) {
+      padding-inline-end: $material-scheduler-appointment-popup-item-padding-horizontal;
+    }
+
+    .dx-field-item:not(.dx-first-row) {
+      padding-top: 6px;
+    }
+
+    .dx-field-item:not(.dx-last-row) {
+      padding-bottom: 6px;
+    }
+
+    .dx-scheduler-form-all-day-switch.dx-field-item.dx-label-h-align {
+      height: $material-scheduler-appointment-popup-all-day-item-height;
+      padding-inline-start: $material-scheduler-appointment-popup-all-day-item-padding-left;
+
+      .dx-field-item-label-text {
+        font-size: $material-scheduler-appointment-popup-all-day-item-font-size;
+        color: $base-text-color;
+      }
+
+      .dx-field-item-content {
+        .dx-switch.dx-widget {
+          margin-bottom: $material-scheduler-appointment-popup-all-day-item-margin-bottom;
+        }
+      }
+    }
+  }
+}
+
+.dx-scheduler-legacy-appointment-popup {
   .dx-form {
     padding: 0 10px 0 10px;
   }
@@ -544,7 +700,7 @@ $material-scheduler-agenda-time-panel-cell-padding: 8px;
   }
 }
 
-.dx-scheduler-appointment-popup .dx-form-validation-summary {
+.dx-scheduler-legacy-appointment-popup .dx-form-validation-summary {
   padding: 10px 20px;
 }
 

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

@@ -16,7 +16,10 @@ $material-scheduler-appointment-content-padding: null !default;
 $material-scheduler-dropdown-appointment-margin-top: null !default;
 $material-scheduler-dropdown-button-height: null !default;
 $material-scheduler-dropdown-button-padding: null !default;
-$material-scheduler-dropdown-day-margin: null !default;
+$material-scheduler-dropdown-button-margin: null !default;
+$material-scheduler-dropdown-button-vertical-margin: null !default;
+$material-scheduler-dropdown-button-adaptive-margin: null !default;
+$material-scheduler-dropdown-button-adaptive-vertical-margin: null !default;
 $material-scheduler-appointment-tooltip-content-margin-left: null !default;
 $material-tooltip-marker-dimension: null !default;
 $material-scheduler-appointment-tooltip-title-margin-top: null !default;
@@ -42,6 +45,25 @@ $agenda-appointment-title-font-size: null !default;
 $material-scheduler-header-height: null !default;
 $material-scheduler-header-offset: null !default;
 
+$material-scheduler-appointment-popup-border-radius: null !default;
+$material-scheduler-appointment-popup-toolbar-height: null !default;
+$material-scheduler-appointment-popup-toolbar-label-size: null !default;
+$material-scheduler-appointment-popup-icon-size: null !default;
+$material-scheduler-appointment-popup-icon-container-height: null !default;
+$material-scheduler-appointment-popup-icon-padding-right: null !default;
+$material-scheduler-appointment-popup-description-icon-margin-top: null !default;
+$material-scheduler-appointment-popup-item-padding-horizontal: null !default;
+$material-scheduler-appointment-popup-all-day-item-height: null !default;
+$material-scheduler-appointment-popup-all-day-item-padding-left: null !default;
+$material-scheduler-appointment-popup-all-day-item-font-size: null !default;
+$material-scheduler-appointment-popup-all-day-item-margin-bottom: null !default;
+$material-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: null !default;
+$material-scheduler-appointment-popup-recurrence-end-editors-item-height: null !default;
+$material-scheduler-appointment-popup-recurrence-end-group-label-height: null !default;
+$material-scheduler-days-of-week-button-size: null !default;
+$material-scheduler-days-of-week-buttons-gap: null !default;
+$material-scheduler-recurrence-end-item-height: null !default;
+
 $scheduler-timeline-cell-height: 50px !default;
 
 
@@ -64,13 +86,35 @@ $scheduler-timeline-cell-height: 50px !default;
   $material-scheduler-dropdown-appointment-margin-top: 7px !default;
   $material-scheduler-dropdown-button-height: 22px !default;
   $material-scheduler-dropdown-button-padding: 4px !default;
-  $material-scheduler-dropdown-day-margin: 5px !default;
+  $material-scheduler-dropdown-button-margin: 5px 1px 3px 3px !default;
+  $material-scheduler-dropdown-button-vertical-margin: 5px 2px 3px 1px !default;
+  $material-scheduler-dropdown-button-adaptive-margin: 0 2px !default;
+  $material-scheduler-dropdown-button-adaptive-vertical-margin: 0 2px 0 1px !default;
 
   $material-scheduler-appointment-tooltip-content-margin-left: 10px !default;
   $material-tooltip-marker-dimension: 24px !default;
   $material-scheduler-appointment-tooltip-title-margin-top: 4px !default;
   $material-scheduler-appointment-tooltip-remove-padding-top: 1px !default;
 
+  $material-scheduler-appointment-popup-border-radius: 8px !default;
+  $material-scheduler-appointment-popup-toolbar-height: 64px !default;
+  $material-scheduler-appointment-popup-toolbar-label-size: 18px !default;
+  $material-scheduler-appointment-popup-icon-size: 24px !default;
+  $material-scheduler-appointment-popup-icon-container-height: 48px !default;
+  $material-scheduler-appointment-popup-icon-padding-right: 8px !default;
+  $material-scheduler-appointment-popup-description-icon-margin-top: 37px !default;
+  $material-scheduler-appointment-popup-item-padding-horizontal: 8px !default;
+  $material-scheduler-appointment-popup-all-day-item-height: 54px !default;
+  $material-scheduler-appointment-popup-all-day-item-padding-left: 16px !default;
+  $material-scheduler-appointment-popup-all-day-item-font-size: 16px !default;
+  $material-scheduler-appointment-popup-all-day-item-margin-bottom: 3px !default;
+  $material-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: 12px !default;
+  $material-scheduler-appointment-popup-recurrence-end-editors-item-height: 48px !default;
+  $material-scheduler-appointment-popup-recurrence-end-group-label-height: 48px !default;
+  $material-scheduler-days-of-week-button-size: 32px !default;
+  $material-scheduler-days-of-week-buttons-gap: 8px !default;
+  $material-scheduler-recurrence-end-item-height: 32px !default;
+
   $agenda-appointment-title-font-size: 14px;
 }
 
@@ -93,12 +137,34 @@ $scheduler-timeline-cell-height: 50px !default;
   $material-scheduler-dropdown-appointment-margin-top: 3px !default;
   $material-scheduler-dropdown-button-height: 18px !default;
   $material-scheduler-dropdown-button-padding: 2px !default;
-  $material-scheduler-dropdown-day-margin: 2px !default;
+  $material-scheduler-dropdown-button-margin: 2px 1px 2px 2px !default;
+  $material-scheduler-dropdown-button-vertical-margin: 2px 1px 2px 1px !default;
+  $material-scheduler-dropdown-button-adaptive-margin: 0 2px !default;
+  $material-scheduler-dropdown-button-adaptive-vertical-margin: 0 2px 0 1px !default;
 
   $material-scheduler-appointment-tooltip-content-margin-left: 8px !default;
   $material-tooltip-marker-dimension: 18px !default;
   $material-scheduler-appointment-tooltip-title-margin-top: 3px !default;
   $material-scheduler-appointment-tooltip-remove-padding-top: 2px !default;
 
+  $material-scheduler-appointment-popup-border-radius: 4px !default;
+  $material-scheduler-appointment-popup-toolbar-height: 52px !default;
+  $material-scheduler-appointment-popup-toolbar-label-size: 16px !default;
+  $material-scheduler-appointment-popup-icon-size: 18px !default;
+  $material-scheduler-appointment-popup-icon-container-height: 32px !default;
+  $material-scheduler-appointment-popup-icon-padding-right: 6px !default;
+  $material-scheduler-appointment-popup-description-icon-margin-top: 22px !default;
+  $material-scheduler-appointment-popup-item-padding-horizontal: 6px !default;
+  $material-scheduler-appointment-popup-all-day-item-height: 38px !default;
+  $material-scheduler-appointment-popup-all-day-item-padding-left: 12px !default;
+  $material-scheduler-appointment-popup-all-day-item-font-size: 14px !default;
+  $material-scheduler-appointment-popup-all-day-item-margin-bottom: 1px !default;
+  $material-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: 4px !default;
+  $material-scheduler-appointment-popup-recurrence-end-editors-item-height: 32px !default;
+  $material-scheduler-appointment-popup-recurrence-end-group-label-height: 32px !default;
+  $material-scheduler-days-of-week-button-size: 24px !default;
+  $material-scheduler-days-of-week-buttons-gap: 4px !default;
+  $material-scheduler-recurrence-end-item-height: 32px !default;
+
   $agenda-appointment-title-font-size: 13px;
 }

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

@@ -0,0 +1,4 @@
+@use "../colors" as *;
+@use "sass:color";
+
+// adduse

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

@@ -0,0 +1,5 @@
+@use "../../base/speechToText";
+@use "colors" as *;
+@use "sizes" as *;
+
+// adduse

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

@@ -0,0 +1,4 @@
+@use "../common/sizes" as *;
+@use "../sizes" as *;
+
+// adduse

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

@@ -11,7 +11,7 @@
 @import "https://fonts.googleapis.com/earlyaccess/notokufiarabic.css";
 
 @font-face {
-  font-family: 'RobotoFallback';
+  font-family: 'roboto fallback';
   font-style: normal;
   font-weight: 300;
   src:
@@ -23,7 +23,7 @@
 }
 
 @font-face {
-  font-family: 'RobotoFallback';
+  font-family: 'roboto fallback';
   font-style: normal;
   font-weight: 400;
   src:
@@ -35,7 +35,7 @@
 }
 
 @font-face {
-  font-family: 'RobotoFallback';
+  font-family: 'roboto fallback';
   font-style: normal;
   font-weight: 500;
   src:
@@ -47,7 +47,7 @@
 }
 
 @font-face {
-  font-family: 'RobotoFallback';
+  font-family: 'roboto fallback';
   font-style: normal;
   font-weight: 700;
   src:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "25.1.7",
+  "version": "25.2.2-beta",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",
@@ -13,7 +13,7 @@
   "repository": "https://github.com/DevExpress/DevExtreme",
   "license": "SEE LICENSE IN README.md",
   "peerDependencies": {
-    "bootstrap": "^5.3.7"
+    "bootstrap": "^5.3.8"
   },
   "dependencies": {
     "autoprefixer": "^10.4.7",

package/data/scss/widgets/base/_deferRendering.scss

@@ -1,18 +0,0 @@
-@use "./mixins" as *;
-
-// adduse
-.dx-deferrendering .dx-deferrendering-loadindicator-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-}
-
-.dx-deferrendering {
-  &.dx-pending-rendering .dx-invisible-while-pending-rendering {
-    display: none !important; // stylelint-disable-line declaration-no-important
-  }
-
-  &:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
-    display: none !important; // stylelint-disable-line declaration-no-important
-  }
-}

package/data/scss/widgets/base/chat/layout/chat-header/_index.scss

@@ -1,4 +0,0 @@
-.dx-chat-header {
-  display: flex;
-  align-items: center;
-}

package/data/scss/widgets/base/chat/layout/chat-header/_mixins.scss

@@ -1,5 +0,0 @@
-@mixin chat-header($padding) {
-  .dx-chat-header {
-    padding: $padding;
-  }
-}

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

@@ -1,7 +0,0 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
-@use "../../base/deferRendering";
-
-// adduse
-

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

@@ -1,7 +0,0 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
-@use "../../base/deferRendering";
-
-// adduse
-

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

@@ -1,7 +0,0 @@
-@use "sass:color";
-@use "../colors" as *;
-@use "../sizes" as *;
-@use "../../base/deferRendering";
-
-// adduse
-