devextreme-themebuilder 25.2.2-beta → 25.2.4

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../overlay/colors" as *;
 @use "../toolbar/mixins" as *;
 @use "../toolbar/sizes" as *;

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

@@ -7,7 +7,7 @@
 @use "../toolbar/sizes" as *;
 @use '../../base/scheduler/layout/header' as *;
 @use "../../base/mixins" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/scheduler" as baseScheduler with (
   $scheduler-tooltip-appointment-text-color: $scheduler-tooltip-appointment-text-color,
   $scheduler-appointment-overlay-bg: $scheduler-appointment-overlay-bg,
@@ -41,8 +41,9 @@
   $agenda-appointment-text-color: $agenda-appointment-text-color,
   $agenda-appointment-title-font-size: $agenda-appointment-title-font-size,
 
-  $scheduler-days-of-week-button-size: $generic-scheduler-days-of-week-button-size,
-  $scheduler-recurrence-end-item-height: $generic-scheduler-recurrence-end-item-height
+  $scheduler-appointment-popup-icon-margin-top: $generic-scheduler-appointment-popup-icon-margin-top,
+  $scheduler-appointment-popup-repeat-end-item-height: $generic-scheduler-appointment-popup-repeat-end-item-height,
+  $scheduler-appointment-popup-repeat-end-item-vertical-margin: $generic-scheduler-appointment-popup-repeat-end-radio-margin-top
 );
 @use "../button/colors" as *;
 @use "../tooltip/colors" as *;
@@ -281,57 +282,22 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
       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: $generic-scheduler-appointment-popup-description-icon-margin-top;
-    }
-
     .dx-scheduler-days-of-week-buttons {
       height: $generic-toolbar-height;
-      gap: $generic-scheduler-days-of-week-buttons-gap;
+      gap: $generic-scheduler-appointment-popup-days-of-week-buttons-gap;
 
       .dx-button {
-        width: $generic-scheduler-days-of-week-button-size;
-        height: $generic-scheduler-days-of-week-button-size;
-        min-width: $generic-scheduler-days-of-week-button-size;
-        min-height: $generic-scheduler-days-of-week-button-size;
+        width: $generic-scheduler-appointment-popup-days-of-week-button-size;
+        height: $generic-scheduler-appointment-popup-days-of-week-button-size;
+        min-width: $generic-scheduler-appointment-popup-days-of-week-button-size;
+        min-height: $generic-scheduler-appointment-popup-days-of-week-button-size;
       }
     }
 
-    .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: $generic-scheduler-appointment-popup-recurrence-end-group-label-height;
-    }
-
-    .dx-scheduler-form-recurrence-end-group .dx-field-item-label {
-      margin-bottom: $generic-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom;
-    }
-
-    .dx-scheduler-form-recurrence-end-editors {
-      .dx-item.dx-radiobutton {
-        height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height !important; // stylelint-disable-line declaration-no-important
-      }
-
-      .dx-box-item {
-        height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height;
-
-        .dx-box-item-content {
-          height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height;
-        }
-      }
-
-      .dx-field-item,
-      .dx-empty-item {
-        height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height;
-
-        .dx-field-item-content {
-          height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height;
-        }
-      }
-
-      .dx-texteditor,
-      .dx-numberbox {
-        height: $generic-scheduler-appointment-popup-recurrence-end-editors-item-height;
+    .dx-scheduler-form-recurrence-end-group .dx-radiogroup.dx-widget {
+      .dx-radiobutton {
+        margin-top: $generic-scheduler-appointment-popup-repeat-end-radio-margin-top;
+        margin-bottom: 0;
       }
     }
 
@@ -591,3 +557,84 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
     background: $base-bg;
   }
 }
