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

/// The horizontal padding of the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
/// The vertical padding of the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
/// The border width around the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-border-width: 0px !default;
/// The background color of the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-bg: transparent !default;
/// The text color of the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-text: initial !default;
/// The border color of the TabStrip wrapper.
/// @group tabstrip
$kendo-tabstrip-wrapper-border: initial !default;

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

/// The font size of the small TabStrip.
/// @group tabstrip
$kendo-tabstrip-sm-font-size: $kendo-tabstrip-font-size !default;
/// The line height of the small TabStrip.
/// @group tabstrip
$kendo-tabstrip-sm-line-height: $kendo-tabstrip-line-height !default;
/// The font size of the medium TabStrip.
/// @group tabstrip
$kendo-tabstrip-md-font-size: $kendo-tabstrip-font-size !default;
/// The line height of the medium TabStrip.
/// @group tabstrip
$kendo-tabstrip-md-line-height: $kendo-tabstrip-line-height !default;
/// The font size of the large TabStrip.
/// @group tabstrip
$kendo-tabstrip-lg-font-size: $kendo-tabstrip-font-size !default;
/// The line height of the large TabStrip.
/// @group tabstrip
$kendo-tabstrip-lg-line-height: $kendo-tabstrip-line-height !default;

/// The background color of the TabStrip.
/// @group tabstrip
$kendo-tabstrip-bg: transparent !default;
/// The text color of the TabStrip.
/// @group tabstrip
$kendo-tabstrip-text: var( --kendo-component-text, initial ) !default;
/// The border color of the TabStrip.
/// @group tabstrip
$kendo-tabstrip-border: transparent !default;

/// The horizontal padding of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-padding-x: k-spacing(2) !default;
/// The vertical padding of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-padding-y: k-spacing(3) !default;
/// The border width around the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-border-width: 0px !default;
/// The border radius of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
/// The gap between the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-gap: k-spacing(2) !default;

/// The horizontal padding of the small TabStrip items.
/// @group tabstrip
$kendo-tabstrip-sm-item-padding-x: k-spacing(2) !default;
/// The vertical padding of the small TabStrip items.
/// @group tabstrip
$kendo-tabstrip-sm-item-padding-y: k-spacing(2.5) !default;
/// The horizontal padding of the medium TabStrip items.
/// @group tabstrip
$kendo-tabstrip-md-item-padding-x: $kendo-tabstrip-item-padding-x !default;
/// The vertical padding of the medium TabStrip items.
/// @group tabstrip
$kendo-tabstrip-md-item-padding-y: $kendo-tabstrip-item-padding-y !default;
/// The horizontal padding of the large TabStrip items.
/// @group tabstrip
$kendo-tabstrip-lg-item-padding-x: k-spacing(2) !default;
/// The vertical padding of the large TabStrip items.
/// @group tabstrip
$kendo-tabstrip-lg-item-padding-y: k-spacing(3.5) !default;

///  The background color of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-bg: transparent !default;
/// The text color of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-text: var( --kendo-component-text, initial ) !default;
/// The border color of the TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-border: transparent !default;
/// The text color of the disabled TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-disabled-text: var( --kendo-disabled-text, initial ) !default;
/// The background color of the disabled TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-disabled-bg: none !default;
/// The border color of the disabled TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-disabled-border: var( --kendo-disabled-border, initial ) !default;
/// The opacity of the disabled TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-disabled-opacity: null !default;
/// The filter of the disabled TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-disabled-filter: null !default;

/// The background color of the hovered TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
/// The text color of the hovered TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-hover-text: var( --kendo-hover-text, inherit ) !default;
/// The border color of the hovered TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-hover-border: var( --kendo-hover-bg, inherit ) !default;
/// The background color of the selected TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-selected-bg: var( --kendo-component-bg, transparent ) !default;
/// The text color of the selected TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-selected-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default;
/// The border color of the selected TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-selected-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
/// The font weight of the selected TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
/// The shadow of the focused TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
/// The text color of the dragged TabStrip items.
/// @group tabstrip
$kendo-tabstrip-item-dragging-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

// Indicator
/// The border width of the TabStrip indicator.
/// @group tabstrip
$kendo-tabstrip-indicator-size: k-spacing(0.5) !default;
/// The border color of the TabStrip ripple.
/// @group tabstrip
$kendo-tabstrip-indicator-color: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;

/// The horizontal padding of the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-padding-x: k-spacing(3) !default;
/// The vertical padding of the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-padding-y: k-spacing(1.5) !default;
/// The border width around the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-border-width: 1px !default;

/// The background color of the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-bg: var( --kendo-component-bg, transparent ) !default;
/// The text color of the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-text: var( --kendo-component-text, inherit ) !default;
/// The border color of the TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-border: transparent !default;
/// The border color of the focused TabStrip content.
/// @group tabstrip
$kendo-tabstrip-content-focus-border: var( --kendo-component-text, initial ) !default;

/// The horizontal button padding of the scrollable TabStrip.
/// @group tabstrip
$kendo-tabstrip-scrollable-button-padding-x: k-spacing(1) !default;
// The vertical button padding of the scrollable TabStrip.
/// @group tabstrip
$kendo-tabstrip-scrollable-button-padding-y: k-spacing(1) !default;

/// The left and right scroll overlay of the TabStrip.
/// @group tabstrip
$kendo-tabstrip-scroll-overlay: if($kendo-enable-color-system, k-color( app-surface ), rgba( $kendo-color-white, 0)), if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 0%, transparent), rgba( $kendo-color-white, 0)) !default;

/// The size map of the TabStrip.
/// @group tabstrip
$kendo-tabstrip-sizes: (
    sm: (
        font-size: $kendo-tabstrip-sm-font-size,
        line-height: $kendo-tabstrip-sm-line-height,
        item-padding-x: $kendo-tabstrip-sm-item-padding-x,
        item-padding-y: $kendo-tabstrip-sm-item-padding-y
    ),
    md: (
        font-size: $kendo-tabstrip-md-font-size,
        line-height: $kendo-tabstrip-md-line-height,
        item-padding-x: $kendo-tabstrip-md-item-padding-x,
        item-padding-y: $kendo-tabstrip-md-item-padding-y
    ),
    lg: (
        font-size: $kendo-tabstrip-lg-font-size,
        line-height: $kendo-tabstrip-lg-line-height,
        item-padding-x: $kendo-tabstrip-lg-item-padding-x,
        item-padding-y: $kendo-tabstrip-lg-item-padding-y
    )
) !default;