devextreme-themebuilder 25.1.1-alpha → 25.1.2-beta

package/data/scss/widgets/generic/cardView/_colors.scss

@@ -0,0 +1,205 @@
+@use '../colors' as *;
+@use '../../base/cardView/variables' as *;
+@use '../../base/cardView/header_panel/variables' as *;
+@use '../../base/cardView/header_panel/item/variables' as *;
+@use '../../base/cardView/content_view/content/card/variables' as *;
+@use '../../base/cardView/content_view/content/card/header/variables' as *;
+@use '../../base/cardView/content_view/content/card/cover/variables' as *;
+@use '../../base/cardView/content_view/content/card/content/variables' as *;
+@use '../../base/cardView/content_view/content/variables' as *;
+@use '../../base/cardView/content_view/no_data/variables' as *;
+@use '../../base/cardView/column_chooser/variables' as *;
+@use "sass:color";
+
+// adduse
+
+$cardview-generic-background-color: null !default;
+
+$cardview-generic-header-filter-icon-empty-color: null !default;
+$cardview-generic-header-filter-icon-selected-color: null !default;
+
+$cardview-generic-dropzone-text-color: null !default;
+$cardview-generic-dropzone-background-color: null !default;
+$cardview-generic-dropzone-border-color: null !default;
+
+$cardview-generic-header-item-border-color: null !default;
+
+$cardview-generic-header-item-background-color: null !default;
+$cardview-generic-header-item-hovered-background-color: null !default;
+$cardview-generic-header-item-hovered-border-color: null !default;
+
+$cardview-generic-header-item-prohibition-icon-color: null !default;
+
+$cardview-generic-nodata-text-color: null !default;
+$cardview-generic-nodata-icon-container-background-color: null !default;
+
+$cardview-generic-card-content-field-value-highlight-color: null !default;
+$cardview-generic-card-content-field-value-highlight-background: null !default;
+$cardview-generic-card-content-field-value-highlight-border-radius: null !default;
+$cardview-generic-card-content-field-value-highlight-padding: null !default;
+$cardview-generic-card-content-field-value-highlight-font-weight: null !default;
+$cardview-generic-card-content-field-value-highlight-box-shadow: null !default;
+
+$cardview-generic-card-cover-background-color: null !default;
+
+$cardview-generic-card-cover-noimage-background-color: null !default;
+$cardview-generic-card-cover-noimage-icon-color: null !default;
+
+$cardview-generic-card-selection-background-color: null !default;
+
+$cardview-generic-card-border-color: null !default;
+$cardview-generic-card-background-color: null !default;
+
+@if $color == 'light' or $color == 'carmine' or $color == 'softblue' or $color == 'greenmist' {
+  $cardview-generic-background-color: $base-bg !default;
+
+  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
+  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
+
+  $cardview-generic-dropzone-text-color: $base-accent !default;
+  $cardview-generic-dropzone-background-color: lighten(desaturate(adjust-hue(#337ab7, 2), 6.41), 48.63) !default;
+  $cardview-generic-dropzone-border-color: $base-accent !default;
+
+  $cardview-generic-header-item-background-color: darken($base-bg, 3.92)  !default;
+  $cardview-generic-header-item-border-color: $base-border-color !default;
+  $cardview-generic-header-item-hovered-background-color: darken($cardview-generic-header-item-background-color, 3.92) !default;
+  $cardview-generic-header-item-hovered-border-color: darken($cardview-generic-header-item-hovered-background-color, 10.59) !default;
+
+  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
+
+  $cardview-generic-nodata-text-color: $base-label-color !default;
+  $cardview-generic-nodata-icon-container-background-color: darken($base-bg, 7.84) !default;
+
+  $cardview-generic-card-content-field-value-highlight-color: $base-text-color !default;
+  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
+  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
+  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
+  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
+  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+
+  $cardview-generic-card-cover-background-color: #FFF !default;
+
+  $cardview-generic-card-cover-noimage-background-color: darken($base-bg, 7.84) !default;
+  $cardview-generic-card-cover-noimage-icon-color: lighten($base-text-color, 38.43) !default;
+
+  $cardview-generic-card-selection-background-color: lighten(desaturate(adjust-hue(#337ab7, 2), 6.41), 48.63) !default;
+
+  $cardview-generic-card-border-color: $base-border-color !default;
+  $cardview-generic-card-background-color: $base-bg !default;
+}
+
+@if $color == "dark" or $color == "darkviolet" or $color == "darkmoon" {
+  $cardview-generic-background-color: $base-bg !default;
+
+  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
+  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
+
+  $cardview-generic-dropzone-text-color: $base-accent !default;
+  $cardview-generic-dropzone-background-color: darken(desaturate(adjust-hue(#1ca8dd, 1), 60.34), 29.41) !default;
+  $cardview-generic-dropzone-border-color: $base-accent !default;
+
+  $cardview-generic-header-item-background-color: lighten($base-bg, 3.92)  !default;
+  $cardview-generic-header-item-border-color: $base-border-color !default;
+  $cardview-generic-header-item-hovered-background-color: lighten($cardview-generic-header-item-background-color, 3.92) !default;
+  $cardview-generic-header-item-hovered-border-color: lighten($cardview-generic-header-item-border-color, 10.20) !default;
+
+  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
+
+  $cardview-generic-nodata-text-color: $base-label-color !default;
+  $cardview-generic-nodata-icon-container-background-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
+
+  $cardview-generic-card-content-field-value-highlight-color: $base-text-color !default;
+  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
+  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
+  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
+  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
+  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+
+  $cardview-generic-card-cover-background-color: #FFF !default;
+
+  $cardview-generic-card-cover-noimage-background-color: lighten(desaturate($base-bg, 0.30), 8.04) !default;
+  $cardview-generic-card-cover-noimage-icon-color: darken($base-text-color, 38.04)  !default;
+
+  $cardview-generic-card-selection-background-color: darken(desaturate(adjust-hue(#1ca8dd, 1), 60.34), 29.41) !default;
+
+  $cardview-generic-card-border-color: $base-border-color !default;
+  $cardview-generic-card-background-color: $base-bg !default;
+}
+
+@if $color == "contrast" {
+  $cardview-generic-background-color: $base-bg !default;
+
+  $cardview-generic-header-filter-icon-empty-color: $base-text-color !default;
+  $cardview-generic-header-filter-icon-selected-color: $base-accent !default;
+
+  $cardview-generic-dropzone-text-color: $base-text-color !default;
+  $cardview-generic-dropzone-background-color: $base-accent !default;
+  $cardview-generic-dropzone-border-color: $base-text-color !default;
+
+  $cardview-generic-header-item-background-color: $base-bg !default;
+  $cardview-generic-header-item-border-color: $base-border-color !default;
+  $cardview-generic-header-item-hovered-background-color: $cardview-generic-header-item-background-color !default;
+  $cardview-generic-header-item-hovered-border-color: $cardview-generic-header-item-border-color !default;
+
+  $cardview-generic-header-item-prohibition-icon-color: $base-danger !default;
+
+  $cardview-generic-nodata-text-color: $base-label-color !default;
+  $cardview-generic-nodata-icon-container-background-color: $base-bg !default;
+
+  $cardview-generic-card-content-field-value-highlight-color: $base-inverted-text-color !default;
+  $cardview-generic-card-content-field-value-highlight-background: $base-warning !default;
+  $cardview-generic-card-content-field-value-highlight-border-radius: 5px;
+  $cardview-generic-card-content-field-value-highlight-padding: .125em 0.2em;
+  $cardview-generic-card-content-field-value-highlight-font-weight: 500;
+  $cardview-generic-card-content-field-value-highlight-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
+
+  $cardview-generic-card-cover-background-color: #FFF !default;
+
+  $cardview-generic-card-cover-noimage-background-color: $base-bg !default;
+  $cardview-generic-card-cover-noimage-icon-color: $base-text-color !default;
+
+  $cardview-generic-card-selection-background-color: $base-accent !default;
+
+  $cardview-generic-card-border-color: $base-border-color !default;
+  $cardview-generic-card-background-color: $base-bg !default;
+}
+
+$cardview-background-color: $cardview-generic-background-color !default;
+$cardview-link-color: $base-accent !default;
+
+$cardview-header-filter-icon-empty-color: $cardview-generic-header-filter-icon-empty-color !default;
+$cardview-header-filter-icon-selected-color: $cardview-generic-header-filter-icon-selected-color !default;
+
+$cardview-dropzone-text-color: $cardview-generic-dropzone-text-color !default;
+$cardview-dropzone-background-color: $cardview-generic-dropzone-background-color !default;
+$cardview-dropzone-border-color: $cardview-generic-dropzone-border-color !default;
+
+$cardview-header-item-border-color: $cardview-generic-header-item-border-color !default;
+
+$cardview-header-item-background-color: $cardview-generic-header-item-background-color !default;
+$cardview-header-item-hovered-background-color: $cardview-generic-header-item-hovered-background-color !default;
+$cardview-header-item-hovered-border-color: $cardview-generic-header-item-hovered-border-color !default;
+
+$cardview-header-item-prohibition-icon-color: $cardview-generic-header-item-prohibition-icon-color !default;
+
+$cardview-nodata-text-color: $cardview-generic-nodata-text-color !default;
+$cardview-nodata-icon-container-background-color: $cardview-generic-nodata-icon-container-background-color !default;
+
+$cardview-card-content-field-value-highlight-color: $cardview-generic-card-content-field-value-highlight-color !default;
+$cardview-card-content-field-value-highlight-background: $cardview-generic-card-content-field-value-highlight-background !default;
+$cardview-card-content-field-value-highlight-border-radius: $cardview-generic-card-content-field-value-highlight-border-radius !default;
+$cardview-card-content-field-value-highlight-padding: $cardview-generic-card-content-field-value-highlight-padding !default;
+$cardview-card-content-field-value-highlight-font-weight: $cardview-generic-card-content-field-value-highlight-font-weight !default;
+$cardview-card-content-field-value-highlight-box-shadow: $cardview-generic-card-content-field-value-highlight-box-shadow !default;
+
+$cardview-card-cover-background-color: $cardview-generic-card-cover-background-color !default;
+
+$cardview-card-cover-noimage-background-color: $cardview-generic-card-cover-noimage-background-color !default;
+$cardview-card-cover-noimage-icon-color: $cardview-generic-card-cover-noimage-icon-color !default;
+
+$cardview-card-selection-background-color: $cardview-generic-card-selection-background-color !default;
+
+$cardview-card-border-color: $cardview-generic-card-border-color !default;
+$cardview-card-background-color: $cardview-generic-card-background-color !default;
+
+$cardview-columnchooser-message-color: lighten($base-text-color, 26%) !default;

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

@@ -0,0 +1,5 @@
+@use 'colors';
+@use 'sizes';
+@use '../../base/cardView/index' as *;
+
+// adduse

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

@@ -0,0 +1,155 @@
+@use "../sizes" as *;
+@use '../../base/cardView/variables' as *;
+@use '../../base/cardView/header_panel/variables' as *;
+@use '../../base/cardView/header_panel/item/variables' as *;
+@use '../../base/cardView/content_view/content/card/variables' as *;
+@use '../../base/cardView/content_view/content/card/header/variables' as *;
+@use '../../base/cardView/content_view/content/card/cover/variables' as *;
+@use '../../base/cardView/content_view/content/card/content/variables' as *;
+@use '../../base/cardView/content_view/content/variables' as *;
+@use '../../base/cardView/content_view/no_data/variables' as *;
+@use '../../base/cardView/column_chooser/variables' as *;
+
+// adduse
+
+$cardview-generic-sizes-60: null;
+$cardview-generic-sizes-48: null;
+$cardview-generic-sizes-36: null;
+$cardview-generic-sizes-18: null;
+$cardview-generic-paddings-24: null;
+$cardview-generic-paddings-16: null;
+$cardview-generic-paddings-12: null;
+$cardview-generic-paddings-9: null;
+$cardview-generic-paddings-6: null;
+$cardview-generic-text-size-16: null;
+$cardview-generic-border-radius-8: null;
+$cardview-generic-gaps-8: null;
+$cardview-generic-gaps-16: null;
+$cardview-generic-gaps-20: null;
+
+$cardview-generic-card-header-height: null;
+
+$cardview-generic-headerpanel-text-empty-line-height: null;
+$cardview-generic-headerpanel-dropzone-height: null;
+$cardview-generic-headerpanel-dropzone-top: null;
+$cardview-generic-column-chooser-select-all-item-horizontal-padding: null;
+
+$cardview-generic-headers-container-gap: null;
+$cardview-generic-headerpanel-vertical-margin: null;
+
+$cardview-generic-content-card-cover-max-height-default: null;
+$cardview-generic-card-content-row-gap: null;
+
+@if $size == "default" {
+  $cardview-generic-sizes-60: 60px;
+  $cardview-generic-sizes-48: 48px;
+  $cardview-generic-sizes-36: 36px;
+  $cardview-generic-sizes-18: 18px;
+  $cardview-generic-paddings-24: 24px;
+  $cardview-generic-paddings-16: 16px;
+  $cardview-generic-paddings-12: 12px;
+  $cardview-generic-paddings-9: 9px;
+  $cardview-generic-paddings-6: 6px;
+  $cardview-generic-text-size-16: 16px;
+  $cardview-generic-border-radius-8: 8px;
+  $cardview-generic-gaps-8: 8px;
+  $cardview-generic-gaps-16: 16px;
+  $cardview-generic-gaps-20: 20px;
+
+  $cardview-generic-card-header-height: 52px;
+
+  $cardview-generic-headerpanel-text-empty-line-height: 36px;
+  $cardview-generic-headerpanel-dropzone-height: 36px;
+  $cardview-generic-headerpanel-dropzone-top: 0;
+  $cardview-generic-column-chooser-select-all-item-horizontal-padding: 10px;
+
+  $cardview-generic-headers-container-gap: 12px;
+  $cardview-generic-headerpanel-vertical-margin: 4px;
+
+  $cardview-generic-content-card-cover-max-height-default: 180px;
+  $cardview-generic-card-content-row-gap: 8px;
+}
+@else if $size == "compact" {
+  $cardview-generic-sizes-60: 40px;
+  $cardview-generic-sizes-48: 32px;
+  $cardview-generic-sizes-36: 24px;
+  $cardview-generic-sizes-18: 14px;
+  $cardview-generic-paddings-24: 16px;
+  $cardview-generic-paddings-16: 12px;
+  $cardview-generic-paddings-12: 8px;
+  $cardview-generic-paddings-9: 5px;
+  $cardview-generic-paddings-6: 4px;
+  $cardview-generic-text-size-16: 14px;
+  $cardview-generic-border-radius-8: 6px;
+  $cardview-generic-gaps-8: 4px;
+  $cardview-generic-gaps-16: 12px;
+  $cardview-generic-gaps-20: 16px;
+
+  $cardview-generic-card-header-height: 42px;
+
+  $cardview-generic-headerpanel-text-empty-line-height: 24px;
+  $cardview-generic-headerpanel-dropzone-height: 24px;
+  $cardview-generic-headerpanel-dropzone-top: 0;
+  $cardview-generic-column-chooser-select-all-item-horizontal-padding: 6px;
+
+  $cardview-generic-headers-container-gap: 12px;
+  $cardview-generic-headerpanel-vertical-margin: 0;
+
+  $cardview-generic-content-card-cover-max-height-default: 140px;
+  $cardview-generic-card-content-row-gap: 4px;
+}
+
+$cardview-border-radius: 16px !default;
+$cardview-gap: $cardview-generic-gaps-20 !default;
+$cardview-padding: $cardview-generic-paddings-24 !default;
+
+$cardview-card-header-height: $cardview-generic-card-header-height !default;
+
+$cardview-headers-container-gap: $cardview-generic-headers-container-gap !default;
+$cardview-headerpanel-vertical-margin: $cardview-generic-headerpanel-vertical-margin !default;
+$cardview-headerpanel-content-gap: $cardview-generic-gaps-8 !default;
+$cardview-headerpanel-text-empty-line-height: $cardview-generic-headerpanel-text-empty-line-height !default;
+
+$cardview-headerpanel-dropzone-height: $cardview-generic-headerpanel-dropzone-height;
+$cardview-headerpanel-dropzone-top: $cardview-generic-headerpanel-dropzone-top;
+$cardview-dropzone-border-width: 1.5px !default;
+$cardview-dropzone-border-radius: $cardview-generic-border-radius-8 !default;
+
+$cardview-header-item-border-width: 1px !default;
+$cardview-header-item-border-radius: 4px !default;
+$cardview-header-item-padding-horizontal: $cardview-generic-paddings-12 !default;
+$cardview-header-item-padding-vertical: $cardview-generic-paddings-9 !default;
+$cardview-header-item-line-height: $cardview-generic-sizes-18 !default;
+$cardview-header-item-icon-size: $cardview-generic-sizes-18 !default;
+
+$cardview-nodata-icon-container-size: $cardview-generic-sizes-60 !default;
+$cardview-nodata-icon-container-margin: $cardview-generic-paddings-12 !default;
+$cardview-nodata-icon-size: $cardview-generic-sizes-36 !default;
+
+$cardview-content-column-gap: $cardview-generic-gaps-16 !default;
+$cardview-content-row-gap: $cardview-generic-gaps-16 !default;
+
+$cardview-card-border-size: 1px !default;
+$cardview-card-min-width: 250px !default;
+$cardview-card-border-radius: $cardview-generic-border-radius-8 !default;
+
+$cardview-card-cover-noimage-icon-size: $cardview-generic-sizes-48 !default;
+
+$cardview-card-content-padding: $cardview-generic-paddings-12 !default;
+$cardview-card-content-row-gap: $cardview-generic-card-content-row-gap !default;
+$cardview-card-content-cell-padding-vertical: $cardview-generic-paddings-6 !default;
+$cardview-card-content-cell-padding-horizontal: $cardview-generic-paddings-12 !default;
+
+$cardview-card-header-text-size: $cardview-generic-text-size-16 !default;
+$cardview-card-header-border-radius: $cardview-generic-border-radius-8 !default;
+
+$cardview-column-chooser-empty-message-horizontal-padding: $cardview-generic-paddings-24 !default;
+$cardview-column-chooser-select-all-item-horizontal-padding: $cardview-generic-column-chooser-select-all-item-horizontal-padding !default;
+
+$cardview-content-card-cover-max-height-default: $cardview-generic-content-card-cover-max-height-default !default;
+
+$cardview-card-header-selection-checkbox-padding-right: $cardview-generic-paddings-12 !default;
+
+$cardview-card-content-field-caption-font-weight: 600;
+
+// adduse

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

@@ -22,11 +22,14 @@ $chat-typingindicator-bubble-bg-color: getCustomVar(("$chat-typingindicator-bubb
 @use "sass:color";
 @use "../sizes" as *;
 @use "../colors" as *;
+@use "../textEditor/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-message-editing-preview-accent-color: $base-accent !default;
+$chat-message-editing-preview-cancel-button-color: $texteditor-label-color !default;
 $chat-avatar-color: null !default;
 $chat-avatar-background-color: $base-border-color !default;
 $chat-bubble-color-primary: null !default;
@@ -205,6 +208,10 @@ $chat-typingindicator-circle-bg-color: null !default;
   $chat-typingindicator-circle-bg-color-center: darken($base-bg, 46.57) !default;
 }
 $chat-typingindicator-bubble-bg-color: $chat-bubble-background-color-secondary !default;
+
+$chat-messagelist-contextmenu-delete-button-color: $base-danger !default;
+$chat-messagelist-contextmenu-delete-button-focused-color: $base-inverted-text-color !default;
+$chat-messagelist-contextmenu-delete-button-focused-bg: $base-danger !default;
 $never-used: collector((
 "$chat-background-color": $chat-background-color,
 "$chat-border-color": $chat-border-color,

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

@@ -4,6 +4,7 @@
 @use "sizes" as *;
 @use "../sizes" as *;
 @use "../../base/chat/mixins" as *;
+@use "../popup/sizes" as *;
 
 // adduse
 
@@ -24,8 +25,6 @@
   $chat-alerts-padding-inline,
   $chat-alert-padding-block,
   $chat-alerts-row-gap,
-  $chat-alert-icon-size,
-  $chat-alert-content-column-gap,
 );
 @include chat-messagebox(
   $chat-messagebox-padding,
@@ -42,6 +41,8 @@
   $chat-bubble-color-primary,
   $chat-bubble-background-color-primary,
   $chat-bubble-container-gap,
+  $chat-bubble-delete-gap,
+  $chat-bubble-delete-icon-size,
 );
 @include chat-messagegroup(
   $chat-messagegroup-gap,
@@ -52,6 +53,8 @@
   $chat-information-author-name-color,
   $chat-information-timestamp-color,
   $chat-information-gap,
+  $chat-information-icon-size,
+  $chat-information-edited-gap,
 );
 @include chat-messagelist-empty(
   $chat-messagelist-padding,
@@ -73,6 +76,11 @@
   $chat-messagelist-day-header-first-padding-top,
   $chat-messagelist-day-header-font-size,
 );
+@include chat-messagelist-contextmenu(
+  $chat-messagelist-contextmenu-delete-button-color,
+  $chat-messagelist-contextmenu-delete-button-focused-color,
+  $chat-messagelist-contextmenu-delete-button-focused-bg,
+);
 @include chat-typingindicator(
   $chat-typingindicator-template,
   $chat-typingindicator-padding,
@@ -90,3 +98,19 @@
   $chat-typingindicator-circle-bg-color,
   $chat-typingindicator-circle-bg-color-center,
 );
+@include message-editing-preview(
+  $chat-message-editing-preview-content-padding-inline,
+  $chat-message-editing-preview-content-row-gap,
+  $chat-message-editing-preview-accent-color,
+  $chat-message-editing-preview-caption-font-size,
+  $chat-messagebox-padding,
+  $chat-message-editing-preview-border-width,
+  $chat-message-editing-preview-cancel-button-color,
+);
+@include chat-confirmation-popup(
+  $chat-border-radius,
+  $chat-confirmation-popup-content-padding,
+  $chat-confirmation-popup-toolbar-padding-block,
+  $chat-confirmation-popup-toolbar-padding-inline,
+  $chat-confirmation-popup-toolbar-gap,
+);

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

@@ -3,6 +3,7 @@
 @use "colors" as *;
 @use "../colors" as *;
 @use "../sizes" as *;
+@use "../popup/sizes" as *;
 
 // adduse
 
@@ -10,6 +11,8 @@ $chat-border-radius: $base-border-radius !default;
 $chat-bubble-border-radius: $base-border-radius !default;
 $chat-bubble-padding: null !default;
 $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-gap: 8px !default;
@@ -23,13 +26,18 @@ $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-alert-icon-size: null !default;
-$chat-alert-content-column-gap: null !default;
+$chat-information-icon-size: 12px !default;
+$chat-information-edited-gap: 2px !default;
 $chat-alerts-padding-block: null !default;
-$chat-alerts-padding-inline: null !default;
+$chat-alerts-padding-inline: 8px !default;
 $chat-alerts-row-gap: null !default;
 $chat-alert-padding-block: null !default;
 
+$chat-message-editing-preview-caption-font-size: 12px !default;
+$chat-message-editing-preview-content-row-gap: null !default;
+$chat-message-editing-preview-content-padding-inline: null !default;
+$chat-message-editing-preview-border-width: 3px !default;
+
 $chat-messagelist-empty-icon-box-size: null !default;
 $chat-messagelist-empty-icon-size: null !default;
 $chat-messagelist-empty-icon-margin-bottom: null !default;
@@ -52,19 +60,26 @@ $chat-typingindicator-circle-size: null !default;
 $chat-typingindicator-circle-size-center: null !default;
 $chat-typingindicator-circle-border-radius: 999em !default;
 
+$chat-confirmation-popup-content-padding: null !default;
+$chat-confirmation-popup-toolbar-padding-block: $generic-popup-toolbarbottom-padding !default;
+$chat-confirmation-popup-toolbar-padding-inline: $generic-popup-toolbarbottom-padding !default;
+$chat-confirmation-popup-toolbar-gap: null !default;
+
 @if $size == "default" {
   $chat-bubble-padding: 8px 12px !default;
+  $chat-bubble-delete-gap: 4px !default;
+  $chat-bubble-delete-icon-size: 18px !default;
   $chat-messagebox-padding: 20px !default;
   $chat-messagelist-padding: 20px !default;
   $chat-messagegroup-padding: 24px !default;
 
-  $chat-alert-icon-size: $generic-base-icon-size !default;
-  $chat-alert-content-column-gap: 6px !default;
   $chat-alerts-padding-block: 16px !default;
-  $chat-alerts-padding-inline: 20px !default;
   $chat-alerts-row-gap: 4px !default;
   $chat-alert-padding-block: 9px !default;
 
+  $chat-message-editing-preview-content-padding-inline: 12px !default;
+  $chat-message-editing-preview-content-row-gap: 4px !default;
+
   $chat-messagelist-empty-icon-box-size: 64px !default;
   $chat-messagelist-empty-icon-size: 40px !default;
   $chat-messagelist-empty-icon-margin-bottom: 12px !default;
@@ -77,21 +92,26 @@ $chat-typingindicator-circle-border-radius: 999em !default;
   $chat-typingindicator-bubble-padding-block: 12px !default;
   $chat-typingindicator-bubble-padding-inline: 20px !default;
   $chat-typingindicator-padding: $chat-messagegroup-padding !default;
+
+  $chat-confirmation-popup-content-padding: 0 !default;
+  $chat-confirmation-popup-toolbar-gap: 8px !default;
 }
 
 @else if $size == "compact" {
   $chat-bubble-padding: 6px 8px !default;
+  $chat-bubble-delete-gap: 2px !default;
+  $chat-bubble-delete-icon-size: 14px !default;
   $chat-messagebox-padding: 16px !default;
   $chat-messagelist-padding: 16px !default;
   $chat-messagegroup-padding: 12px !default;
 
-  $chat-alert-icon-size: $generic-base-icon-size + 2px !default;
-  $chat-alert-content-column-gap: 4px !default;
   $chat-alerts-padding-block: 12px !default;
-  $chat-alerts-padding-inline: 16px !default;
   $chat-alerts-row-gap: 2px !default;
   $chat-alert-padding-block: 6px !default;
 
+  $chat-message-editing-preview-content-padding-inline: 8px !default;
+  $chat-message-editing-preview-content-row-gap: 2px !default;
+
   $chat-messagelist-empty-icon-box-size: 48px !default;
   $chat-messagelist-empty-icon-size: 32px !default;
   $chat-messagelist-empty-icon-margin-bottom: 14px !default;
@@ -104,4 +124,7 @@ $chat-typingindicator-circle-border-radius: 999em !default;
   $chat-typingindicator-bubble-padding-block: 8px !default;
   $chat-typingindicator-bubble-padding-inline: 12px !default;
   $chat-typingindicator-padding: $chat-messagegroup-padding !default;
+
+  $chat-confirmation-popup-content-padding: $generic-popup-content-padding !default;
+  $chat-confirmation-popup-toolbar-gap: 4px !default;
 }

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

@@ -770,6 +770,11 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
       color: $datagrid-cell-removed-text-color;
     }
 
+    .dx-row-removed:not(.dx-row-lines) > td {
+      border-top-color: $datagrid-row-removed-bg;
+      border-bottom-width: 0;
+    }
+
     @include dx-set-checkbox-border-color-as-background();
 
     .dx-adaptive-detail-row {
@@ -806,7 +811,6 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
         & > td:not(.dx-focused),
         & > tr > td:not(.dx-focused),
         & .dx-command-edit:not(.dx-focused) .dx-link {
-          background-color: $datagrid-row-focused-bg;
           color: $datagrid-row-focused-color;
 
           .dx-texteditor-input {
@@ -819,6 +823,11 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
           }
         }
 
+        & > td:not(.dx-focused),
+        & > tr > td:not(.dx-focused) {
+          background-color: $datagrid-row-focused-bg;
+        }
+
         & .dx-command-edit .dx-link:focus {
           background-color: $datagrid-base-background-color;
           color: $datagrid-base-color;
@@ -1019,7 +1028,7 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
   }
 
   .dx-#{$widget-name}-rowsview.dx-#{$widget-name}-sticky-columns {
-    .dx-data-row:not(.dx-row-lines, .dx-edit-row, .dx-selection, .dx-row-focused) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
+    .dx-data-row:not(.dx-row-lines, .dx-edit-row, .dx-selection, .dx-row-focused, .dx-row-removed) > td:not(.dx-editor-cell, .dx-master-detail-cell) {
       padding-top: $generic-grid-base-cell-padding + 1px;
     }
 
@@ -1046,6 +1055,14 @@ $generic-grid-base-cell-input-height: round($generic-base-line-height * $generic
     .dx-row.dx-row-lines.dx-edit-row > td {
       border-top-width: 0;
     }
+
+    .dx-row-removed:not(.dx-row-lines) > td {
+      border-bottom-width: 0;
+    }
+
+    .dx-row-removed.dx-row-lines > td {
+      border-top-width: 0;
+    }
   }
 
   .dx-#{$widget-name}-sticky-columns .dx-#{$widget-name}-draggable-column {

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

@@ -11,6 +11,8 @@
 @use "../fileUploader/sizes" as *;
 @use "../toolbar/sizes" as *;
 @use "../common/mixins" as *;
+@use "../common/sizes" as *;
+@use "../../base/mixins" as *;
 @use "../../base/htmlEditor";
 
 // adduse
@@ -298,3 +300,26 @@
     background-color: $htmleditor-cells-separator-bg;
   }
 }
+
+.dx-aidialog {
+  .dx-aidialog-controls {
+    gap: $generic-aidialog-selects-gap;
+
+    .dx-selectbox {
+      max-width: calc(50% - $generic-aidialog-selects-gap * 0.5);
+    }
+  }
+
+  .dx-aidialog-content {
+    padding: $generic-aidialog-content-padding;
+    gap: $generic-aidialog-content-gap;
+  }
+
+  .dx-button {
+    min-width: auto;
+  }
+
+  .dx-pending-indicator {
+    @include dx-pending-indicator-centered();
+  }
+}

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

@@ -5,13 +5,22 @@
 $generic-toolbar-size-editor-width: null !default;
 $generic-html-editor-add-image-dialog-base-padding: 5px !default;
 $generic-html-editor-add-image-dialog-fileuploader-padding: null !default;
+$generic-aidialog-selects-gap: null !default;
+$generic-aidialog-content-gap: null !default;
+$generic-aidialog-content-padding: null !default;
 
 @if $size == "default" {
   $generic-toolbar-size-editor-width: 105px !default;
   $generic-html-editor-add-image-dialog-fileuploader-padding: 60px 20px !default;
+  $generic-aidialog-selects-gap: 10px;
+  $generic-aidialog-content-gap: 20px;
+  $generic-aidialog-content-padding: 20px;
 }
 
 @else if $size == "compact" {
   $generic-toolbar-size-editor-width: 80px !default;
   $generic-html-editor-add-image-dialog-fileuploader-padding: 40px 20px !default;
+  $generic-aidialog-selects-gap: 5px;
+  $generic-aidialog-content-gap: 10px;
+  $generic-aidialog-content-padding: 10px;
 }