+
+.dx-scheduler-work-space-day,
+.dx-scheduler-work-space-week,
+.dx-scheduler-work-space-work-week {
+  .dx-scheduler-appointment {
+    container-type: size;
+
+    &.dx-scheduler-appointment-recurrence {
+      @container (max-height: #{$generic-scheduler-appointment-15min-height}) {
+        .dx-item-content.dx-scheduler-appointment-content {
+          padding-right: $generic-scheduler-appointment-10min-recurrence-padding-right;
+        }
+      }
+
+      @container (min-height: #{$generic-scheduler-appointment-15min-height}) and (max-height: #{$generic-scheduler-appointment-20min-height}) {
+        .dx-item-content.dx-scheduler-appointment-content {
+          padding-right: $generic-scheduler-appointment-15min-recurrence-padding-right;
+        }
+      }
+
+      @container (min-height: #{$generic-scheduler-appointment-20min-height}) and (max-height: #{$generic-scheduler-appointment-25min-height}) {
+        .dx-item-content.dx-scheduler-appointment-content {
+          padding-right: $generic-scheduler-appointment-20min-recurrence-padding-right;
+        }
+      }
+    }
+
+    .dx-item-content.dx-scheduler-appointment-content {
+      @container (max-height: #{$generic-scheduler-appointment-25min-height}) {
+        display: flex;
+        align-items: center;
+        padding: $generic-scheduler-appointment-short-content-padding;
+
+        .dx-scheduler-appointment-content-details {
+          display: none;
+        }
+
+        .dx-scheduler-appointment-recurrence-icon {
+          top: 50%;
+          transform: translateY(-50%);
+        }
+      }
+    }
+
+    @container (max-height: #{$generic-scheduler-appointment-15min-height}) {
+      .dx-item-content.dx-scheduler-appointment-content {
+        .dx-scheduler-appointment-title {
+          font-size: $generic-scheduler-appointment-10min-title-font-size;
+          line-height: $generic-scheduler-appointment-10min-title-line-height;
+        }
+
+        .dx-scheduler-appointment-recurrence-icon {
+          right: $generic-scheduler-appointment-10min-icon-right;
+          font-size: $generic-scheduler-appointment-10min-icon-font-size;
+        }
+      }
+    }
+
+    @container (min-height: #{$generic-scheduler-appointment-15min-height}) and (max-height: #{$generic-scheduler-appointment-20min-height}) {
+      .dx-item-content.dx-scheduler-appointment-content {
+        .dx-scheduler-appointment-title {
+          font-size: $generic-scheduler-appointment-15min-title-font-size;
+          line-height: $generic-scheduler-appointment-15min-title-line-height;
+        }
+
+        .dx-scheduler-appointment-recurrence-icon {
+          right: $generic-scheduler-appointment-15min-icon-right;
+          font-size: $generic-scheduler-appointment-15min-icon-font-size;
+        }
+      }
+    }
+
+    @if $size == "compact" {
+      @container (max-height: #{$generic-scheduler-appointment-10min-height}) {
+        .dx-item-content.dx-scheduler-appointment-content {
+          display: none;
+        }
+      }
+    }
+  }
+}

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

@@ -32,16 +32,31 @@ $generic-scheduler-appointment-popup-toolbar-label-size: null !default;
 $generic-scheduler-appointment-popup-icon-size: null !default;
 $generic-scheduler-appointment-popup-icon-container-height: null !default;
 $generic-scheduler-appointment-popup-icon-padding-right: null !default;
-$generic-scheduler-appointment-popup-description-icon-margin-top: null !default;
+$generic-scheduler-appointment-popup-icon-margin-top: null !default;
 $generic-scheduler-appointment-popup-item-padding-horizontal: null !default;
 $generic-scheduler-appointment-popup-item-padding-top: null !default;
 $generic-scheduler-appointment-popup-all-day-item-height: null !default;
