@use "sass:map";
@use "../core/_index.scss" as *;
@use "../toolbar/_variables.scss" as *;

// Chat

/// The box shadow transition of the Chat.
/// @group chat
$kendo-chat-transition: var( --kendo-transition, inherit ) !default;
/// The hover text color of the Chat bubble links.
/// @group chat
$kendo-chat-link-hover-text: var( --kendo-link-hover-text, inherit ) !default;
/// The text color of the Chat bubble links.
/// @group chat
$kendo-chat-link-text: var( --kendo-link-text, inherit ) !default;
/// The horizontal padding of the Chat.
/// @group chat
$kendo-chat-padding-x: k-spacing(4) !default;
/// The vertical padding of the Chat.
/// @group chat
$kendo-chat-padding-y: k-spacing(4) !default;
/// The width of the Chat.
/// @group chat
$kendo-chat-width: 500px !default;
/// The height of the Chat.
/// @group chat
$kendo-chat-height: 600px !default;
/// The border width of the Chat.
/// @group chat
$kendo-chat-border-width: 1px !default;
/// The font family of the Chat.
/// @group chat
$kendo-chat-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the Chat.
/// @group chat
$kendo-chat-font-size: var( --kendo-font-size, inherit ) !default;
/// The line height of the Chat.
/// @group chat
$kendo-chat-line-height: var( --kendo-line-height, normal ) !default;

/// The size of the Chat typing indicator dot.
/// @group chat
$kendo-chat-typing-indicator-dot-size: 8px !default;
/// The spacing of the Chat typing indicator dot.
/// @group chat
$kendo-chat-typing-indicator-dot-spacing: calc( #{k-spacing(2.5)} / 2 ) !default;

/// The horizontal spacing between the items of the Chat.
/// @group chat
$kendo-chat-item-spacing-x: k-spacing(2) !default;
/// The vertical spacing between the items of the Chat.
/// @group chat
$kendo-chat-item-spacing-y: k-spacing(4) !default;

/// The horizontal padding of the Chat message list.
/// @group chat
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
/// The vertical padding of the Chat message list.
/// @group chat
$kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
/// The spacing of the Chat message list.
/// @group chat
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;

/// The font size of the Chat timestamp.
/// @group chat
$kendo-chat-timestamp-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The line height of the Chat timestamp.
/// @group chat
$kendo-chat-timestamp-line-height: var( --kendo-line-height-lg, normal ) !default;
/// The text transform of the Chat timestamp.
/// @group chat
$kendo-chat-timestamp-transform: uppercase !default;
/// The text color of the Chat timestamp.
/// @group chat
$kendo-chat-timestamp-text: var( --kendo-subtle-text, inherit ) !default;
/// The background color of the Chat timestamp.
/// @group chat
$kendo-chat-timestamp-bg: normal !default;

/// The font size of the Chat message meta text.
/// @group chat
$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The line height of the Chat message meta text.
/// @group chat
$kendo-chat-message-meta-line-height: var( --kendo-line-height-lg, normal ) !default;

/// The font size of the Chat author text.
/// @group chat
$kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
/// The line height of the Chat author text.
/// @group chat
$kendo-chat-author-line-height: var( --kendo-line-height-lg, normal ) !default;

/// The horizontal padding of the Chat bubble message.
/// @group chat
$kendo-chat-bubble-padding-x: k-spacing(3) !default;
/// The vertical padding of the Chat bubble message.
/// @group chat
$kendo-chat-bubble-padding-y: k-spacing(2) !default;
/// The spacing of the Chat bubble message.
/// @group chat
$kendo-chat-bubble-spacing: k-spacing(0.5) !default;
/// The line height of the Chat bubble message.
/// @group chat
$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;

/// The spacing of the Chat scroll button.
/// @group chat
$kendo-chat-scroll-button: k-spacing(2) !default;
/// The size of the Chat Card deck scrollbar.
/// @group chat
$kendo-card-deck-scrollbar-size: 20px !default;

/// The border radius of the Chat bubble message.
/// @group chat
$kendo-chat-bubble-border-radius: k-spacing(3) !default;
/// The border radius of the Chat small bubble message
/// @group chat
$kendo-chat-bubble-border-radius-sm: var( --kendo-border-radius, 0 ) !default;

/// The size of the Chat Avatar.
/// @group chat
$kendo-chat-avatar-size: 32px !default;
/// The spacing of the Chat Avatar.
/// @group chat
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;

/// The horizontal padding of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
/// The vertical padding of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
/// The spacing of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
/// The background color of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
/// The text color of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
/// The border color of the Chat Toolbar.
/// @group chat
$kendo-chat-toolbar-border: inherit !default;

/// The horizontal padding of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-padding-x: k-spacing(3) !default;
/// The vertical padding of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-padding-y: k-spacing(2) !default;
/// The spacing of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-spacing: k-spacing(2) !default;
/// The line height of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;

/// The background color of the Chat.
/// @group chat
$kendo-chat-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
/// The text color of the Chat.
/// @group chat
$kendo-chat-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default;
/// The border color of the Chat.
/// @group chat
$kendo-chat-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 )) !default;

/// The background color of the Chat bubble.
/// @group chat
$kendo-chat-bubble-bg: var( --kendo-component-bg, inherit ) !default;
/// The text color of the Chat bubble.
/// @group chat
$kendo-chat-bubble-text: var( --kendo-component-text, inherit ) !default;
/// The border color of the Chat bubble.
/// @group chat
$kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
/// The box shadow of the Chat bubble.
/// @group chat
$kendo-chat-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
/// The shadow of the hovered Chat bubble.
/// @group chat
$kendo-chat-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
/// The shadow of the selected Chat bubble.
/// @group chat
$kendo-chat-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;

/// The background color of the Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The text color of the Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-text: var( --kendo-component-bg, inherit ) !default;
/// The border color of the Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
/// The shadow of the Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
/// The shadow of the hovered Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
/// The shadow of the selected Chat alt bubble.
/// @group chat
$kendo-chat-alt-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;

/// The background color of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-bg: transparent !default;
/// The text color of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The border color of the Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The background color of the hovered Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-hover-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The text color of the hovered Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-hover-text: var( --kendo-component-bg, inherit ) !default;
/// The border color of the hovered Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-hover-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The offset of the focused Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-focus-offset: k-spacing(0.5) !default;
/// The outline width of the focused Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-focus-outline-width: 1px !default;
/// The outline style of the focused Chat quick reply.
/// @group chat
$kendo-chat-quick-reply-focus-outline-style: solid !default;