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

// Chat

$kendo-chat-padding-x: k-spacing(5) !default;
$kendo-chat-padding-y: k-spacing(5) !default;
$kendo-chat-width: 280px !default;
$kendo-chat-height: 320px !default;
$kendo-chat-border-width: 1px !default;
$kendo-chat-border-radius: null !default;
$kendo-chat-font-family: var(--kendo-font-family) !default;
$kendo-chat-font-size: var(--kendo-font-size) !default;
$kendo-chat-line-height: var(--kendo-line-height) !default;

$kendo-chat-item-spacing-y: k-spacing(4) !default;

$kendo-chat-message-max-width: min(75%, 460px) !default;
$kendo-chat-message-gap: k-spacing(2) !default;

$kendo-sequential-messages-border-radius: k-border-radius(sm) !default;

$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
$kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
$kendo-chat-message-box-wrapper-spacing: k-spacing(4) !default;

$kendo-chat-status-min-size: k-spacing(1.5) !default;
$kendo-chat-status-max-size: k-spacing(8) !default;
$kendo-chat-message-status-gap: k-spacing(1) !default;

$kendo-chat-timestamp-font-size: var(--kendo-font-size-sm) !default;
$kendo-chat-timestamp-line-height: var(--kendo-line-height-lg) !default;
$kendo-chat-timestamp-transform: none !default;
$kendo-chat-timestamp-text: k-color(subtle) !default;
$kendo-chat-timestamp-bg: null !default;
$kendo-chat-timestamp-separator-bg: k-color(border) !default;
$kendo-chat-timestamp-separator-spacing: k-spacing(1) !default;

$kendo-chat-message-meta-font-size: var(--kendo-font-size-sm) !default;
$kendo-chat-message-meta-line-height: var(--kendo-line-height-xs) !default;

$kendo-chat-author-font-size: var(--kendo-font-size-sm) !default;
$kendo-chat-author-line-height: var(--kendo-line-height-xs) !default;

$kendo-chat-status-text: k-color(subtle) !default;

$kendo-chat-bubble-spacing: k-spacing(1) !default;

$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
$kendo-chat-toolbar-border: inherit !default;

$kendo-chat-bg: k-color(app-surface) !default;
$kendo-chat-text: k-color(on-app-surface) !default;
$kendo-chat-border: k-color(border) !default;

$kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;

$kendo-chat-alt-bubble-bg: k-color(primary) !default;
$kendo-chat-alt-bubble-text: k-color(on-primary) !default;
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
$kendo-chat-alt-bubble-shadow: none !default;
$kendo-chat-alt-bubble-hover-bg: k-color(primary-hover) !default;
$kendo-chat-alt-bubble-hover-border: $kendo-chat-alt-bubble-hover-bg !default;
$kendo-chat-alt-bubble-active-bg: k-color(primary-active) !default;
$kendo-chat-alt-bubble-active-border: $kendo-chat-alt-bubble-active-bg !default;
$kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-bg !default;
$kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-bg !default;
$kendo-chat-alt-bubble-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent) !default;

$kendo-chat-failed-bubble-text: k-color(base-on-subtle) !default;
$kendo-chat-failed-bubble-bg: k-color(error-subtle) !default;
$kendo-chat-failed-bubble-border: k-color(error-emphasis) !default;
$kendo-chat-failed-content-color: k-color(error-on-surface) !default;

$kendo-chat-failed-bubble-hover-bg: k-color(error-subtle-hover) !default;

$kendo-chat-failed-bubble-selected-bg: k-color(error-subtle-active) !default;

$kendo-chat-sender-file-bg: color-mix(in srgb, k-color(on-primary) 14%, transparent) !default;
$kendo-chat-sender-file-text: k-color(on-primary) !default;
$kendo-chat-sender-file-border: $kendo-chat-sender-file-bg !default;

$kendo-chat-message-pinned-border-width: 1px !default;
$kendo-chat-message-pinned-border-style: solid !default;
$kendo-chat-message-pinned-border-color: k-color(border) !default;

$kendo-chat-message-reference-padding-x: k-spacing(2) !default;
$kendo-chat-message-reference-padding-y: k-spacing(2) !default;

$kendo-chat-message-reference-bg: color-mix(in srgb, k-color(surface) 90%, transparent) !default;
$kendo-chat-message-reference-text: k-color(on-app-surface) !default;
$kendo-chat-message-reference-marker-bg: k-color(base-emphasis) !default;
$kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;