-$generic-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: null !default;
-$generic-scheduler-appointment-popup-recurrence-end-editors-item-height: null !default;
-$generic-scheduler-appointment-popup-recurrence-end-group-label-height: null !default;
-$generic-scheduler-days-of-week-button-size: null !default;
-$generic-scheduler-days-of-week-buttons-gap: null !default;
-$generic-scheduler-recurrence-end-item-height: null !default;
+$generic-scheduler-appointment-popup-days-of-week-button-size: null !default;
+$generic-scheduler-appointment-popup-days-of-week-buttons-gap: null !default;
+$generic-scheduler-appointment-popup-repeat-end-radio-margin-top: null !default;
+$generic-scheduler-appointment-popup-repeat-end-item-height: null !default;
+
+$generic-scheduler-appointment-short-content-padding: null !default;
+$generic-scheduler-appointment-10min-height: null !default;
+$generic-scheduler-appointment-15min-height: null !default;
+$generic-scheduler-appointment-20min-height: null !default;
+$generic-scheduler-appointment-25min-height: null !default;
+$generic-scheduler-appointment-10min-recurrence-padding-right: null !default;
+$generic-scheduler-appointment-10min-title-font-size: null !default;
+$generic-scheduler-appointment-10min-title-line-height: null !default;
+$generic-scheduler-appointment-10min-icon-font-size: null !default;
+$generic-scheduler-appointment-10min-icon-right: null !default;
+$generic-scheduler-appointment-15min-recurrence-padding-right: null !default;
+$generic-scheduler-appointment-15min-title-font-size: null !default;
+$generic-scheduler-appointment-15min-title-line-height: null !default;
+$generic-scheduler-appointment-15min-icon-font-size: null !default;
+$generic-scheduler-appointment-15min-icon-right: null !default;
+$generic-scheduler-appointment-20min-recurrence-padding-right: null !default;
 
 $agenda-appointment-title-font-size: null !default;
 $scheduler-timeline-cell-height: null !default;
@@ -83,20 +98,38 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
   $generic-scheduler-appointment-popup-icon-size: 18px !default;
   $generic-scheduler-appointment-popup-icon-container-height: 36px !default;
   $generic-scheduler-appointment-popup-icon-padding-right: 5px !default;
-  $generic-scheduler-appointment-popup-description-icon-margin-top: 22px !default;
+  $generic-scheduler-appointment-popup-icon-margin-top: 22px !default;
   $generic-scheduler-appointment-popup-item-padding-horizontal: 5px !default;
   $generic-scheduler-appointment-popup-item-padding-top: 20px !default;
   $generic-scheduler-appointment-popup-all-day-item-height: 36px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: 12px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-editors-item-height: 36px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-group-label-height: 36px !default;
-  $generic-scheduler-days-of-week-button-size: 32px !default;
-  $generic-scheduler-days-of-week-buttons-gap: 10px !default;
-  $generic-scheduler-recurrence-end-item-height: 32px !default;
+  $generic-scheduler-appointment-popup-repeat-end-radio-margin-top: 10px !default;
+  $generic-scheduler-appointment-popup-days-of-week-button-size: 32px !default;
+  $generic-scheduler-appointment-popup-days-of-week-buttons-gap: 10px !default;
+  $generic-scheduler-appointment-popup-repeat-end-item-height: 36px !default;
 
   $agenda-appointment-title-font-size: 16px;
 
   $scheduler-timeline-cell-height: 78px !default;
