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

// Spreadsheet

/// The width of the border around the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-border-width: 1px !default;
/// The font family of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-font-size: var( --kendo-font-size, inherit ) !default;
/// The line height of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-line-height: var( --kendo-line-height, normal ) !default;

/// The background color of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-bg: k-color(surface-alt) !default;
/// The text color of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-text: k-color(on-app-surface) !default;
/// The border color of the Spreadsheet.
/// @group spreadsheet
$kendo-spreadsheet-border: k-color(border) !default;

/// The background color of the Spreadsheet header.
/// @group spreadsheet
$kendo-spreadsheet-header-bg: k-color(surface)!default;
/// The text color of the Spreadsheet header.
/// @group spreadsheet
$kendo-spreadsheet-header-text: k-color(on-app-surface) !default;
/// The border color of the Spreadsheet header.
/// @group spreadsheet
$kendo-spreadsheet-header-border: k-color(border) !default;
/// The gradient of the Spreadsheet header.
/// @group spreadsheet
$kendo-spreadsheet-header-gradient: null !default;

/// The background color of the Spreadsheet table headers.
/// @group spreadsheet
$kendo-spreadsheet-table-header-bg: $kendo-spreadsheet-header-bg !default;
/// The text color of the Spreadsheet table headers.
/// @group spreadsheet
$kendo-spreadsheet-table-header-text: $kendo-spreadsheet-header-text !default;
/// The border color of the Spreadsheet table headers.
/// @group spreadsheet
$kendo-spreadsheet-table-header-border: $kendo-spreadsheet-header-border !default;
/// The gradient of the Spreadsheet table headers.
/// @group spreadsheet
$kendo-spreadsheet-table-header-gradient: $kendo-spreadsheet-header-gradient !default;

/// The border width of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-border-width: 1px !default;
/// The horizontal padding of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-padding-y: k-spacing(1) !default;
/// The vertical padding of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-padding-x: k-spacing(2) !default;
/// The font size of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-font-size: $kendo-spreadsheet-font-size !default;
/// The font family of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-font-family: Arial, Verdana, sans-serif !default;
/// The spacings of the Spreadsheet action bar.
/// @group spreadsheet
$kendo-spreadsheet-action-bar-spacing: k-spacing(2) !default;

/// The gap of the Spreadsheet formula bar.
/// @group spreadsheet
$kendo-spreadsheet-formula-bar-gap: k-spacing(2) !default;

/// The horizontal padding of the Spreadsheet formula input.
/// @group spreadsheet
$kendo-spreadsheet-formula-input-padding-x: $kendo-input-md-padding-x !default;
/// The vertical padding of the Spreadsheet formula input.
/// @group spreadsheet
$kendo-spreadsheet-formula-input-padding-y: $kendo-input-md-padding-y !default;
/// The line height of the Spreadsheet formula input.
/// @group spreadsheet
$kendo-spreadsheet-formula-input-line-height: $kendo-input-md-line-height !default;

/// The padding of the Spreadsheet formula bar icon.
/// @group spreadsheet
$kendo-spreadsheet-formula-bar-icon-padding: k-spacing(1) !default;

/// The font family of the Spreadsheet view.
/// @group spreadsheet
$kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
/// The font size of the Spreadsheet view.
/// @group spreadsheet
$kendo-spreadsheet-view-font-size: $kendo-spreadsheet-font-size !default;

/// The background color of the Spreadsheet selection.
/// @group spreadsheet
$kendo-spreadsheet-selection-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
/// The text color of the Spreadsheet selection.
/// @group spreadsheet
$kendo-spreadsheet-selection-text: null !default;
/// The border color of the Spreadsheet selection.
/// @group spreadsheet
$kendo-spreadsheet-selection-border: k-color(primary) !default;
/// The shadow of the Spreadsheet selection.
/// @group spreadsheet
$kendo-spreadsheet-selection-shadow: inset 0 0 0 1px k-color(primary) !default;

/// The background color of the Spreadsheet single selection.
/// @group spreadsheet
$kendo-spreadsheet-single-selection-bg: k-color(primary) !default;
/// The text color of the Spreadsheet single selection.
/// @group spreadsheet
$kendo-spreadsheet-single-selection-text: null !default;
/// The border color of the Spreadsheet single selection.
/// @group spreadsheet
$kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-bg !default;

/// The background color of the Spreadsheet partial selection.
/// @group spreadsheet
$kendo-spreadsheet-partial-selection-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;

/// The background color of the Spreadsheet active cell.
/// @group spreadsheet
$kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-bg !default;
/// The shadow of the Spreadsheet active cell.
/// @group spreadsheet
$kendo-spreadsheet-active-cell-shadow: inset 0 0 0 1px k-color(primary) !default;

