devextreme-themebuilder 25.2.2-beta → 25.2.4

package/data/metadata/dx-theme-builder-metadata.js

@@ -4965,11 +4965,15 @@ exports.metadata = {
         }
     ]
 };
-exports.version = '25.2.2-beta';
+exports.version = '25.2.4';
 exports.browsersList = [
-    'last 2 versions',
-    'ios > 9',
-    '> 1%',
+    'last 2 Chrome versions',
+    'last 2 Firefox versions',
+    'last 2 Safari versions',
+    'last 2 Edge versions',
+    'last 2 Opera versions',
+    'last 2 iOS versions',
+    'last 2 ChromeAndroid versions',
     'not dead'
 ];
 exports.dependencies = {

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-button-disabled() {
   cursor: default;

package/data/scss/widgets/base/cardView/header_panel/item/_index.scss

@@ -1,4 +1,4 @@
-@use '../../../icons' as *;
+@use '../../../icon_fonts' as *;
 @use './variables' as *;
 
 .dx-cardview-header-item {

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

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 @mixin chat-alertlist(
   $error-color,

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

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 @mixin chat-messagegroup(
   $messagegroup-gap,

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

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 .dx-chat-messagelist {
   flex-grow: 1;

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

@@ -1,5 +1,5 @@
 @use "sass:math";
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-checkbox-icon-centered(
   $icon-height,

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

@@ -13,7 +13,7 @@ $datagrid-text-stub-background-image-path: null !default;
 
 @use "sass:color";
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 @use "./variables" as *;
 

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin invalid-dropdowneditor-input-padding(
   $invalid-badge-size,

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

@@ -21,7 +21,7 @@ $filterbuilder-remove-icon-hover-color: null !default;
 $filterbuilder-remove-icon-focus-color: null !default;
 $filterbuilder-menu-icon-color: null !default;
 
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 
 .dx-filterbuilder {

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin informer(
   $error-color,

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-lookup-arrow(
   $spin-icon-glyph,

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

@@ -20,7 +20,7 @@ $pivotgrid-empty-area-text-padding: null !default;
 $pivotgrid-button-top-padding: null !default;
 
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 
 $pivotgrid-drag-header-border: 1px solid $pivotgrid-drag-header-border-color;

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

@@ -31,8 +31,10 @@ $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;
+
+$scheduler-appointment-popup-icon-margin-top: null !default;
+$scheduler-appointment-popup-repeat-end-item-height: null !default;
+$scheduler-appointment-popup-repeat-end-item-vertical-margin: null !default;
 
 // Agenda
 $agenda-appointment-recurrence-icon-color: null !default;
@@ -40,7 +42,7 @@ $agenda-appointment-recurrence-icon-color: null !default;
 @use "./layout/header" as *;
 @use "./mixins" as *;
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common";
 @use "./tooltip" with (
   $scheduler-appointment-base-color: $scheduler-appointment-base-color,
@@ -496,27 +498,25 @@ $scheduler-appointment-form-label-padding: 20px;
           top: 0;
         }
       }
-      .dx-scheduler-form-group-with-icon .dx-box-item:has(.dx-scheduler-form-icon) {
+      .dx-scheduler-form-group-with-icon .dx-item-content > .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;
+        margin-top: $scheduler-appointment-popup-icon-margin-top;
 
         > .dx-field-item-content {
           line-height: 1;
         }
       }
+
+      .dx-scheduler-form-date-range-group .dx-scheduler-form-icon,
+      .dx-scheduler-form-recurrence-end-group .dx-scheduler-form-icon {
+        margin-top: 0;
+      }
       .dx-scheduler-form-all-day-switch.dx-field-item.dx-label-h-align {
         align-items: center;
 
@@ -540,86 +540,30 @@ $scheduler-appointment-form-label-padding: 20px;
           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;
+          height: $scheduler-appointment-popup-repeat-end-item-height;
+          line-height: $scheduler-appointment-popup-repeat-end-item-height;
         }
 
-        .dx-radiogroup {
-          padding: 0;
-          height: 100%;
+        .dx-radiobutton {
+          height: $scheduler-appointment-popup-repeat-end-item-height !important; // stylelint-disable-line declaration-no-important
         }
 
-        .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-scheduler-form-recurrence-end-editors {
+          .dx-texteditor-input-container input.dx-texteditor-input {
+            padding-inline-end: 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;
+          margin: calc($scheduler-appointment-popup-repeat-end-item-vertical-margin / 2) 0;
 
-          &:not(:first-child) {
-            margin-top: 8px;
+          .dx-item {
+            .dx-field-item, .dx-field-empty-item {
+              padding: 0;
+              margin: calc($scheduler-appointment-popup-repeat-end-item-vertical-margin / 2) 0;
+              height: $scheduler-appointment-popup-repeat-end-item-height;
+            }
           }
-
-          .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 {

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

@@ -1,6 +1,6 @@
 @use "../../mixins" as *;
 @use "../../../mixins" as *;
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 $transparent-top-border: null !default;
 $appointment-base-color: null !default;

package/data/scss/widgets/base/stepper/layout/step/_mixins.scss

@@ -1,4 +1,4 @@
-@use "../../../icons" as *;
+@use "../../../icon_fonts" as *;
 
 @mixin step(
   $min-size,

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-switch(
   $switch-width,

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

@@ -1,4 +1,4 @@
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 @mixin dx-textarea(
   $input-container-margin,

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

@@ -1,5 +1,5 @@
 @use "./variables" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 
 .dx-treelist-headers {
   .dx-header-row {

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

@@ -13,7 +13,7 @@ $base-focus-color: null !default;
 
 @use "sass:color";
 @use "../mixins" as *;
-@use "../icons" as *;
+@use "../icon_fonts" as *;
 @use "./common" as *;
 @use "./expandable" as *;
 

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

@@ -1,5 +1,5 @@
 @use "../mixins" as *;
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 
 // adduse
 

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

@@ -1,6 +1,6 @@
 @use 'sass:math';
 @use "./common";
-@use "../../base/icons" as *;
+@use "../../base/icon_fonts" as *;
 
 .dx-treeview-custom-expand-icon,
 .dx-treeview-custom-collapse-icon {

package/data/scss/widgets/fluent/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/fluent/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: $fluent-button-icon-size) {

package/data/scss/widgets/fluent/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/fluent/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/fluent/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/fluent/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 *;

package/data/scss/widgets/fluent/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/fluent/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/fluent/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/fluent/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/fluent/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 *;
 
 // adduse
 @use "../scrollable";

package/data/scss/widgets/fluent/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/fluent/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/fluent/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/fluent/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 *;

package/data/scss/widgets/fluent/lookup/_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 "../textEditor/sizes" as *;
 @use "../textEditor/colors" as *;
 @use "../dropDownEditor" as *;

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

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

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

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

package/data/scss/widgets/fluent/numberBox/_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/sizes" as *;
 @use "../textEditor/colors" as *;
 @use "../../base/numberBox";

package/data/scss/widgets/fluent/pagination/_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/pagination";
 @use "../gridBase/sizes" as *;
 

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

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

package/data/scss/widgets/fluent/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 *;