+
+  $generic-scheduler-appointment-short-content-padding: 0 7px !default;
+  $generic-scheduler-appointment-10min-height: 23px !default;
+  $generic-scheduler-appointment-15min-height: 23px !default;
+  $generic-scheduler-appointment-20min-height: 32px !default;
+  $generic-scheduler-appointment-25min-height: 41px !default;
+
+  $generic-scheduler-appointment-10min-recurrence-padding-right: 16px !default;
+  $generic-scheduler-appointment-10min-title-font-size: 8px !default;
+  $generic-scheduler-appointment-10min-title-line-height: 16px !default;
+  $generic-scheduler-appointment-10min-icon-font-size: 14px !default;
+  $generic-scheduler-appointment-10min-icon-right: 2px !default;
+
+  $generic-scheduler-appointment-15min-recurrence-padding-right: 20px !default;
+  $generic-scheduler-appointment-15min-title-font-size: 12px !default;
+  $generic-scheduler-appointment-15min-title-line-height: 24px !default;
+  $generic-scheduler-appointment-15min-icon-font-size: 18px !default;
+  $generic-scheduler-appointment-15min-icon-right: 2px !default;
+
+  $generic-scheduler-appointment-20min-recurrence-padding-right: 24px !default;
 }
 
 @else if $size == "compact" {
@@ -131,20 +164,38 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
   $generic-scheduler-appointment-popup-toolbar-height: 39px !default;
   $generic-scheduler-appointment-popup-toolbar-label-size: 18px !default;
   $generic-scheduler-appointment-popup-icon-size: 14px !default;
-  $generic-scheduler-appointment-popup-icon-container-height: 24px !default;
+  $generic-scheduler-appointment-popup-icon-container-height: 26px !default;
   $generic-scheduler-appointment-popup-icon-padding-right: 5px !default;
-  $generic-scheduler-appointment-popup-description-icon-margin-top: 18px !default;
+  $generic-scheduler-appointment-popup-icon-margin-top: 18px !default;
   $generic-scheduler-appointment-popup-item-padding-horizontal: 5px !default;
   $generic-scheduler-appointment-popup-item-padding-top: 10px !default;
   $generic-scheduler-appointment-popup-all-day-item-height: 24px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-group-label-margin-bottom: 8px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-editors-item-height: 26px !default;
-  $generic-scheduler-appointment-popup-recurrence-end-group-label-height: 24px !default;
-  $generic-scheduler-days-of-week-button-size: 24px !default;
-  $generic-scheduler-days-of-week-buttons-gap: 6px !default;
-  $generic-scheduler-recurrence-end-item-height: 32px !default;
+  $generic-scheduler-appointment-popup-repeat-end-radio-margin-top: 6px !default;
+  $generic-scheduler-appointment-popup-days-of-week-button-size: 24px !default;
+  $generic-scheduler-appointment-popup-days-of-week-buttons-gap: 6px !default;
+  $generic-scheduler-appointment-popup-repeat-end-item-height: 26px !default;
 
   $agenda-appointment-title-font-size: 16px;
 
   $scheduler-timeline-cell-height: 50px !default;
+
+  $generic-scheduler-appointment-short-content-padding: 0 5px !default;
+  $generic-scheduler-appointment-10min-height: 14px !default;
+  $generic-scheduler-appointment-15min-height: 23px !default;
+  $generic-scheduler-appointment-20min-height: 32px !default;
+  $generic-scheduler-appointment-25min-height: 41px !default;
+
+  $generic-scheduler-appointment-10min-title-font-size: 8px !default;
+  $generic-scheduler-appointment-10min-title-line-height: 16px !default;
+  $generic-scheduler-appointment-10min-recurrence-padding-right: 16px !default;
+  $generic-scheduler-appointment-10min-icon-font-size: 14px !default;
+  $generic-scheduler-appointment-10min-icon-right: 2px !default;
+
+  $generic-scheduler-appointment-15min-recurrence-padding-right: 16px !default;
+  $generic-scheduler-appointment-15min-title-font-size: 12px !default;
+  $generic-scheduler-appointment-15min-title-line-height: 16px !default;
+  $generic-scheduler-appointment-15min-icon-font-size: 14px !default;
+  $generic-scheduler-appointment-15min-icon-right: 2px !default;
+
+  $generic-scheduler-appointment-20min-recurrence-padding-right: 20px !default;
 }

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/splitter";
 @use "../../base/splitter/mixins" as *;
 

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

@@ -2,7 +2,7 @@
 @use "../colors" as *;
 @use "../sizes" as *;
 @use "../button/colors" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/tabs";
 @use "variables/borders" as *;
 @use "variables/colors" as *;

package/data/scss/widgets/generic/tabs/layout/navigation-button/_base.scss

@@ -2,7 +2,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

package/data/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss

@@ -2,7 +2,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

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

@@ -1,7 +1,7 @@
 @use "sass:math";
 @use "../../../colors" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

package/data/scss/widgets/generic/tabs/layout/tab/_vertical.scss

@@ -2,7 +2,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

