devextreme-themebuilder 26.1.2-beta → 26.1.3

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

@@ -19,59 +19,59 @@ $chat-typingindicator-bubble-bg-color: getCustomVar(("$chat-typingindicator-bubb
 $chat-typingindicator-circle-bg-color-center: getCustomVar(("$chat-typingindicator-circle-bg-color-center")) !default;
 $chat-typingindicator-circle-bg-color: getCustomVar(("$chat-typingindicator-circle-bg-color")) !default;
 
-@use "sass:color";
-@use "../colors" as *;
-@use "../textEditor/colors" as *;
-@use "../button/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-messagebox-file-background-color: $button-normal-text-hover-bg !default;
-$chat-messagebox-file-cancel-button-secondary-color: $button-normal-text-active-bg !default;
-$chat-message-editing-preview-accent-color: $base-accent !default;
-$chat-message-editing-preview-cancel-button-color: $texteditor-label-color !default;
-$chat-avatar-color: $base-text-color !default;
-$chat-avatar-background-color: $base-border-color !default;
-$chat-bubble-color-primary: $base-text-color !default;
-$chat-bubble-background-color-primary: null !default;
-$chat-bubble-color-secondary: $base-text-color !default;
-$chat-bubble-background-color-secondary: rgba($base-inverted-bg, 0.08) !default;
-$chat-information-author-name-color: rgba($base-inverted-bg, 0.6) !default;
-$chat-information-timestamp-color: rgba($base-inverted-bg, 0.6) !default;
-$chat-messagelist-day-header-color: rgba($base-inverted-bg, 0.6) !default;
-$chat-alertlist-color: $base-invalid-color !default;
-$chat-messagelist-empty-icon-color: rgba($base-inverted-bg, 0.38) !default;
-$chat-messagelist-empty-icon-background-color: rgba($base-inverted-bg, 0.08) !default;
-$chat-messagelist-empty-message-color: rgba($base-inverted-bg, 0.87) !default;
-$chat-messagelist-empty-prompt-color: rgba($base-inverted-bg, 0.6) !default;
-$chat-typingindicator-color: rgba($base-inverted-bg, 0.6) !default;
-$chat-typingindicator-bubble-bg-color: $chat-bubble-background-color-secondary !default;
-$chat-typingindicator-circle-bg-color-center: rgba($base-inverted-bg, 0.6) !default;
-$chat-typingindicator-circle-bg-color: rgba($base-inverted-bg, 0.4) !default;
-
-$chat-file-container-background-color: $base-bg !default;
-$chat-file-container-box-shadow: null !default;
-$chat-file-secondary-color: $base-icon-color !default;
-
-$chat-suggestions-box-shadow: null !default;
-
-@if $mode == "light" {
-  $chat-bubble-background-color-primary: rgba($base-accent, 0.08) !default;
-  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.14), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.12), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.2) !default;
-  $chat-suggestions-box-shadow: 0 4px 12px 0 color.change($base-shadow-color, $alpha: 0.04), 0 4px 24px 0 color.change($base-shadow-color, $alpha: 0.02) !default;
-}
-
-@else if $mode == "dark" {
-  $chat-bubble-background-color-primary: rgba(color.adjust($base-accent, $lightness: 19.22%, $space: hsl), 0.08) !default;
-  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.28), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.24), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.4) !default;
-  $chat-suggestions-box-shadow: 0 4px 24px 0 color.change($base-shadow-color, $alpha: 0.02), 0 4px 12px 0 color.change($base-shadow-color, $alpha: 0.04) !default;
-}
-
-$chat-messagelist-contextmenu-delete-button-color: $base-danger !default;
-$chat-messagelist-contextmenu-delete-button-focused-color: $base-danger !default;
-$chat-messagelist-contextmenu-delete-button-focused-bg: $base-hover-bg !default;
+@use "sass:color";
+@use "../colors" as *;
+@use "../textEditor/colors" as *;
+@use "../button/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-messagebox-file-background-color: $button-normal-text-hover-bg !default;
+$chat-messagebox-file-cancel-button-secondary-color: $button-normal-text-active-bg !default;
+$chat-message-editing-preview-accent-color: $base-accent !default;
+$chat-message-editing-preview-cancel-button-color: $texteditor-label-color !default;
+$chat-avatar-color: $base-text-color !default;
+$chat-avatar-background-color: $base-border-color !default;
+$chat-bubble-color-primary: $base-text-color !default;
+$chat-bubble-background-color-primary: null !default;
+$chat-bubble-color-secondary: $base-text-color !default;
+$chat-bubble-background-color-secondary: rgba($base-inverted-bg, 0.08) !default;
+$chat-information-author-name-color: rgba($base-inverted-bg, 0.6) !default;
+$chat-information-timestamp-color: rgba($base-inverted-bg, 0.6) !default;
+$chat-messagelist-day-header-color: rgba($base-inverted-bg, 0.6) !default;
+$chat-alertlist-color: $base-invalid-color !default;
+$chat-messagelist-empty-icon-color: rgba($base-inverted-bg, 0.38) !default;
+$chat-messagelist-empty-icon-background-color: rgba($base-inverted-bg, 0.08) !default;
+$chat-messagelist-empty-message-color: rgba($base-inverted-bg, 0.87) !default;
+$chat-messagelist-empty-prompt-color: rgba($base-inverted-bg, 0.6) !default;
+$chat-typingindicator-color: rgba($base-inverted-bg, 0.6) !default;
+$chat-typingindicator-bubble-bg-color: $chat-bubble-background-color-secondary !default;
+$chat-typingindicator-circle-bg-color-center: rgba($base-inverted-bg, 0.6) !default;
+$chat-typingindicator-circle-bg-color: rgba($base-inverted-bg, 0.4) !default;
+
+$chat-file-container-background-color: $base-bg !default;
+$chat-file-container-box-shadow: null !default;
+$chat-file-secondary-color: $base-icon-color !default;
+
+$chat-suggestions-box-shadow: null !default;
+
+@if $mode == "light" {
+  $chat-bubble-background-color-primary: rgba($base-accent, 0.08) !default;
+  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.14), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.12), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.2) !default;
+  $chat-suggestions-box-shadow: 0 4px 12px 0 color.change($base-shadow-color, $alpha: 0.04), 0 4px 24px 0 color.change($base-shadow-color, $alpha: 0.02) !default;
+}
+
+@else if $mode == "dark" {
+  $chat-bubble-background-color-primary: rgba(color.adjust($base-accent, $lightness: 19.22%, $space: hsl), 0.08) !default;
+  $chat-file-container-box-shadow: 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.28), 0 1px 1px 0 color.change($base-shadow-color, $alpha: 0.24), 0 1px 3px 0 color.change($base-shadow-color, $alpha: 0.4) !default;
+  $chat-suggestions-box-shadow: 0 4px 24px 0 color.change($base-shadow-color, $alpha: 0.02), 0 4px 12px 0 color.change($base-shadow-color, $alpha: 0.04) !default;
+}
+
+$chat-messagelist-contextmenu-delete-button-color: $base-danger !default;
+$chat-messagelist-contextmenu-delete-button-focused-color: $base-danger !default;
+$chat-messagelist-contextmenu-delete-button-focused-bg: $base-hover-bg !default;
 $never-used: collector((
 "$chat-background-color": $chat-background-color,
 "$chat-border-color": $chat-border-color,

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

@@ -1,165 +1,165 @@
-@use "../../base/chat";
-@use "colors" as *;
-@use "../colors" as *;
-@use "sizes" as *;
-@use "../../base/chat/mixins" as *;
-@use "../common/mixins" as *;
-
-// adduse
-
-@include chat(
-  $chat-background-color,
-  $chat-border-color,
-  $chat-border-radius,
-);
-@include chat-avatar(
-  $chat-avatar-size,
-  $chat-avatar-color,
-  $chat-avatar-background-color,
-);
-@include chat-file(
-  $chat-file-container-width,
-  $chat-file-container-padding,
-  $chat-file-container-background-color,
-  $chat-file-container-border-radius,
-  $chat-file-container-box-shadow,
-  $chat-file-button-size,
-  $chat-file-secondary-font-size,
-  $chat-file-secondary-color,
-  $chat-file-base-section-gap,
-  $chat-file-size-max-width,
-  $chat-file-icon-font-size,
-);
-@include chat-fileview(
-  $chat-file-view-items-gap,
-  $chat-file-container-width,
-);
-@include chat-alertlist(
-  $chat-alertlist-color,
-  $chat-alerts-padding-block,
-  $chat-alerts-padding-inline,
-  $chat-alert-padding-block,
-  $chat-alerts-row-gap,
-);
-@include chat-messagebox(
-  $chat-messagebox-padding,
-  $chat-messagebox-border-color,
-  $chat-messagebox-gap,
-  $chat-messagebox-textarea-border-radius,
-  $chat-messagebox-textarea-padding,
-  $chat-messagebox-toolbar-min-height,
-  $chat-file-container-width,
-  $chat-messagebox-files-container-padding,
-  $chat-messagebox-files-container-padding-top,
-  $chat-messagebox-file-background-color,
-  $chat-messagebox-file-cancel-button-secondary-color,
-  $chat-file-container-box-shadow,
-);
-@include chat-messagebubble(
-  $chat-bubble-padding,
-  $chat-bubble-border-radius,
-  $chat-bubble-color-secondary,
-  $chat-bubble-background-color-secondary,
-  $chat-bubble-color-primary,
-  $chat-bubble-background-color-primary,
-  $chat-bubble-container-gap,
-  $chat-bubble-delete-gap,
-  $chat-bubble-delete-icon-size,
-  $chat-bubble-gap,
-);
-@include chat-messagegroup(
-  $chat-messagegroup-gap,
-  $chat-messagegroup-alignment-start-template,
-  $chat-messagegroup-alignment-start-gap,
-  $chat-messagegroup-padding,
-  $chat-information-font-size,
-  $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,
-  $chat-messagelist-empty-icon-box-size,
-  $chat-messagelist-empty-icon-size,
-  $chat-messagelist-empty-icon-margin-bottom,
-  $chat-messagelist-empty-row-gap,
-  $chat-messagelist-empty-icon-color,
-  $chat-messagelist-empty-icon-background-color,
-  $chat-messagelist-empty-message-font-size,
-  $chat-messagelist-empty-message-color,
-  $chat-messagelist-empty-prompt-font-size,
-  $chat-messagelist-empty-prompt-color,
-);
-@include chat-messagelist(
-  $chat-messagelist-padding,
-  $chat-messagelist-day-header-color,
-  $chat-messagelist-day-header-padding-bottom,
-  $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,
-  $chat-typingindicator-row-gap,
-  $chat-typingindicator-font-size,
-  $chat-typingindicator-color,
-  $chat-typingindicator-bubble-padding-block,
-  $chat-typingindicator-bubble-padding-inline,
-  $chat-typingindicator-bubble-border-radius,
-  $chat-typingindicator-bubble-bg-color,
-  $chat-typingindicator-bubble-column-gap,
-  $chat-typingindicator-circle-size,
-  $chat-typingindicator-circle-size-center,
-  $chat-typingindicator-circle-border-radius,
-  $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,
-);
-@include chat-suggestions(
-  $chat-suggestions-padding,
-  $chat-suggestions-button-border-radius,
-  $chat-suggestions-border-width,
-  $chat-suggestions-button-max-width,
-  $chat-suggestions-gap,
-  $chat-suggestions-box-shadow,
-);
-
-.dx-chat-file {
-  @include dx-base-typography();
-
-  .dx-chat-file-name {
-    font-weight: $chat-file-name-font-weight;
-  }
-}
-
-.dx-chat-textarea.dx-textarea {
-  .dx-fileuploader-file-container {
-    border-radius: $chat-messagebox-file-container-border-radius;
-  }
-
-  .dx-fileuploader-cancel-button {
-    background-color: transparent;
-  }
-}
+@use "../../base/chat";
+@use "colors" as *;
+@use "../colors" as *;
+@use "sizes" as *;
+@use "../../base/chat/mixins" as *;
+@use "../common/mixins" as *;
+
+// adduse
+
+@include chat(
+  $chat-background-color,
+  $chat-border-color,
+  $chat-border-radius,
+);
+@include chat-avatar(
+  $chat-avatar-size,
+  $chat-avatar-color,
+  $chat-avatar-background-color,
+);
+@include chat-file(
+  $chat-file-container-width,
+  $chat-file-container-padding,
+  $chat-file-container-background-color,
+  $chat-file-container-border-radius,
+  $chat-file-container-box-shadow,
+  $chat-file-button-size,
+  $chat-file-secondary-font-size,
+  $chat-file-secondary-color,
+  $chat-file-base-section-gap,
+  $chat-file-size-max-width,
+  $chat-file-icon-font-size,
+);
+@include chat-fileview(
+  $chat-file-view-items-gap,
+  $chat-file-container-width,
+);
+@include chat-alertlist(
+  $chat-alertlist-color,
+  $chat-alerts-padding-block,
+  $chat-alerts-padding-inline,
+  $chat-alert-padding-block,
+  $chat-alerts-row-gap,
+);
+@include chat-messagebox(
+  $chat-messagebox-padding,
+  $chat-messagebox-border-color,
+  $chat-messagebox-gap,
+  $chat-messagebox-textarea-border-radius,
+  $chat-messagebox-textarea-padding,
+  $chat-messagebox-toolbar-min-height,
+  $chat-file-container-width,
+  $chat-messagebox-files-container-padding,
+  $chat-messagebox-files-container-padding-top,
+  $chat-messagebox-file-background-color,
+  $chat-messagebox-file-cancel-button-secondary-color,
+  $chat-file-container-box-shadow,
+);
+@include chat-messagebubble(
+  $chat-bubble-padding,
+  $chat-bubble-border-radius,
+  $chat-bubble-color-secondary,
+  $chat-bubble-background-color-secondary,
+  $chat-bubble-color-primary,
+  $chat-bubble-background-color-primary,
+  $chat-bubble-container-gap,
+  $chat-bubble-delete-gap,
+  $chat-bubble-delete-icon-size,
+  $chat-bubble-gap,
+);
+@include chat-messagegroup(
+  $chat-messagegroup-gap,
+  $chat-messagegroup-alignment-start-template,
+  $chat-messagegroup-alignment-start-gap,
+  $chat-messagegroup-padding,
+  $chat-information-font-size,
+  $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,
+  $chat-messagelist-empty-icon-box-size,
+  $chat-messagelist-empty-icon-size,
+  $chat-messagelist-empty-icon-margin-bottom,
+  $chat-messagelist-empty-row-gap,
+  $chat-messagelist-empty-icon-color,
+  $chat-messagelist-empty-icon-background-color,
+  $chat-messagelist-empty-message-font-size,
+  $chat-messagelist-empty-message-color,
+  $chat-messagelist-empty-prompt-font-size,
+  $chat-messagelist-empty-prompt-color,
+);
+@include chat-messagelist(
+  $chat-messagelist-padding,
+  $chat-messagelist-day-header-color,
+  $chat-messagelist-day-header-padding-bottom,
+  $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,
+  $chat-typingindicator-row-gap,
+  $chat-typingindicator-font-size,
+  $chat-typingindicator-color,
+  $chat-typingindicator-bubble-padding-block,
+  $chat-typingindicator-bubble-padding-inline,
+  $chat-typingindicator-bubble-border-radius,
+  $chat-typingindicator-bubble-bg-color,
+  $chat-typingindicator-bubble-column-gap,
+  $chat-typingindicator-circle-size,
+  $chat-typingindicator-circle-size-center,
+  $chat-typingindicator-circle-border-radius,
+  $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,
+);
+@include chat-suggestions(
+  $chat-suggestions-padding,
+  $chat-suggestions-button-border-radius,
+  $chat-suggestions-border-width,
+  $chat-suggestions-button-max-width,
+  $chat-suggestions-gap,
+  $chat-suggestions-box-shadow,
+);
+
+.dx-chat-file {
+  @include dx-base-typography();
+
+  .dx-chat-file-name {
+    font-weight: $chat-file-name-font-weight;
+  }
+}
+
+.dx-chat-textarea.dx-textarea {
+  .dx-fileuploader-file-container {
+    border-radius: $chat-messagebox-file-container-border-radius;
+  }
+
+  .dx-fileuploader-cancel-button {
+    background-color: transparent;
+  }
+}