devextreme-themebuilder 24.2.8-build-25151-1935 → 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',
@@ -2619,16 +2909,6 @@ exports.metadata = {
             'Name': '30. Drag-and-drop border color',
             'Type': 'color'
         },
-        {
-            'Key': '$form-field-item-color',
-            'Name': '10. Label text color',
-            'Type': 'color'
-        },
-        {
-            'Key': '$form-group-border-color',
-            'Name': '20. Group border color',
-            'Type': 'color'
-        },
         {
             'Key': '$filterbuilder-text-color',
             'Name': '10. Text color',
@@ -2669,6 +2949,16 @@ exports.metadata = {
             'Name': '80. Value button color',
             'Type': 'color'
         },
+        {
+            'Key': '$form-field-item-color',
+            'Name': '10. Label text color',
+            'Type': 'color'
+        },
+        {
+            'Key': '$form-group-border-color',
+            'Name': '20. Group border color',
+            'Type': 'color'
+        },
         {
             'Key': '$gallery-indicator-bg',
             'Name': '10. Indicator 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 = '24.2.8-build-25151-1935';
+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',
@@ -3662,6 +4127,7 @@ exports.dependencies = {
         'slider'
     ],
     'speeddialaction': [],
+    'stepper': [],
     'splitter': [],
     'switch': [
         'validation'
@@ -3678,12 +4144,6 @@ exports.dependencies = {
         'textbox',
         'selectbox'
     ],
-    'textarea': [
-        'loadindicator',
-        'validation',
-        'button',
-        'textbox'
-    ],
     'tileview': [
         'loadindicator',
         'loadpanel',
@@ -3691,22 +4151,6 @@ exports.dependencies = {
     ],
     'sortable': [],
     'accordion': [],
-    'treeview': [
-        'loadindicator',
-        'validation',
-        'button',
-        'textbox',
-        'checkbox'
-    ],
-    'menu': [
-        'validation',
-        'button',
-        'loadindicator',
-        'textbox',
-        'checkbox',
-        'treeview',
-        'contextmenu'
-    ],
     'filterbuilder': [
         'validation',
         'button',
@@ -3764,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',
@@ -3785,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 {