devextreme-themebuilder 25.2.3 → 25.2.5

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

@@ -4965,7 +4965,7 @@ exports.metadata = {
         }
     ]
 };
-exports.version = '25.2.3';
+exports.version = '25.2.5';
 exports.browsersList = [
     'last 2 Chrome versions',
     'last 2 Firefox versions',

package/data/scss/widgets/base/_form.scss

@@ -155,7 +155,7 @@
 .dx-field-item-optional {
   .dx-label > span {
     &::after {
-      content: attr(data-mark);
+      content: attr(data-mark) / '';
     }
   }
 }

package/data/scss/widgets/base/_gridBase.scss

@@ -206,7 +206,7 @@
     }
 
     .dx-#{$widget-name}-total-footer {
-      .dx-#{$widget-name}-sticky-column, .dx-#{$widget-name}-sticky-column-left, .dx-#{$widget-name}-sticky-column-right {
+      td:not(.dx-#{$widget-name}-sticky-column):not(.dx-#{$widget-name}-sticky-column-left):not(.dx-#{$widget-name}-sticky-column-right) {
         background-color: transparent;
       }
     }
@@ -1141,6 +1141,12 @@
         .dx-filter-range-content {
           padding: $grid-cell-padding $grid-texteditor-input-padding $grid-cell-padding $grid-cell-padding;
         }
+
+        .dx-#{$widget-name}-sticky-column-right {
+          &.dx-command-expand {
+            z-index: 4;
+          }
+        }
       }
     }
     .dx-#{$widget-name}-headers, .dx-#{$widget-name}-total-footer {

package/data/scss/widgets/base/_htmlEditor.scss

@@ -22,6 +22,14 @@ $transparent-border: 1px solid transparent;
   @return list-#{$counter};
 }
 
+@function add-counter-set($counter, $start: 1) {
+  @if $counter > $start {
+    @return add-counter-set($counter - 1, $start) + " " + list-#{$counter} + " 0";
+  }
+
+  @return list-#{$counter} + " 0";
+}
+
 @mixin if-less-then-max-indent($value) {
   @if $value < $max-indent {
     li.ql-indent-#{$value} {
@@ -194,7 +202,11 @@ $transparent-border: 1px solid transparent;
     padding: 2px 5px;
   }
 
-  ol,
+  ol {
+    padding-inline-start: 1.5em;
+    counter-reset: add-counter-reset($max-indent);
+  }
+
   ul {
     padding-inline-start: 1.5em;
   }
@@ -238,7 +250,6 @@ $transparent-border: 1px solid transparent;
   }
 
   li[data-list="ordered"] {
-    counter-reset: add-counter-reset($max-indent);
     counter-increment: list-0;
 
     &::before {
@@ -246,6 +257,10 @@ $transparent-border: 1px solid transparent;
     }
   }
 
+  li[data-list="ordered"]:not([class*="ql-indent"]) {
+    counter-set: add-counter-set($max-indent);
+  }
+
   @include add-counter($max-indent);
   @include add-indent-styles($max-indent);
 

package/data/scss/widgets/base/_icon_fonts.scss

@@ -178,7 +178,23 @@
 .dx-icon-calendardatestartoutline,
 .dx-icon-calendardatestartfilled,
 .dx-icon-calendardateendoutline,
-.dx-icon-calendardateendfilled {
+.dx-icon-calendardateendfilled,
+.dx-icon-datalineoutline,
+.dx-icon-datalinefilled,
+.dx-icon-dataareaoutline,
+.dx-icon-dataareafilled,
+.dx-icon-databaroutline,
+.dx-icon-databarfilled,
+.dx-icon-datastackedbaroutline,
+.dx-icon-datastackedbarfilled,
+.dx-icon-datapieoutline,
+.dx-icon-datapiefilled,
+.dx-icon-datadoughnutoutline,
+.dx-icon-datadoughnutfilled,
+.dx-icon-checkmarkcirclefilled,
+.dx-icon-botoutline,
+.dx-icon-botfilled,
+.dx-icon-copyfilled {
   background-position: 0 0;
   background-repeat: no-repeat;
 }
@@ -572,6 +588,22 @@ $icons: (
     "calendardatestartfilled":"\f220",
     "calendardateendoutline":"\f221",
     "calendardateendfilled":"\f222",
+    "datalineoutline":"\f223",
+    "datalinefilled": "\f224",
+    "dataareaoutline": "\f225",
+    "dataareafilled": "\f226",
+    "databaroutline": "\f227",
+    "databarfilled": "\f228",
+    "datastackedbaroutline": "\f229",
+    "datastackedbarfilled": "\f230",
+    "datapieoutline": "\f231",
+    "datapiefilled": "\f232",
+    "datadoughnutoutline": "\f233",
+    "datadoughnutfilled": "\f234",
+    "checkmarkcirclefilled": "\f235",
+    "botoutline": "\f236",
+    "botfilled": "\f237",
+    "copyfilled": "\f238",
 );
 
 // stylelint-enable

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

@@ -452,9 +452,19 @@ $datagrid-text-stub-background-image-path: null !default;
     outline: none;
   }
 
