devextreme-themebuilder 25.1.7 → 25.2.2-beta

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

@@ -8,6 +8,7 @@
   $bubble-container-gap,
   $bubble-delete-gap,
   $bubble-delete-icon-size,
+  $chat-bubble-gap,
 ) {
   .dx-chat-messagegroup-content {
     row-gap: $bubble-container-gap;
@@ -16,6 +17,7 @@
   .dx-chat-messagebubble {
     padding: $padding;
     border-radius: $border-radius;
+    gap: $chat-bubble-gap;
 
     &.dx-chat-messagebubble-deleted {
       .dx-chat-messagebubble-content {

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

@@ -2,6 +2,7 @@
 
 .dx-chat-messagelist {
   flex-grow: 1;
+  min-height: 3.57em;
   overflow: hidden;
 
   .dx-scrollable-container {

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

@@ -457,3 +457,7 @@ $datagrid-text-stub-background-image-path: null !default;
     outline-offset: -2px;
   }
 }
+
+.dx-command-ai-header-button .dx-button.dx-state-focused {
+  outline: 2px solid $datagrid-focused-border-color;
+}

package/data/scss/widgets/base/diagram/_index.scss

@@ -240,23 +240,18 @@ $transparent-border: 1px solid transparent;
       width: auto;
     }
 
-    .dx-dropdowneditor-field-template-wrapper {
+    .dx-texteditor-input-container {
+      width: 0;
+      overflow: hidden;
+    }
+
+    .dx-dropdowneditor-field-before-template-wrapper {
       display: flex;
       align-items: center;
 
       .dx-diagram-i {
         display: block;
       }
-
-      .dx-textbox {
-        width: 0;
-        max-width: 0;
-
-        .dx-texteditor-input {
-          width: 0;
-          padding-left: 0;
-        }
-      }
     }
   }
 }

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

@@ -51,6 +51,13 @@
   }
 }
 
+.dx-dropdowneditor-field-before-template-wrapper,
+.dx-dropdowneditor-field-after-template-wrapper {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+}
+
 .dx-dropdowneditor-active {
   .dx-dropdowneditor-icon {
     opacity: 0.35;

package/data/scss/widgets/base/scheduler/_common.scss

@@ -4,7 +4,7 @@
 // adduse
 
 $scheduler-appointment-collector-margin: 3px;
-$scheduler-appointment-collector-height: 20px;
+$scheduler-appointment-collector-height: 22px;
 $scheduler-popup-scrollable-content-padding: 20px;
 
 // NOTE: a11y aria-live container must be visible to allow screen readers read it
@@ -16,7 +16,7 @@ $scheduler-popup-scrollable-content-padding: 20px;
   clip-path: polygon(0 0);
 }
 
-.dx-scheduler-appointment-popup {
+.dx-scheduler-legacy-appointment-popup {
   .dx-popup-content {
     padding-top: 0;
     padding-bottom: 0;
@@ -50,7 +50,7 @@ $scheduler-popup-scrollable-content-padding: 20px;
   display: block;
   height: $scheduler-appointment-collector-height;
   cursor: pointer;
-  margin: $scheduler-appointment-collector-margin 0 0 $scheduler-appointment-collector-margin;
+  margin: $scheduler-appointment-collector-margin;
 
   .dx-scheduler-appointment-collector-content,
   .dx-button-content {
@@ -72,10 +72,13 @@ $scheduler-popup-scrollable-content-padding: 20px;
   &.dx-button.dx-button-default {
     padding: 0;
     max-width: none;
-    border-radius: $scheduler-appointment-collector-height;
   }
 }
 
+.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
+  margin: 0 3px;
+}
+
 .dx-scheduler-work-space-mouse-selection {
   .dx-scheduler-fixed-appointments,
   .dx-scheduler-scrollable-appointments,
@@ -84,12 +87,6 @@ $scheduler-popup-scrollable-content-padding: 20px;
   }
 }
 
-.dx-rtl {
-  .dx-scheduler-appointment-collector {
-    margin: $scheduler-appointment-collector-margin $scheduler-appointment-collector-margin 0 0;
-  }
-}
-
 .dx-scheduler-view-switcher .dx-toolbar-item-auto-hide {
   padding: 0;
 }
@@ -112,7 +109,17 @@ $scheduler-popup-scrollable-content-padding: 20px;
     line-height: 1.3;
   }
 
-  .dx-scheduler-appointment-collector {
-    margin: 0;
+  .dx-scheduler-appointment-collector,
+  .dx-scheduler-appointment-collector.dx-scheduler-appointment-collector-compact {
+    height: 28px;
+    width: 28px;
+    margin: 0 3px;
+  }
+
+  .dx-scheduler-work-space.dx-scheduler-timeline {
+    .dx-scheduler-appointment-collector,
+    .dx-scheduler-appointment-collector.dx-scheduler-appointment-collector-compact {
+      width: auto;
+    }
   }
 }

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

@@ -31,6 +31,8 @@ $agenda-appointment-text-color: null !default;
 $agenda-appointment-title-font-size: null !default;
 
 $scheduler-header-panel-table-cell-height: null !default;
+$scheduler-days-of-week-button-size: null !default;
+$scheduler-recurrence-end-item-height: null !default;
 
 // Agenda
 $agenda-appointment-recurrence-icon-color: null !default;
@@ -460,6 +462,189 @@ $scheduler-appointment-form-label-padding: 20px;
   }
 
   .dx-scheduler-appointment-popup {
+    .dx-popup-content {
+      overflow-x: hidden;
+    }
+
+    .dx-form {
+      min-height: 100%;
+      position: relative;
+      overflow: hidden;
+
+      .dx-scheduler-form-main-group {
+        width: 100%;
+        transition: transform 0.3s ease-in-out;
+        transform: translateX(0);
+        position: relative;
+
+        &.dx-scheduler-form-main-group-hidden {
+          transform: translateX(-110%);
+          position: absolute;
+          top: 0;
+        }
+      }
+
+      .dx-scheduler-form-recurrence-group {
+        width: 100%;
+        transition: transform 0.3s ease-in-out;
+        transform: translateX(0);
+        position: relative;
+
+        &.dx-scheduler-form-recurrence-group-hidden {
+          transform: translateX(110%);
+          position: absolute;
+          top: 0;
+        }
+      }
+      .dx-scheduler-form-group-with-icon .dx-box-item:has(.dx-scheduler-form-icon) {
+        flex: 0 1 auto !important; // stylelint-disable-line declaration-no-important
+        align-items: end;
+      }
+
+      .dx-scheduler-form-date-range-group .dx-box-item:has(.dx-scheduler-form-icon),
+      .dx-scheduler-form-description-group .dx-box-item:has(.dx-scheduler-form-icon),
+      .dx-scheduler-form-resources-group .dx-box-item:has(.dx-scheduler-default-resources-icon),
+      .dx-scheduler-form-recurrence-settings-group .dx-box-item:has(.dx-scheduler-form-icon),
+      .dx-scheduler-form-recurrence-end-group .dx-box-item:has(.dx-scheduler-form-icon) {
+        align-items: start;
+      }
+
+      .dx-scheduler-form-icon {
+        display: flex;
+        align-items: center;
+
+        > .dx-field-item-content {
+          line-height: 1;
+        }
+      }
+      .dx-scheduler-form-all-day-switch.dx-field-item.dx-label-h-align {
+        align-items: center;
+
+        .dx-field-item-content {
+          text-align: end;
+
+          .dx-switch.dx-widget {
+            margin: 0;
+          }
+        }
+      }
+
+      .dx-scheduler-form-start-date-group .dx-item,
+      .dx-scheduler-form-end-date-group .dx-item,
+      .dx-scheduler-form-recurrence-settings-group .dx-item,
+      .dx-scheduler-form-day-of-month-group .dx-item,
+      .dx-scheduler-form-day-of-year-group .dx-item {
+        align-items: end;
+
+        .dx-datebox input.dx-texteditor-input {
+          padding-inline-end: 0;
+        }
+      }
+
+      .dx-scheduler-form-recurrence-end-group .dx-item {
+        .dx-texteditor-input-container .dx-texteditor-input {
+          padding-inline-end: 0;
+        }
+      }
+      .dx-scheduler-form-recurrence-end-group {
+        .dx-field-item-label {
+          display: flex;
+          align-items: center;
+        }
+
+        > .dx-box-item {
+          height: 100%;
+          margin: 0;
+          padding: 0;
+        }
+      }
+
+      // RadioGroup and Inputs columns
+      .dx-scheduler-form-recurrence-end-editors {
+        .dx-field-item-content {
+          height: 100%;
+          padding: 0;
+        }
+
+        .dx-radiogroup {
+          padding: 0;
+          height: 100%;
+        }
+
+        .dx-item.dx-radiobutton {
+          margin: 8px 0 0 0;
+          padding: 0;
+          height: $scheduler-recurrence-end-item-height !important; // stylelint-disable-line declaration-no-important
+
+          &:first-child {
+            margin-top: 0;
+          }
+        }
+
+        .dx-radiogroup-item {
+          align-items: center;
+        }
+
+        .dx-box-item-content {
+          height: 100%;
+          padding: 0;
+        }
+
+        .dx-box-item {
+          height: $scheduler-recurrence-end-item-height;
+          margin: 0;
+          padding: 0;
+
+          &:not(:first-child) {
+            margin-top: 8px;
+          }
+
+          .dx-box-item-content {
+            height: $scheduler-recurrence-end-item-height;
+            padding: 0;
+          }
+        }
+
+        .dx-field-item,
+        .dx-empty-item {
+          height: $scheduler-recurrence-end-item-height;
+          margin: 0;
+          padding: 0 !important; // stylelint-disable-line declaration-no-important
+
+          .dx-field-item-content {
+            padding: 0 !important; // stylelint-disable-line declaration-no-important
+            height: $scheduler-recurrence-end-item-height;
+          }
+        }
+
+        .dx-texteditor,
+        .dx-numberbox {
+          height: $scheduler-recurrence-end-item-height;
+        }
+      }
+      .dx-scheduler-form-repeat-editor .dx-scheduler-form-recurrence-settings-button {
+        position: relative;
+
+        .dx-icon {
+          color: $scheduler-workspace-accent-color;
+        }
+      }
+
+      .dx-scheduler-form-repeat-editor .dx-selectbox.dx-state-readonly .dx-scheduler-form-recurrence-settings-button {
+        margin-right: 0;
+      }
+      .dx-scheduler-days-of-week-buttons {
+        display: flex;
+        align-items: center;
+
+        .dx-button {
+          border-radius: 50%;
+        }
+      }
+    }
+  }
+
+  .dx-scheduler-legacy-appointment-popup {
     .dx-form .dx-field-item.dx-appointment-form-switch > div {
       flex-grow: 0;
       width: auto;
@@ -513,6 +698,10 @@ $scheduler-appointment-form-label-padding: 20px;
   }
 
   .dx-scheduler-appointment-collector-compact {
+    &.dx-scheduler-appointment-collector {
+      width: 24px;
+    }
+
     .dx-scheduler-appointment-collector-content,
     .dx-button-content {
       span:last-child {

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

@@ -0,0 +1,17 @@
+.dx-speech-to-text-listening {
+  animation: dx-speech-to-text-listening-animation 1.5s ease-in-out 0.5s infinite;
+}
+
+@keyframes dx-speech-to-text-listening-animation {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}

package/data/scss/widgets/base/textArea/_mixins.scss

@@ -8,7 +8,7 @@
   $underlined-top-padding,
 ) {
   .dx-textarea {
-    .dx-texteditor-input-container {
+    > .dx-texteditor-container > .dx-texteditor-input-container {
       margin: $input-container-margin;
     }
 

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

@@ -410,3 +410,7 @@ $treelist-row-error-color: $datagrid-row-error-color;
     background-color: color.change($treelist-base-color, $alpha: 0.08);
   }
 }
+
+.dx-command-ai-header-button .dx-button.dx-state-focused {
+  outline: 2px solid $treelist-focused-border-color;
+}

package/data/scss/widgets/fluent/_colors.scss

@@ -33,7 +33,7 @@ $base-accent-active: null !default;
 $base-accent-selected: null !default;
 
 $fluent-color-theme-modificator: null !default;
-$base-font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif !default; // stylelint-disable-line value-keyword-case
+$base-font-family: 'segoe ui', -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', 'adwaita sans', cantarell, ubuntu, roboto, noto, helvetica, arial, sans-serif !default;
 $base-typography-bg: null !default;
 $base-bg: null !default;
 $base-hover-bg: null !default;

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

@@ -55,11 +55,11 @@
 @use "./filterBuilder";
 @use "./drawer";
 @use "./htmlEditor";
+@use "./speechToText";
 @use "./speedDialAction";
 @use "./fileManager";
 @use "./diagram";
 @use "./gantt";
 @use "./sortable";
-@use "./deferRendering";
 @use "./map";
 @use "./cardView";

package/data/scss/widgets/fluent/chat/_colors.scss

@@ -23,11 +23,14 @@ $chat-typingindicator-bubble-bg-color: getCustomVar(("$chat-typingindicator-bubb
 @use "../sizes" as *;
 @use "../colors" as *;
 @use "../textEditor/colors" as *;
+@use "../button/colors" as *;
 
 // adduse
 $chat-background-color: $base-bg !default;
 $chat-border-color: $base-border-color !default;
 $chat-messagebox-border-color: $chat-border-color !default;
+$chat-messagebox-file-background-color: $button-normal-text-hover-bg !default;
+$chat-messagebox-file-cancel-button-secondary-color: $button-normal-text-selected-bg !default;
 $chat-message-editing-preview-accent-color: $base-accent !default;
 $chat-message-editing-preview-cancel-button-color: $texteditor-label-color !default;
 $chat-avatar-color: $base-text-color !default;
@@ -48,6 +51,10 @@ $chat-typingindicator-color: null !default;
 $chat-typingindicator-circle-bg-color-center: null !default;
 $chat-typingindicator-circle-bg-color: null !default;
 
+$chat-file-container-background-color: $base-bg !default;
+$chat-file-container-box-shadow: null !default;
+$chat-file-secondary-color: null !default;
+
 @if $mode == "light" {
   $chat-bubble-background-color-secondary: darken($base-bg, 3.92) !default;
   $chat-information-author-name-color: darken($base-bg, 56.08) !default;
@@ -62,6 +69,9 @@ $chat-typingindicator-circle-bg-color: null !default;
   $chat-typingindicator-circle-bg-color: darken($base-bg, 29.16) !default;
   $chat-typingindicator-circle-bg-color-center: darken($base-bg, 56.08) !default;
 
+  $chat-file-container-box-shadow: 0 0 2px 0 color.change($base-shadow-color, $alpha: 0.12), 0 1px 2px 0 color.change($base-shadow-color, $alpha: 0.14) !default;
+  $chat-file-secondary-color: $base-icon-color !default;
+
   @if $color == "blue" {
     $chat-bubble-background-color-primary: lighten(desaturate(adjust-hue($base-accent, 3.8), 11.4), 55.5) !default;
     $chat-messagelist-empty-icon-background-color: darken($base-bg, 3.92) !default;
@@ -88,6 +98,9 @@ $chat-typingindicator-circle-bg-color: null !default;
 
   $chat-typingindicator-circle-bg-color: lighten($base-bg, 33.92) !default;
   $chat-typingindicator-circle-bg-color-center: lighten($base-bg, 43.92) !default;
+
+  $chat-file-container-box-shadow: 0 0 2px 0 color.change($base-shadow-color, $alpha: 0.24), 0 1px 2px 0 color.change($base-shadow-color, $alpha: 0.28) !default;
+  $chat-file-secondary-color: $base-icon-color !default;
 }
 $chat-typingindicator-bubble-bg-color: $chat-bubble-background-color-secondary !default;
 

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

@@ -2,6 +2,7 @@
 @use "colors" as *;
 @use "sizes" as *;
 @use "../../base/chat/mixins" as *;
+@use "../common/mixins" as *;
 
 // adduse
 
@@ -15,7 +16,23 @@
   $chat-avatar-color,
   $chat-avatar-background-color,
 );
-@include chat-header($chat-header-padding);
+@include chat-file(
+  $chat-file-container-width,
+  $chat-file-container-padding,
+  $chat-file-container-background-color,
+  $chat-file-container-border-radius,
+  $chat-file-container-box-shadow,
+  $chat-file-button-size,
+  $chat-file-secondary-font-size,
+  $chat-file-secondary-color,
+  $chat-file-base-section-gap,
+  $chat-file-size-max-width,
+  $chat-file-icon-font-size,
+);
+@include chat-fileview(
+  $chat-file-view-items-gap,
+  $chat-file-container-width,
+);
 @include chat-alertlist(
   $chat-alertlist-color,
   $chat-alerts-padding-block,
@@ -28,7 +45,14 @@
   $chat-messagebox-border-color,
   $chat-messagebox-gap,
   $chat-messagebox-textarea-border-radius,
-  $chat-messagebox-buton-gap,
+  $chat-messagebox-textarea-padding,
+  $chat-messagebox-toolbar-min-height,
+  $chat-file-container-width,
+  $chat-messagebox-files-container-padding,
+  $chat-messagebox-files-container-padding-top,
+  $chat-messagebox-file-background-color,
+  $chat-messagebox-file-cancel-button-secondary-color,
+  $chat-file-container-box-shadow,
 );
 @include chat-messagebubble(
   $chat-bubble-padding,
@@ -40,6 +64,7 @@
   $chat-bubble-container-gap,
   $chat-bubble-delete-gap,
   $chat-bubble-delete-icon-size,
+  $chat-bubble-gap,
 );
 @include chat-messagegroup(
   $chat-messagegroup-gap,
@@ -111,3 +136,7 @@
   $chat-confirmation-popup-toolbar-padding-inline,
   $chat-confirmation-popup-toolbar-gap,
 );
+
+.dx-chat-file {
+  @include dx-base-typography();
+}

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

@@ -14,9 +14,12 @@ $chat-bubble-container-gap: 4px !default;
 $chat-bubble-delete-gap: null !default;
 $chat-bubble-delete-icon-size: null !default;
 $chat-messagebox-padding: null !default;
-$chat-messagebox-textarea-border-radius: $texteditor-input-border-radius !default;
+$chat-messagebox-textarea-padding: null !default;
+$chat-messagebox-textarea-border-radius: null !default;
+$chat-messagebox-toolbar-min-height: null !default;
 $chat-messagebox-gap: 8px !default;
-$chat-messagebox-buton-gap: 2px !default;
+$chat-messagebox-files-container-padding: 3px !default;
+$chat-messagebox-files-container-padding-top: 2px !default;
 $chat-messagelist-padding: null !default;
 $chat-messagegroup-gap: 4px !default;
 $chat-messagegroup-padding: null !default;
@@ -24,7 +27,6 @@ $chat-information-gap: 8px !default;
 $chat-avatar-size: 32px !default;
 $chat-messagegroup-alignment-start-template: auto 82.5% 1fr !default;
 $chat-messagegroup-alignment-start-gap: 12px !default;
-$chat-header-padding: 20px !default;
 $chat-information-font-size: 12px !default;
 $chat-information-icon-size: 12px !default;
 $chat-information-edited-gap: 2px !default;
@@ -66,12 +68,26 @@ $chat-confirmation-popup-toolbar-padding-block: $fluent-popup-content-withtitle-
 $chat-confirmation-popup-toolbar-padding-inline: $fluent-popup-content-withtitle-top-padding !default;
 $chat-confirmation-popup-toolbar-gap: null !default;
 
+$chat-file-container-width: 17.14em !default;
+$chat-file-container-padding: 7px 8px !default;
+$chat-file-container-border-radius: $fluent-base-border-radius !default;
+$chat-file-button-size: $fluent-button-height !default;
+$chat-file-secondary-font-size: 10px !default;
+$chat-file-base-section-gap: 4px !default;
+$chat-file-size-max-width: 4em !default;
+$chat-file-icon-font-size: null !default;
+$chat-file-view-items-gap: 8px !default;
+$chat-bubble-gap: 8px !default;
+
 @if $size == "default" {
   $chat-bubble-border-radius: $fluent-base-border-radius * 3 !default;
   $chat-bubble-padding: 8px 12px !default;
   $chat-bubble-delete-gap: 4px !default;
   $chat-bubble-delete-icon-size: 20px !default;
   $chat-messagebox-padding: 20px !default;
+  $chat-messagebox-textarea-border-radius: 8px !default;
+  $chat-messagebox-textarea-padding: 12px !default;
+  $chat-messagebox-toolbar-min-height: 32px !default;
   $chat-messagelist-padding: 20px !default;
   $chat-messagegroup-padding: 24px !default;
 
@@ -97,6 +113,8 @@ $chat-confirmation-popup-toolbar-gap: null !default;
   $chat-typingindicator-bubble-border-radius: $chat-bubble-border-radius !default;
 
   $chat-confirmation-popup-toolbar-gap: 8px !default;
+
+  $chat-file-icon-font-size: 20px !default;
 }
 
 @else if $size == "compact" {
@@ -105,6 +123,9 @@ $chat-confirmation-popup-toolbar-gap: null !default;
   $chat-bubble-delete-gap: 2px !default;
   $chat-bubble-delete-icon-size: 16px !default;
   $chat-messagebox-padding: 16px !default;
+  $chat-messagebox-textarea-border-radius: 8px !default;
+  $chat-messagebox-textarea-padding: 8px !default;
+  $chat-messagebox-toolbar-min-height: 24px !default;
   $chat-messagelist-padding: 16px !default;
   $chat-messagegroup-padding: 12px !default;
 
@@ -130,4 +151,6 @@ $chat-confirmation-popup-toolbar-gap: null !default;
   $chat-typingindicator-bubble-border-radius: $chat-bubble-border-radius !default;
 
   $chat-confirmation-popup-toolbar-gap: 4px !default;
+
+  $chat-file-icon-font-size: 16px !default;
 }

package/data/scss/widgets/fluent/colorBox/_colors.scss

@@ -4,3 +4,4 @@
 
 // adduse
 
+$colorbox-preview-icon-color: $base-icon-color !default;

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

@@ -21,13 +21,6 @@
       padding-inline-start: $fluent-colorbox-preview-width;
     }
 
-    &.dx-colorbox-color-is-not-defined {
-      .dx-colorbox-color-result-preview {
-        background: $colorbox-preview-empty-bg no-repeat 0 0;
-        background-size: contain;
-      }
-    }
-
     &::after {
       left: $fluent-colorbox-preview-padding + 1;
     }
@@ -52,6 +45,16 @@
   inset-inline-start: $fluent-colorbox-preview-padding;
   border: 1px solid;
   border-color: $colorview-border-color;
+
+  .dx-icon-colordismiss {
+    color: $colorbox-preview-icon-color;
+  }
+
+  .dx-state-disabled & {
+    .dx-icon-colordismiss {
+      color: $base-foreground-disabled;
+    }
+  }
 }
 
 .dx-colorbox-overlay {

package/data/scss/widgets/fluent/colorView/_colors.scss

@@ -12,16 +12,6 @@ $colorview-border-color: $base-border-color !default;
 $colorview-label-color: $base-label-color !default;
 $colorview-handle-color: $base-bg !default;
 $colorview-handle-border-color: $base-border-color !default;
-$colorbox-preview-empty-bg: null !default;
-
-
-@if $mode == "light" {
-  $colorbox-preview-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=") !default;
-}
-
-@if $mode == "dark" {
-  $colorbox-preview-empty-bg: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=") !default;
-}
 $never-used: collector((
 "$colorbox-overlay-bg": $colorbox-overlay-bg,
 ));

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

@@ -22,7 +22,6 @@ $badge-invalid-bg: $base-invalid-color;
   @include disabled-widget-mixin($opacity);
 }
 
-
 @mixin badge-settings() {
   pointer-events: none;
   position: absolute;

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

@@ -15,7 +15,7 @@
 $fluent-editor-custom-button-margin: 6px;
 
 .dx-daterangebox {
-  @include dx-dropdowneditor-button-icon-styling(eventall);
+  @include dx-dropdowneditor-button-icon-styling(daterangepicker);
 
   &.dx-editor-outlined,
   &.dx-editor-filled {