/// The background color of the Spreadsheet auto fill.
/// @group spreadsheet
$kendo-spreadsheet-auto-fill-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;
/// The text color of the Spreadsheet auto fill.
/// @group spreadsheet
$kendo-spreadsheet-auto-fill-text: null !default;
/// The border color of the Spreadsheet auto fill.
/// @group spreadsheet
$kendo-spreadsheet-auto-fill-border: k-color(primary) !default;
/// The shadow of the Spreadsheet auto fill.
/// @group spreadsheet
$kendo-spreadsheet-auto-fill-shadow: inset 0 0 0 1px k-color(primary) !default;
/// The background color of the Spreadsheet auto fill punch.
/// @group spreadsheet
$kendo-spreadsheet-auto-fill-punch-bg: rgba( $kendo-spreadsheet-bg, .5 ) !default;

/// The vertical padding of the Spreadsheet cell.
/// @group spreadsheet
$kendo-spreadsheet-cell-padding-y: k-spacing(1) !default;
/// The horizontal padding of the Spreadsheet cell.
/// @group spreadsheet
$kendo-spreadsheet-cell-padding-x: $kendo-spreadsheet-cell-padding-y !default;

/// The line height of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-line-height: 20px !default;
/// The horizontal padding of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-padding-x: k-spacing(1) !default;
/// The vertical padding of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-padding-y: k-spacing(0) !default;
/// The background color of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-bg: $kendo-spreadsheet-bg !default;
/// The text color of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-text: $kendo-spreadsheet-text !default;
/// The border color of the Spreadsheet cell editor.
/// @group spreadsheet
$kendo-spreadsheet-cell-editor-border: null !default;

/// The background color of the Spreadsheet resize handle.
/// @group spreadsheet
$kendo-spreadsheet-resize-handle-bg: k-color(primary) !default;

/// The border color of the Spreadsheet cell comment indicator.
/// @group spreadsheet
$kendo-spreadsheet-cell-comment-border: k-color(primary) !default;

/// The border color of the Spreadsheet cell dirty indicator.
/// @group spreadsheet
$kendo-spreadsheet-cell-dirty-border: k-color(error) !default;

/// The horizontal padding of the Spreadsheet sheets bar.
/// @group spreadsheet
$kendo-spreadsheet-sheets-bar-padding-x: k-spacing(2) !default;
/// The vertical padding of the Spreadsheet sheets bar.
/// @group spreadsheet
$kendo-spreadsheet-sheets-bar-padding-y: k-spacing(2) !default;
/// The border width of the Spreadsheet sheets bar.
/// @group spreadsheet
$kendo-spreadsheet-sheets-bar-border-width: 1px !default;

/// The border style of the Spreadsheet image Dialog.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
/// The border width of the Spreadsheet image Dialog.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-border-width: 2px !default;
/// The bottom margin of the Spreadsheet image Dialog.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-text-margin-bottom: k-spacing(7.5) !default;
/// The width of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-width: 355px !default;
/// The height of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-height: 230px !default;
/// The image of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-img: "data:image/png;base64, " !default;
/// The border of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-border: k-color(border) !default;
/// The border radius of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-border-radius: k-border-radius(md) !default;
/// The shadow of the Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
/// The border radius of the Spreadsheet image Dialog preview overlay.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: k-border-radius(md) !default;
/// The text color of the hovered Spreadsheet image Dialog preview.
/// @group spreadsheet
$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: k-color(surface-alt) !default;

/// The width of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-width: 6px !default;
/// The height of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-height: 6px !default;
/// The border style of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-border-style: solid !default;
/// The border width of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-border-width: 1px !default;
/// The border color of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-outline-color: k-color(primary) !default;
/// The outline color of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-border-color: k-color(primary) !default;
/// The border color of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-bg: k-color(primary) !default;
/// The border radius of the Spreadsheet drawing handle.
/// @group spreadsheet
$kendo-spreadsheet-drawing-handle-border-radius: k-border-radius(lg) !default;
/// The outline style of the Spreadsheet drawing.
/// @group spreadsheet
$kendo-spreadsheet-drawing-outline-style: solid !default;
/// The outline width of the Spreadsheet drawing.
/// @group spreadsheet
$kendo-spreadsheet-drawing-outline-width: 2px !default;
/// The background color of the Spreadsheet drawing anchor.
/// @group spreadsheet
$kendo-spreadsheet-drawing-anchor-bg: color-mix(in srgb, k-color(primary) 25%, transparent) !default;

/// The vertical spacing of the Spreadsheet DropZone.
/// @group spreadsheet
$kendo-spreadsheet-dropzone-spacing-y: k-spacing(4) !default;

/// The padding of the Spreadsheet filter.
/// @group spreadsheet
$kendo-spreadsheet-filter-padding: k-spacing(1) !default;