-  &:focus-within {
+  &:focus-within::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
     outline: 2px solid $datagrid-focused-border-color;
-    outline-offset: -2px;
+    outline-offset: -1px;
+    z-index: 4; // should overlap sticky column cells
+    pointer-events: none;
+    background-color: transparent;
   }
 }
 

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

@@ -53,7 +53,7 @@ $list-searchbox-margin-bottom: 5px;
   width: 100%;
 
   &::before {
-    content: "_";
+    content: "_" / "";
     color: transparent;
     display: inline-block;
     width: 0;

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

@@ -503,20 +503,18 @@ $scheduler-appointment-form-label-padding: 20px;
         align-items: start;
       }
 
+      .dx-scheduler-form-top-label-offset {
+        margin-top: $scheduler-appointment-popup-icon-margin-top;
+      }
+
       .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;
 

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

@@ -90,7 +90,7 @@
         padding-right: 0;
         overflow: initial;
         overflow-x: clip;
-        background-color: transparent;
+        background-color: inherit;
       }
     }
 

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

@@ -737,6 +737,11 @@ $fluent-scheduler-agenda-time-panel-cell-padding: 8px;
 
     .dx-scheduler-form-repeat-editor .dx-scheduler-form-recurrence-settings-button {
       height: auto;
+
+      &.dx-button-mode-text.dx-state-focused {
+        outline: auto;
+        outline-offset: -2px;
+      }
     }
   }
 }

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

@@ -72,7 +72,7 @@
         padding-right: 0;
         overflow: initial;
         overflow-x: clip;
-        background-color: transparent;
+        background-color: inherit;
       }
     }
 

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

@@ -2,15 +2,13 @@
 
 // adduse
 
-$generic-dropdownbutton-icon-spindown-size: null !default;
+$generic-dropdownbutton-icon-spindown-size: $generic-base-icon-size !default;
 $generic-dropdownbutton-action-horizontal-padding: null !default;
 
 @if $size == "default" {
-  $generic-dropdownbutton-icon-spindown-size: 18px;
   $generic-dropdownbutton-action-horizontal-padding: 12px !default;
 }
 
 @else if $size == "compact" {
-  $generic-dropdownbutton-icon-spindown-size: 16px;
   $generic-dropdownbutton-action-horizontal-padding: 10px !default;
 }

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

@@ -272,6 +272,10 @@ $generic-scheduler-agenda-group-header-padding: $generic-scheduler-agenda-time-c
           font-size: $generic-scheduler-appointment-popup-icon-size;
         }
       }
+
+      &.dx-scheduler-form-inner-label-offset {
+        margin-top: $generic-scheduler-appointment-popup-icon-inner-label-margin-top;
+      }
     }
 
     .dx-scheduler-form-icon-sized-gap {

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

@@ -33,6 +33,7 @@ $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-icon-margin-top: null !default;
+$generic-scheduler-appointment-popup-icon-inner-label-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;
@@ -99,6 +100,7 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
   $generic-scheduler-appointment-popup-icon-container-height: 36px !default;
   $generic-scheduler-appointment-popup-icon-padding-right: 5px !default;
   $generic-scheduler-appointment-popup-icon-margin-top: 22px !default;
+  $generic-scheduler-appointment-popup-icon-inner-label-margin-top: null !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;
@@ -167,6 +169,7 @@ $generic-scheduler-group-header-agenda-font-size: 14px !default;
   $generic-scheduler-appointment-popup-icon-container-height: 26px !default;
   $generic-scheduler-appointment-popup-icon-padding-right: 5px !default;
   $generic-scheduler-appointment-popup-icon-margin-top: 18px !default;
+  $generic-scheduler-appointment-popup-icon-inner-label-margin-top: 4.5px !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;

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

@@ -87,7 +87,7 @@
         padding-right: 0;
         overflow: initial;
         overflow-x: clip;
-        background-color: transparent;
+        background-color: inherit;
       }
     }
 

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

@@ -45,7 +45,7 @@
 }
 
 .dx-loadindicator-content-circle {
-  .dx-loadindicator-content {
+  &.dx-loadindicator-content {
     animation: dx-content-rotation 1568ms linear infinite;
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devextreme-themebuilder",
-  "version": "25.2.3",
+  "version": "25.2.5",
   "description": "DevExtreme ThemeBuilder",
   "keywords": [
     "devextreme",
@@ -10,7 +10,11 @@
   "homepage": "https://js.devexpress.com/",
   "bugs": "https://www.devexpress.com/support/",
   "author": "Developer Express Inc.",
-  "repository": "https://github.com/DevExpress/DevExtreme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DevExpress/DevExtreme.git",
+    "directory": "packages/devextreme-themebuilder"
+  },
   "license": "SEE LICENSE IN README.md",
   "peerDependencies": {
     "bootstrap": "^5.3.8"
@@ -35,7 +39,7 @@
     "eslint-config-devextreme": "1.1.5",
     "eslint-plugin-import": "2.31.0",
     "eslint-plugin-no-only-tests": "3.3.0",
-    "express": "4.21.1",
+    "express": "4.21.2",
     "filing-cabinet": "4.1.6",
     "fs-extra": "11.2.0",
     "immutable": "4.3.5",