package/data/scss/widgets/generic/tabs/layout/tabs/_base.scss

@@ -2,7 +2,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

package/data/scss/widgets/generic/tabs/layout/tabs/_vertical.scss

@@ -2,7 +2,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/sizes" as *;
 @use "../../variables/colors" as *;

package/data/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss

@@ -1,7 +1,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/colors" as *;
 @use "../../variables/sizes" as *;

package/data/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss

@@ -1,7 +1,7 @@
 @use "../../../colors" as *;
 @use "../../../sizes" as *;
 @use "../../../button/colors" as *;
-@use "../../../../base/icons" as *;
+@use "../../../../base/icon_fonts" as *;
 @use "../../../../base/tabs";
 @use "../../variables/colors" as *;
 @use "../../variables/sizes" as *;

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../textEditor" as *;
 @use "../common/sizes" as *;
 @use "../../base/tagBox";

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../textEditor/colors" as *;
 @use "../textEditor/sizes" as *;
 @use "../../base/textBox";

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../common/sizes" as *;
 @use "../common/mixins" as *;
 @use "../button/sizes" as *;

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../list/sizes" as *;
 @use "../button/mixins" as *;
 @use "../button/colors" as *;

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

@@ -5,7 +5,7 @@
 @use "sizes" as *;
 @use "../sizes" as *;
 @use "../../base/mixins" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../gridBase" as *;
 @use "../gridBase/colors" as *;
 @use "../gridBase/sizes" as *;

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

@@ -5,7 +5,7 @@
 @use "../sizes" as *;
 @use "../_sizes" as *;
 @use "../../base/treeView" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../checkBox/colors" as *;
 
 .dx-treeview-custom-expand-icon,

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/accordion";
 
 // adduse

package/data/scss/widgets/material/button/_mixins.scss

@@ -4,7 +4,7 @@
 @use "../sizes" as *;
 @use "colors" as *;
 @use "../colors" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/button/mixins" as *;
 
 @mixin dx-button-onlyicon-sizing($icon-size: $material-button-icon-size) {

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/checkBox";
 @use "../../base/checkBox/mixins" as *;
 

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../button/sizes" as *;
 @use "../menuBase/sizes" as *;
 @use "../menu/colors" as *;

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../gridBase" as *;
 @use "../gridBase/colors" as *;
 @use "../gridBase/sizes" as *;

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../dropDownEditor" as *;
 @use "../../base/dropDownEditor/mixins" as *;
 @use "../textEditor" as *;
@@ -34,6 +34,10 @@
       width: auto;
     }
   }
+
+  > .dx-overlay-content:first-child {
+    overflow: visible;
+  }
 }
 
 .dx-datebox-datetime-time-side {

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

@@ -1,4 +1,4 @@
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../dropDownEditor" as *;
 @use "../textEditor" as *;
 

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

@@ -7,7 +7,7 @@
 @use "colors" as *;
 @use "../colors" as *;
 @use "../../base/dateRangeBox";
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../textEditor" as *;
 
 // adduse

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../button/mixins" as *;
 @use "../button/sizes" as *;
 @use "../button/colors" as *;

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

@@ -6,7 +6,7 @@
 @use "../common/sizes" as *;
 @use "../textEditor/sizes" as *;
 @use "../button/colors" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/dropDownEditor";
 @use "../../base/dropDownEditor/mixins" as *;
 

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

@@ -5,7 +5,7 @@
 @use "sizes" as *;
 @use "../sizes" as *;
 @use "../../base/form";
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../textEditor/sizes" as *;
 
 // adduse

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../../base/gallery";
 
 // adduse

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../dropDownEditor" as *;
 @use "../textEditor" as *;
 @use "../textEditor/sizes" as *;

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

@@ -3,7 +3,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 
 // adduse
 

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

@@ -4,7 +4,7 @@
 @use "../colors" as *;
 @use "sizes" as *;
 @use "../sizes" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 @use "../button/sizes" as *;
 @use "../button/mixins" as *;
 @use "../checkBox/colors" as *;