/// The horizontal padding of the Spreadsheet filter menu link.
/// @group spreadsheet
$kendo-spreadsheet-filter-menu-link-padding-x: calc( #{$kendo-icon-size} + calc( 2 * #{k-spacing(1)} ) ) !default;

/// The margin of the Spreadsheet filter menu icon.
/// @group spreadsheet
$kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(1) 0 calc(-1 * ( #{$kendo-icon-size} + #{k-spacing(1)} ) ) !default;

@forward "@progress/kendo-theme-core/scss/components/spreadsheet/_variables.scss" with (
    $kendo-spreadsheet-border-width: $kendo-spreadsheet-border-width,
    $kendo-spreadsheet-font-family: $kendo-spreadsheet-font-family,
    $kendo-spreadsheet-font-size: $kendo-spreadsheet-font-size,
    $kendo-spreadsheet-line-height: $kendo-spreadsheet-line-height,
    $kendo-spreadsheet-bg: $kendo-spreadsheet-bg,
    $kendo-spreadsheet-text: $kendo-spreadsheet-text,
    $kendo-spreadsheet-border: $kendo-spreadsheet-border,
    $kendo-spreadsheet-header-bg: $kendo-spreadsheet-header-bg,
    $kendo-spreadsheet-header-text: $kendo-spreadsheet-header-text,
    $kendo-spreadsheet-header-border: $kendo-spreadsheet-header-border,
    $kendo-spreadsheet-header-gradient: $kendo-spreadsheet-header-gradient,
    $kendo-spreadsheet-table-header-bg: $kendo-spreadsheet-table-header-bg,
    $kendo-spreadsheet-table-header-text: $kendo-spreadsheet-table-header-text,
    $kendo-spreadsheet-table-header-border: $kendo-spreadsheet-table-header-border,
    $kendo-spreadsheet-table-header-gradient: $kendo-spreadsheet-table-header-gradient,
    $kendo-spreadsheet-action-bar-border-width: $kendo-spreadsheet-action-bar-border-width,
    $kendo-spreadsheet-action-bar-padding-y: $kendo-spreadsheet-action-bar-padding-y,
    $kendo-spreadsheet-action-bar-padding-x: $kendo-spreadsheet-action-bar-padding-x,
    $kendo-spreadsheet-action-bar-font-size: $kendo-spreadsheet-action-bar-font-size,
    $kendo-spreadsheet-action-bar-font-family: $kendo-spreadsheet-action-bar-font-family,
    $kendo-spreadsheet-action-bar-spacing: $kendo-spreadsheet-action-bar-spacing,
    $kendo-spreadsheet-formula-bar-gap: $kendo-spreadsheet-formula-bar-gap,
    $kendo-spreadsheet-formula-input-padding-x: $kendo-spreadsheet-formula-input-padding-x,
    $kendo-spreadsheet-formula-input-padding-y: $kendo-spreadsheet-formula-input-padding-y,
    $kendo-spreadsheet-formula-input-line-height: $kendo-spreadsheet-formula-input-line-height,
    $kendo-spreadsheet-formula-bar-icon-padding: $kendo-spreadsheet-formula-bar-icon-padding,
    $kendo-spreadsheet-view-font-family: $kendo-spreadsheet-view-font-family,
    $kendo-spreadsheet-view-font-size: $kendo-spreadsheet-view-font-size,
    $kendo-spreadsheet-selection-bg: $kendo-spreadsheet-selection-bg,
    $kendo-spreadsheet-selection-text: $kendo-spreadsheet-selection-text,
    $kendo-spreadsheet-selection-border: $kendo-spreadsheet-selection-border,
    $kendo-spreadsheet-selection-shadow: $kendo-spreadsheet-selection-shadow,
    $kendo-spreadsheet-single-selection-bg: $kendo-spreadsheet-single-selection-bg,
    $kendo-spreadsheet-single-selection-text: $kendo-spreadsheet-single-selection-text,
    $kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-single-selection-border,
    $kendo-spreadsheet-partial-selection-bg: $kendo-spreadsheet-partial-selection-bg,
    $kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-active-cell-bg,
    $kendo-spreadsheet-active-cell-shadow: $kendo-spreadsheet-active-cell-shadow,
    $kendo-spreadsheet-auto-fill-bg: $kendo-spreadsheet-auto-fill-bg,
    $kendo-spreadsheet-auto-fill-text: $kendo-spreadsheet-auto-fill-text,
    $kendo-spreadsheet-auto-fill-border: $kendo-spreadsheet-auto-fill-border,
    $kendo-spreadsheet-auto-fill-shadow: $kendo-spreadsheet-auto-fill-shadow,
    $kendo-spreadsheet-auto-fill-punch-bg: $kendo-spreadsheet-auto-fill-punch-bg,
    $kendo-spreadsheet-cell-padding-y: $kendo-spreadsheet-cell-padding-y,
    $kendo-spreadsheet-cell-padding-x: $kendo-spreadsheet-cell-padding-x,
    $kendo-spreadsheet-cell-editor-line-height: $kendo-spreadsheet-cell-editor-line-height,
    $kendo-spreadsheet-cell-editor-padding-x: $kendo-spreadsheet-cell-editor-padding-x,
    $kendo-spreadsheet-cell-editor-padding-y: $kendo-spreadsheet-cell-editor-padding-y,
    $kendo-spreadsheet-cell-editor-bg: $kendo-spreadsheet-cell-editor-bg,
    $kendo-spreadsheet-cell-editor-text: $kendo-spreadsheet-cell-editor-text,
    $kendo-spreadsheet-cell-editor-border: $kendo-spreadsheet-cell-editor-border,
    $kendo-spreadsheet-resize-handle-bg: $kendo-spreadsheet-resize-handle-bg,
    $kendo-spreadsheet-cell-comment-border: $kendo-spreadsheet-cell-comment-border,
    $kendo-spreadsheet-cell-dirty-border: $kendo-spreadsheet-cell-dirty-border,
    $kendo-spreadsheet-sheets-bar-padding-x: $kendo-spreadsheet-sheets-bar-padding-x,
    $kendo-spreadsheet-sheets-bar-padding-y: $kendo-spreadsheet-sheets-bar-padding-y,
    $kendo-spreadsheet-sheets-bar-border-width: $kendo-spreadsheet-sheets-bar-border-width,
    $kendo-spreadsheet-insert-image-dialog-border-style: $kendo-spreadsheet-insert-image-dialog-border-style,
    $kendo-spreadsheet-insert-image-dialog-border-width: $kendo-spreadsheet-insert-image-dialog-border-width,
    $kendo-spreadsheet-insert-image-dialog-text-margin-bottom: $kendo-spreadsheet-insert-image-dialog-text-margin-bottom,
    $kendo-spreadsheet-insert-image-dialog-preview-width: $kendo-spreadsheet-insert-image-dialog-preview-width,
    $kendo-spreadsheet-insert-image-dialog-preview-height: $kendo-spreadsheet-insert-image-dialog-preview-height,
    $kendo-spreadsheet-insert-image-dialog-preview-img: $kendo-spreadsheet-insert-image-dialog-preview-img,
    $kendo-spreadsheet-insert-image-dialog-preview-border: $kendo-spreadsheet-insert-image-dialog-preview-border,
    $kendo-spreadsheet-insert-image-dialog-preview-border-radius: $kendo-spreadsheet-insert-image-dialog-preview-border-radius,
    $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow,
    $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius,
    $kendo-spreadsheet-insert-image-dialog-overlay-hover-text: $kendo-spreadsheet-insert-image-dialog-overlay-hover-text,
    $kendo-spreadsheet-drawing-handle-width: $kendo-spreadsheet-drawing-handle-width,
    $kendo-spreadsheet-drawing-handle-height: $kendo-spreadsheet-drawing-handle-height,
    $kendo-spreadsheet-drawing-handle-border-style: $kendo-spreadsheet-drawing-handle-border-style,
    $kendo-spreadsheet-drawing-handle-border-width: $kendo-spreadsheet-drawing-handle-border-width,
    $kendo-spreadsheet-drawing-handle-outline-color: $kendo-spreadsheet-drawing-handle-outline-color,
    $kendo-spreadsheet-drawing-handle-border-color: $kendo-spreadsheet-drawing-handle-border-color,
    $kendo-spreadsheet-drawing-handle-bg: $kendo-spreadsheet-drawing-handle-bg,
    $kendo-spreadsheet-drawing-handle-border-radius: $kendo-spreadsheet-drawing-handle-border-radius,
    $kendo-spreadsheet-drawing-outline-style: $kendo-spreadsheet-drawing-outline-style,
    $kendo-spreadsheet-drawing-outline-width: $kendo-spreadsheet-drawing-outline-width,
    $kendo-spreadsheet-drawing-anchor-bg: $kendo-spreadsheet-drawing-anchor-bg,
    $kendo-spreadsheet-dropzone-spacing-y: $kendo-spreadsheet-dropzone-spacing-y,
    $kendo-spreadsheet-filter-padding: $kendo-spreadsheet-filter-padding,
    $kendo-spreadsheet-filter-menu-link-padding-x: $kendo-spreadsheet-filter-menu-link-padding-x,
    $kendo-spreadsheet-filter-menu-icon-margin: $kendo-spreadsheet-filter-menu-icon-margin
);
