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


// TaskBoard

/// The spacing index of the TaskBoard.
/// @group taskboard
$kendo-taskboard-spacer: k-spacing(4) !default;
/// The vertical padding of the TaskBoard.
/// @group taskboard
$kendo-taskboard-padding-y: null !default;
/// The horizontal of the TaskBoard.
/// @group taskboard
$kendo-taskboard-padding-x: null !default;
/// The font family of the TaskBoard.
/// @group taskboard
$kendo-taskboard-font-family: var( --kendo-font-family, inherit ) !default;
/// The font size of the TaskBoard.
/// @group taskboard
$kendo-taskboard-font-size: var( --kendo-font-size, inherit ) !default;
/// The line height of the TaskBoard.
/// @group taskboard
$kendo-taskboard-line-height: var( --kendo-line-height, normal ) !default;
/// The background color of the TaskBoard.
/// @group taskboard
$kendo-taskboard-bg: null !default;
/// The text color of the TaskBoard.
/// @group taskboard
$kendo-taskboard-text: null !default;
/// The border color of the TaskBoard.
/// @group taskboard
$kendo-taskboard-border: null !default;

/// The vertical padding of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-padding-y: $kendo-taskboard-spacer !default;
/// The horizontal padding of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-y !default;
/// The background color of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-bg: null !default;
/// The text color of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-text: null !default;
/// The border color of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-border: null !default;
/// The gradient of the TaskBoard Toolbar.
/// @group taskboard
$kendo-taskboard-toolbar-gradient: null !default;

/// The vertical padding of the TaskBoard content.
/// @group taskboard
$kendo-taskboard-content-padding-y: $kendo-taskboard-spacer !default;