@forward "@progress/kendo-theme-core/scss/components/chat/_variables.scss" with (
    $kendo-chat-padding-x: $kendo-chat-padding-x,
    $kendo-chat-padding-y: $kendo-chat-padding-y,
    $kendo-chat-width: $kendo-chat-width,
    $kendo-chat-height: $kendo-chat-height,
    $kendo-chat-border-width: $kendo-chat-border-width,
    $kendo-chat-border-radius: $kendo-chat-border-radius,
    $kendo-chat-font-family: $kendo-chat-font-family,
    $kendo-chat-font-size: $kendo-chat-font-size,
    $kendo-chat-line-height: $kendo-chat-line-height,
    $kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
    $kendo-chat-message-max-width: $kendo-chat-message-max-width,
    $kendo-chat-message-gap: $kendo-chat-message-gap,
    $kendo-sequential-messages-border-radius: $kendo-sequential-messages-border-radius,
    $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
    $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
    $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
    $kendo-chat-message-box-wrapper-spacing: $kendo-chat-message-box-wrapper-spacing,
    $kendo-chat-status-min-size: $kendo-chat-status-min-size,
    $kendo-chat-status-max-size: $kendo-chat-status-max-size,
    $kendo-chat-message-status-gap: $kendo-chat-message-status-gap,
    $kendo-chat-timestamp-font-size: $kendo-chat-timestamp-font-size,
    $kendo-chat-timestamp-line-height: $kendo-chat-timestamp-line-height,
    $kendo-chat-timestamp-transform: $kendo-chat-timestamp-transform,
    $kendo-chat-timestamp-text: $kendo-chat-timestamp-text,
    $kendo-chat-timestamp-bg: $kendo-chat-timestamp-bg,
    $kendo-chat-timestamp-separator-bg: $kendo-chat-timestamp-separator-bg,
    $kendo-chat-timestamp-separator-spacing: $kendo-chat-timestamp-separator-spacing,
    $kendo-chat-message-meta-font-size: $kendo-chat-message-meta-font-size,
    $kendo-chat-message-meta-line-height: $kendo-chat-message-meta-line-height,
    $kendo-chat-author-font-size: $kendo-chat-author-font-size,
    $kendo-chat-author-line-height: $kendo-chat-author-line-height,
    $kendo-chat-status-text: $kendo-chat-status-text,
    $kendo-chat-bubble-spacing: $kendo-chat-bubble-spacing,
    $kendo-chat-toolbar-bg: $kendo-chat-toolbar-bg,
    $kendo-chat-toolbar-text: $kendo-chat-toolbar-text,
    $kendo-chat-toolbar-border: $kendo-chat-toolbar-border,
    $kendo-chat-bg: $kendo-chat-bg,
    $kendo-chat-text: $kendo-chat-text,
    $kendo-chat-border: $kendo-chat-border,
    $kendo-chat-alt-bubble-bg: $kendo-chat-alt-bubble-bg,
    $kendo-chat-alt-bubble-text: $kendo-chat-alt-bubble-text,
    $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-border,
    $kendo-chat-alt-bubble-shadow: $kendo-chat-alt-bubble-shadow,
    $kendo-chat-alt-bubble-hover-bg: $kendo-chat-alt-bubble-hover-bg,
    $kendo-chat-alt-bubble-hover-border: $kendo-chat-alt-bubble-hover-border,
    $kendo-chat-alt-bubble-active-bg: $kendo-chat-alt-bubble-active-bg,
    $kendo-chat-alt-bubble-active-border: $kendo-chat-alt-bubble-active-border,
    $kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-focus-bg,
    $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
    $kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
    $kendo-chat-failed-bubble-text: $kendo-chat-failed-bubble-text,
    $kendo-chat-failed-bubble-bg: $kendo-chat-failed-bubble-bg,
    $kendo-chat-failed-bubble-border: $kendo-chat-failed-bubble-border,
    $kendo-chat-failed-content-color: $kendo-chat-failed-content-color,
    $kendo-chat-failed-bubble-hover-bg: $kendo-chat-failed-bubble-hover-bg,
    $kendo-chat-failed-bubble-selected-bg: $kendo-chat-failed-bubble-selected-bg,
    $kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
    $kendo-chat-sender-file-bg: $kendo-chat-sender-file-bg,
    $kendo-chat-sender-file-text: $kendo-chat-sender-file-text,
    $kendo-chat-sender-file-border: $kendo-chat-sender-file-border,
    $kendo-chat-message-pinned-border-width: $kendo-chat-message-pinned-border-width,
    $kendo-chat-message-pinned-border-style: $kendo-chat-message-pinned-border-style,
    $kendo-chat-message-pinned-border-color:  $kendo-chat-message-pinned-border-color,
    $kendo-chat-message-reference-padding-x: $kendo-chat-message-reference-padding-x,
    $kendo-chat-message-reference-padding-y: $kendo-chat-message-reference-padding-y,
    $kendo-chat-message-reference-bg: $kendo-chat-message-reference-bg,
    $kendo-chat-message-reference-text: $kendo-chat-message-reference-text,
    $kendo-chat-message-reference-marker-bg: $kendo-chat-message-reference-marker-bg,
    $kendo-chat-message-reference-marker-alt-bg: $kendo-chat-message-reference-marker-alt-bg,
);