devextreme-themebuilder 25.1.1-alpha → 25.1.2-beta

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

@@ -914,6 +914,151 @@ exports.metadata = {
             'Name': '60. Handle focused state background color',
             'Type': 'color'
         },
+        {
+            'Key': '$stepper-step-accent-bg',
+            'Name': '10. Active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-accent-hover-bg',
+            'Name': '20. Hover state active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-bg',
+            'Name': '30. Invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-hover-bg',
+            'Name': '40. Hover state invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-shadow-color',
+            'Name': '50. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-bg',
+            'Name': '60. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-bg',
+            'Name': '70. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-text-color',
+            'Name': '100. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-label-color',
+            'Name': '110. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-shadow',
+            'Name': '250. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-bg',
+            'Name': '260. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-text-color',
+            'Name': '270. Text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-bg',
+            'Name': '280. Pending color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-value-bg',
+            'Name': '290. Completed color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-border-color',
+            'Name': '80. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-border-color',
+            'Name': '90. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-bg',
+            'Name': '120. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-hover-bg',
+            'Name': '130. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-text-color',
+            'Name': '140. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-label-color',
+            'Name': '150. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-bg',
+            'Name': '160. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-bg',
+            'Name': '170. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-border-color',
+            'Name': '180. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-border-color',
+            'Name': '190. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-text-color',
+            'Name': '200. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-text-color',
+            'Name': '210. Hover state inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-label-color',
+            'Name': '220. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-bg',
+            'Name': '230. Selected background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-hover-bg',
+            'Name': '240. Selected hover state background color',
+            'Type': 'color'
+        },
         {
             'Key': '$switch-border-color',
             'Name': '10. Border color',
@@ -1952,6 +2097,151 @@ exports.metadata = {
             'Name': '30. Focused state icon color',
             'Type': 'color'
         },
+        {
+            'Key': '$stepper-step-accent-bg',
+            'Name': '10. Active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-accent-hover-bg',
+            'Name': '20. Hover state active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-bg',
+            'Name': '30. Invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-hover-bg',
+            'Name': '40. Hover state invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-shadow-color',
+            'Name': '50. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-bg',
+            'Name': '60. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-bg',
+            'Name': '70. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-text-color',
+            'Name': '100. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-label-color',
+            'Name': '110. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-shadow',
+            'Name': '250. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-bg',
+            'Name': '260. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-text-color',
+            'Name': '270. Text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-bg',
+            'Name': '280. Pending color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-value-bg',
+            'Name': '290. Completed color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-border-color',
+            'Name': '80. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-border-color',
+            'Name': '90. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-bg',
+            'Name': '120. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-hover-bg',
+            'Name': '130. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-label-color',
+            'Name': '140. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-text-color',
+            'Name': '150. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-bg',
+            'Name': '160. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-bg',
+            'Name': '170. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-border-color',
+            'Name': '180. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-border-color',
+            'Name': '190. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-text-color',
+            'Name': '200. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-text-color',
+            'Name': '210. Hover state inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-label-color',
+            'Name': '220. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-bg',
+            'Name': '230. Selected background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-hover-bg',
+            'Name': '240. Selected hover state background color',
+            'Type': 'color'
+        },
         {
             'Key': '$switch-bg',
             'Name': '20. Track "OFF" background color',
@@ -3030,6 +3320,151 @@ exports.metadata = {
             'Name': '20. Hover state icon color',
             'Type': 'color'
         },
+        {
+            'Key': '$stepper-step-accent-bg',
+            'Name': '10. Active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-accent-hover-bg',
+            'Name': '20. Hover state active color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-bg',
+            'Name': '30. Invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-danger-hover-bg',
+            'Name': '40. Hover state invalid color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-shadow-color',
+            'Name': '50. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-bg',
+            'Name': '60. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-bg',
+            'Name': '70. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-border-color',
+            'Name': '80. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-hover-border-color',
+            'Name': '90. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-text-color',
+            'Name': '100. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-base-label-color',
+            'Name': '110. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-bg',
+            'Name': '120. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-hover-bg',
+            'Name': '130. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-text-color',
+            'Name': '140. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-selected-label-color',
+            'Name': '150. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-bg',
+            'Name': '160. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-bg',
+            'Name': '170. Hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-border-color',
+            'Name': '180. Border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-border-color',
+            'Name': '190. Hover state border color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-text-color',
+            'Name': '200. Inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-hover-text-color',
+            'Name': '210. Hover state inner text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-label-color',
+            'Name': '220. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-bg',
+            'Name': '230. Selected background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-invalid-selected-hover-bg',
+            'Name': '240. Selected hover state background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-shadow',
+            'Name': '250. Shadow color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-bg',
+            'Name': '260. Background color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-step-disabled-text-color',
+            'Name': '270. Text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-bg',
+            'Name': '280. Pending color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$stepper-connector-value-bg',
+            'Name': '290. Completed color',
+            'Type': 'color'
+        },
         {
             'Key': '$switch-bg',
             'Name': '20. Track "OFF" background color',
@@ -3387,7 +3822,7 @@ exports.metadata = {
         }
     ]
 };
-exports.version = '25.1.1-alpha';
+exports.version = '25.1.2-beta';
 exports.browsersList = [
     'last 2 versions',
     'ios > 9',
@@ -3480,14 +3915,24 @@ exports.dependencies = {
         'textbox',
         'numberbox'
     ],
-    'chat': [
+    'toolbar': [
         'validation',
         'button',
+        'popup',
         'loadindicator',
-        'textbox',
         'loadpanel',
         'scrollview'
     ],
+    'chat': [
+        'validation',
+        'button',
+        'popup',
+        'loadindicator',
+        'loadpanel',
+        'scrollview',
+        'toolbar',
+        'textbox'
+    ],
     'selectbox': [
         'validation',
         'checkbox',
@@ -3584,15 +4029,30 @@ exports.dependencies = {
         'tabpanel'
     ],
     'gallery': [],
-    'toolbar': [
+    'contextmenu': [
+        'loadindicator',
         'validation',
         'button',
-        'popup',
+        'textbox'
+    ],
+    'treeview': [
         'loadindicator',
-        'loadpanel',
-        'scrollview'
+        'validation',
+        'button',
+        'textbox',
+        'checkbox'
     ],
-    'contextmenu': [
+    'menu': [
+        'validation',
+        'button',
+        'loadindicator',
+        'textbox',
+        'checkbox',
+        'treeview',
+        'contextmenu'
+    ],
+    'informer': [],
+    'textarea': [
         'loadindicator',
         'validation',
         'button',
@@ -3623,7 +4083,12 @@ exports.dependencies = {
         'multiview',
         'tabs',
         'tabpanel',
-        'form'
+        'form',
+        'treeview',
+        'menu',
+        'dropdownbutton',
+        'informer',
+        'textarea'
     ],
     'lookup': [
         'validation',
@@ -3679,12 +4144,6 @@ exports.dependencies = {
         'textbox',
         'selectbox'
     ],
-    'textarea': [
-        'loadindicator',
-        'validation',
-        'button',
-        'textbox'
-    ],
     'tileview': [
         'loadindicator',
         'loadpanel',
@@ -3692,22 +4151,6 @@ exports.dependencies = {
     ],
     'sortable': [],
     'accordion': [],
-    'treeview': [
-        'loadindicator',
-        'validation',
-        'button',
-        'textbox',
-        'checkbox'
-    ],
-    'menu': [
-        'validation',
-        'button',
-        'loadindicator',
-        'textbox',
-        'checkbox',
-        'treeview',
-        'contextmenu'
-    ],
     'filterbuilder': [
         'validation',
         'button',
@@ -3765,6 +4208,33 @@ exports.dependencies = {
         'scrollview',
         'toolbar'
     ],
+    'cardview': [
+        'loadindicator',
+        'validation',
+        'button',
+        'textbox',
+        'loadpanel',
+        'popup',
+        'scrollview',
+        'toolbar',
+        'checkbox',
+        'treeview',
+        'sortable',
+        'numberbox',
+        'calendar',
+        'box',
+        'list',
+        'selectbox',
+        'datebox',
+        'responsivebox',
+        'multiview',
+        'tabs',
+        'tabpanel',
+        'form',
+        'filterbuilder',
+        'toast',
+        'contextmenu'
+    ],
     'pivotgrid': [
         'validation',
         'button',
@@ -3786,14 +4256,14 @@ exports.dependencies = {
         'buttongroup',
         'loadindicator',
         'textbox',
+        'numberbox',
+        'checkbox',
         'calendar',
         'box',
-        'checkbox',
         'loadpanel',
         'scrollview',
         'list',
         'selectbox',
-        'numberbox',
         'datebox',
         'responsivebox',
         'multiview',

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

@@ -352,6 +352,32 @@ $transparent-border: 1px solid transparent;
   min-width: 360px;
 }
 
+.dx-aidialog {
+  .dx-toolbar-after .dx-toolbar-item:nth-last-child(2) {
+    padding-inline-end: 0;
+  }
+}
+
+.dx-aidialog-controls {
+  display: flex;
+
+  .dx-selectbox {
+    flex: 1 0 0;
+  }
+}
+
+.dx-aidialog-content {
+  display: flex;
+  flex-direction: column;
+}
+
+.dx-aidialog-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 600;
+}
+
 .dx-overlay-content {
   &.dx-popup-fullscreen {
     .dx-formdialog-form {

package/data/scss/widgets/base/_icons.scss

@@ -139,7 +139,21 @@
 .dx-icon-unfixcolumn,
 .dx-icon-packagebox,
 .dx-icon-checkmarkcircle,
-.dx-icon-clipboardtasklist {
+.dx-icon-clipboardtasklist,
+.dx-icon-daterangepicker,
+.dx-icon-cardcontent,
+.dx-icon-cursormove,
+.dx-icon-cursorprohibition,
+.dx-icon-arrowsortup,
+.dx-icon-arrowsortdown,
+.dx-icon-imagethumbnail,
+.dx-icon-sparkle,
+.dx-icon-servicebell,
+.dx-icon-dropzone,
+.dx-icon-restore
+.dx-icon-groupbycolumn,
+.dx-icon-ungroupcolumn,
+.dx-icon-ungroupallcolumns {
   background-position: 0 0;
   background-repeat: no-repeat;
 }
@@ -490,10 +504,24 @@ $icons: (
     "checkmarkcircle": "\f183",
     "clipboardtasklist": "\f184",
     "today": "\f185",
+    "daterangepicker": "\f186",
+    "cardcontent": "\f187",
+    "cursormove": "\f188",
+    "cursorprohibition": "\f189",
+    "arrowsortup": "\f190",
+    "arrowsortdown": "\f191",
+    "imagethumbnail": "\f192",
+    "sparkle": "\f193",
+    "servicebell": "\f194",
     "unfixcolumn":"\f17a",
     "fixcolumnleft":"\f17b",
     "stickcolumn":"\f17c",
     "fixcolumnright":"\f17d",
+    "dropzone":"\f195",
+    "restore":"\f196",
+    "groupbycolumn":"\f197",
+    "ungroupcolumn":"\f198",
+    "ungroupallcolumns":"\f199",
 );
 
 // stylelint-enable