/// The vertical spacing of the TaskBoard column container.
/// @group taskboard
$kendo-taskboard-column-container-spacing-y: calc( #{$kendo-taskboard-spacer} * .75 ) !default;
/// The vertical padding of the TaskBoard column container.
/// @group taskboard
$kendo-taskboard-column-container-padding-y: k-spacing(0) !default;
/// The horizontal padding of the TaskBoard column container.
/// @group taskboard
$kendo-taskboard-column-container-padding-x: calc( #{$kendo-taskboard-spacer} * .75 ) !default;
/// The spacing of the TaskBoard columns container.
/// @group taskboard
$kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;

/// The default width of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-width: 320px !default;
/// The border width of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-border-width: 1px !default;
/// The border radius of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-border-radius: k-border-radius(sm) !default;
/// The background color of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-bg: k-color(surface) !default;
/// The text color of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-text: null !default;
/// The border color of the TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-border: transparent !default;

/// The background color of the focused TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-focus-bg: null !default;
/// The text color of the focused TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-focus-text: null !default;
/// The border color of the focused TaskBoard column.
/// @group taskboard
$kendo-taskboard-column-focus-border: k-color(primary-emphasis) !default;

/// The vertical padding of the TaskBoard column header.
/// @group taskboard
$kendo-taskboard-column-header-padding-y: calc( #{$kendo-taskboard-spacer} * .75 ) !default;
/// The horizontal padding of the TaskBoard column header.
/// @group taskboard
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
/// The spacing of the TaskBoard column header.
/// @group taskboard
$kendo-taskboard-column-header-gap: calc( #{$kendo-taskboard-spacer} / 4 ) !default;
/// The spacing of the TaskBoard column header actions.
/// @group taskboard
$kendo-taskboard-column-header-actions-gap: calc( #{$kendo-taskboard-spacer} / 2 ) !default;
/// The font weight of the TaskBoard column header.
/// @group taskboard
$kendo-taskboard-column-header-font-weight: 500 !default;
/// The text color of the TaskBoard column header.
/// @group taskboard
$kendo-taskboard-column-header-text: k-color(on-app-surface) !default;

/// The vertical padding of the TaskBoard column Card wrapper.
/// @group taskboard
$kendo-taskboard-column-cards-padding-y: calc( #{$kendo-taskboard-spacer} * .25 ) !default;
/// The horizontal padding of the TaskBoard column Card wrapper.
/// @group taskboard
$kendo-taskboard-column-cards-padding-x: k-spacing(0) !default;
/// The spacing of the TaskBoard column Card wrapper.
/// @group taskboard
$kendo-taskboard-column-cards-gap: calc( #{$kendo-taskboard-spacer} * .75 ) !default;

/// The default width of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-width: $kendo-taskboard-column-width !default;
/// The vertical padding of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-padding-y: null !default;
/// The horizontal padding of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-padding-x: null !default;
/// The border width of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-border-width: 1px !default;
/// The background color of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-bg: k-color(surface-alt) !default;
/// The text color of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-text: k-color(on-app-surface) !default;
/// The border color of the TaskBoard pane.
/// @group taskboard
$kendo-taskboard-pane-border: k-color(border) !default;

/// The vertical padding of the TaskBoard pane header.
/// @group taskboard
$kendo-taskboard-pane-header-padding-y: calc( #{$kendo-taskboard-spacer} * .75 ) !default;
/// The horizontal padding of the TaskBoard pane header.
/// @group taskboard
$kendo-taskboard-pane-header-padding-x: $kendo-taskboard-spacer !default;
/// The font weight of the TaskBoard pane header.
/// @group taskboard
$kendo-taskboard-pane-header-font-weight: 500 !default;
/// The text color of the TaskBoard pane header.
/// @group taskboard
$kendo-taskboard-pane-header-text: k-color(on-app-surface) !default;

/// The vertical padding of the TaskBoard pane content.
/// @group taskboard
$kendo-taskboard-pane-content-padding-y: k-spacing(0) !default;
/// The horizontal padding of the TaskBoard pane content.
/// @group taskboard
$kendo-taskboard-pane-content-padding-x: $kendo-taskboard-spacer !default;

/// The vertical padding of the TaskBoard pane actions.
/// @group taskboard
$kendo-taskboard-pane-actions-padding-y: calc( #{$kendo-taskboard-spacer} * .75 ) !default;
/// The horizontal padding of the TaskBoard pane actions.
/// @group taskboard
$kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-spacer !default;

/// The vertical padding of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-padding-y: $kendo-taskboard-spacer !default;
/// The horizontal padding of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-y !default;
/// The border width of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-border-width: $kendo-card-border-width !default;
/// The border radius of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-border-radius: $kendo-card-border-radius !default;
/// The background color of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-bg: $kendo-card-bg !default;
/// The text color of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-text: $kendo-card-text !default;
/// The border color of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-border: $kendo-card-border !default;
/// The shadow of the TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-shadow: $kendo-card-shadow !default;

/// The border width of the TaskBoard Card category.
/// @group taskboard
$kendo-taskboard-card-category-border-width: 4px !default;

/// The border color of the hovered TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-hover-border: k-color(border-alt) !default;

/// The border color of the focused TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-focus-border: k-color(primary-emphasis) !default;
/// The shadow of the focused TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-focus-shadow: $kendo-card-focus-shadow !default;

/// The border of the selected TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-selected-border: k-color(primary-on-surface) !default;
/// The shadow of the selected TaskBoard Card.
/// @group taskboard
$kendo-taskboard-card-selected-shadow: none !default;

/// The text color of the TaskBoard Card header text.
/// @group taskboard
$kendo-taskboard-card-header-text: k-color(primary-on-surface) !default;
/// The text color of the hovered TaskBoard Card header text.
/// @group taskboard
$kendo-taskboard-card-header-focus-text: color-mix(in srgb, k-color(primary-on-surface) 90%, transparent 10%) !default;
/// The text color of the focused TaskBoard Card header text.
/// @group taskboard
$kendo-taskboard-card-header-hover-text: color-mix(in srgb, k-color(primary-on-surface) 90%, transparent 10%) !default;

/// The border width of the TaskBoard Card placeholder.
/// @group taskboard
$kendo-taskboard-drag-placeholder-border-width: 1px !default;
/// The border radius of the TaskBoard Card placeholder.
/// @group taskboard
$kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
/// The background color of the TaskBoard Card placeholder.
/// @group taskboard
$kendo-taskboard-drag-placeholder-bg: color-mix(in srgb, k-color(on-app-surface) 10%, transparent) !default;
/// The border color of the TaskBoard Card placeholder.
/// @group taskboard
$kendo-taskboard-drag-placeholder-border: k-color(border) !default;


@forward "@progress/kendo-theme-core/scss/components/taskboard/_variables.scss" with (
    $kendo-taskboard-spacer: $kendo-taskboard-spacer,
    $kendo-taskboard-padding-y: $kendo-taskboard-padding-y,
    $kendo-taskboard-padding-x: $kendo-taskboard-padding-x,
    $kendo-taskboard-font-family: $kendo-taskboard-font-family,
    $kendo-taskboard-font-size: $kendo-taskboard-font-size,
    $kendo-taskboard-line-height: $kendo-taskboard-line-height,
    $kendo-taskboard-bg: $kendo-taskboard-bg,
    $kendo-taskboard-text: $kendo-taskboard-text,
    $kendo-taskboard-border: $kendo-taskboard-border,
    $kendo-taskboard-toolbar-padding-y: $kendo-taskboard-toolbar-padding-y,
    $kendo-taskboard-toolbar-padding-x: $kendo-taskboard-toolbar-padding-x,
    $kendo-taskboard-toolbar-bg: $kendo-taskboard-toolbar-bg,
    $kendo-taskboard-toolbar-text: $kendo-taskboard-toolbar-text,
    $kendo-taskboard-toolbar-border: $kendo-taskboard-toolbar-border,
    $kendo-taskboard-toolbar-gradient: $kendo-taskboard-toolbar-gradient,
    $kendo-taskboard-content-padding-y: $kendo-taskboard-content-padding-y,
    $kendo-taskboard-column-container-spacing-y: $kendo-taskboard-column-container-spacing-y,
    $kendo-taskboard-column-container-padding-y: $kendo-taskboard-column-container-padding-y,
    $kendo-taskboard-column-container-padding-x: $kendo-taskboard-column-container-padding-x,
    $kendo-taskboard-columns-container-gap: $kendo-taskboard-columns-container-gap,
    $kendo-taskboard-column-width: $kendo-taskboard-column-width,
    $kendo-taskboard-column-border-width: $kendo-taskboard-column-border-width,
    $kendo-taskboard-column-border-radius: $kendo-taskboard-column-border-radius,
    $kendo-taskboard-column-bg: $kendo-taskboard-column-bg,
    $kendo-taskboard-column-text: $kendo-taskboard-column-text,
    $kendo-taskboard-column-border: $kendo-taskboard-column-border,
    $kendo-taskboard-column-focus-bg: $kendo-taskboard-column-focus-bg,
    $kendo-taskboard-column-focus-text: $kendo-taskboard-column-focus-text,
    $kendo-taskboard-column-focus-border: $kendo-taskboard-column-focus-border,
    $kendo-taskboard-column-header-padding-y: $kendo-taskboard-column-header-padding-y,
    $kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-x,
    $kendo-taskboard-column-header-gap: $kendo-taskboard-column-header-gap,
    $kendo-taskboard-column-header-actions-gap: $kendo-taskboard-column-header-actions-gap,
    $kendo-taskboard-column-header-font-weight: $kendo-taskboard-column-header-font-weight,
    $kendo-taskboard-column-header-text: $kendo-taskboard-column-header-text,
    $kendo-taskboard-column-cards-padding-y: $kendo-taskboard-column-cards-padding-y,
    $kendo-taskboard-column-cards-padding-x: $kendo-taskboard-column-cards-padding-x,
    $kendo-taskboard-column-cards-gap: $kendo-taskboard-column-cards-gap,
    $kendo-taskboard-pane-width: $kendo-taskboard-pane-width,
    $kendo-taskboard-pane-padding-y: $kendo-taskboard-pane-padding-y,
    $kendo-taskboard-pane-padding-x: $kendo-taskboard-pane-padding-x,
    $kendo-taskboard-pane-border-width: $kendo-taskboard-pane-border-width,
    $kendo-taskboard-pane-bg: $kendo-taskboard-pane-bg,
    $kendo-taskboard-pane-text: $kendo-taskboard-pane-text,
    $kendo-taskboard-pane-border: $kendo-taskboard-pane-border,
    $kendo-taskboard-pane-header-padding-y: $kendo-taskboard-pane-header-padding-y,
    $kendo-taskboard-pane-header-padding-x: $kendo-taskboard-pane-header-padding-x,
    $kendo-taskboard-pane-header-font-weight: $kendo-taskboard-pane-header-font-weight,
    $kendo-taskboard-pane-header-text: $kendo-taskboard-pane-header-text,
    $kendo-taskboard-pane-content-padding-y: $kendo-taskboard-pane-content-padding-y,
    $kendo-taskboard-pane-content-padding-x: $kendo-taskboard-pane-content-padding-x,
    $kendo-taskboard-pane-actions-padding-y: $kendo-taskboard-pane-actions-padding-y,
    $kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-pane-actions-padding-x,
    $kendo-taskboard-card-padding-y: $kendo-taskboard-card-padding-y,
    $kendo-taskboard-card-padding-x: $kendo-taskboard-card-padding-x,
    $kendo-taskboard-card-border-width: $kendo-taskboard-card-border-width,
    $kendo-taskboard-card-border-radius: $kendo-taskboard-card-border-radius,
    $kendo-taskboard-card-bg: $kendo-taskboard-card-bg,
    $kendo-taskboard-card-text: $kendo-taskboard-card-text,
    $kendo-taskboard-card-border: $kendo-taskboard-card-border,
    $kendo-taskboard-card-shadow: $kendo-taskboard-card-shadow,
    $kendo-taskboard-card-category-border-width: $kendo-taskboard-card-category-border-width,
    $kendo-taskboard-card-hover-border: $kendo-taskboard-card-hover-border,
    $kendo-taskboard-card-focus-border: $kendo-taskboard-card-focus-border,
    $kendo-taskboard-card-focus-shadow: $kendo-taskboard-card-focus-shadow,
    $kendo-taskboard-card-selected-border: $kendo-taskboard-card-selected-border,
    $kendo-taskboard-card-selected-shadow: $kendo-taskboard-card-selected-shadow,
    $kendo-taskboard-card-header-text: $kendo-taskboard-card-header-text,
    $kendo-taskboard-card-header-focus-text: $kendo-taskboard-card-header-focus-text,
    $kendo-taskboard-card-header-hover-text: $kendo-taskboard-card-header-hover-text,
    $kendo-taskboard-drag-placeholder-border-width: $kendo-taskboard-drag-placeholder-border-width,
    $kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-drag-placeholder-border-radius,
    $kendo-taskboard-drag-placeholder-bg: $kendo-taskboard-drag-placeholder-bg,
    $kendo-taskboard-drag-placeholder-border: $kendo-taskboard-drag-placeholder-border
);