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


// Chip

$kendo-chip-default-theme-color: "base" !default;
$kendo-chip-default-fill-mode: "solid" !default;
$kendo-chip-default-roundness: "md" !default;
$kendo-chip-default-size: "md" !default;

$kendo-chip-border-width: 1px !default;
$kendo-chip-spacing: k-spacing(1) !default;

$kendo-chip-sm-padding-x: k-spacing(1) !default;
$kendo-chip-md-padding-x: k-spacing(1) !default;
$kendo-chip-lg-padding-x: k-spacing(1) !default;

$kendo-chip-sm-padding-y: k-spacing(0.5) !default;
$kendo-chip-md-padding-y: k-spacing(1) !default;
$kendo-chip-lg-padding-y: k-spacing(1.5) !default;

$kendo-chip-font-weight: var(--kendo-font-weight-normal) !default;

$kendo-chip-font-size: null !default;
$kendo-chip-sm-font-size: var(--kendo-font-size) !default;
$kendo-chip-md-font-size: var(--kendo-font-size) !default;
$kendo-chip-lg-font-size: var(--kendo-font-size) !default;

$kendo-chip-line-height: null !default;
$kendo-chip-sm-line-height: var(--kendo-line-height-xs) !default;
$kendo-chip-md-line-height: var(--kendo-line-height-xs) !default;
$kendo-chip-lg-line-height: var(--kendo-line-height-xs) !default;

$kendo-chip-calc-size: calc( #{$kendo-chip-md-line-height} * 1em + calc( #{$kendo-chip-md-padding-y} * 2 ) + #{$kendo-chip-border-width} * 2 ) !default;
$kendo-chip-sm-calc-size: calc( #{$kendo-chip-sm-line-height} * 1em + calc( #{$kendo-chip-sm-padding-y} * 2 ) + #{$kendo-chip-border-width} * 2 ) !default;

$kendo-chip-base-bg: k-color(base-subtle) !default;

$kendo-chip-solid-bg: $kendo-chip-base-bg !default;
$kendo-chip-solid-text: k-color(base-on-subtle) !default;
$kendo-chip-solid-border: k-color(base-emphasis) !default;
$kendo-chip-solid-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(base-on-surface) 16%, transparent) !default;
$kendo-chip-solid-gradient: $kendo-button-gradient !default;

$kendo-chip-solid-focus-bg: null !default;

$kendo-chip-solid-hover-bg: k-color(base-subtle-hover) !default;

$kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;

$kendo-chip-outline-text: k-color(base-on-surface) !default;
$kendo-chip-outline-border: k-color(base-emphasis) !default;
$kendo-chip-outline-shadow: 0 0 0 2px color-mix(in srgb, k-color(base-on-surface) 16%, transparent) !default;

$kendo-chip-outline-hover-bg: k-color(base-hover) !default;
$kendo-chip-outline-hover-text: k-color(base-on-surface) !default;

$kendo-chip-outline-selected-bg: k-color(base-active) !default;
$kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;

$kendo-chip-disabled-bg: null !default;
$kendo-chip-disabled-text: null !default;
$kendo-chip-disabled-border: $kendo-chip-disabled-bg !default;


$kendo-chip-list-size-sm: k-spacing(1) !default;
$kendo-chip-list-size-md: k-spacing(1) !default;
$kendo-chip-list-size-lg: k-spacing(1) !default;

@forward "@progress/kendo-theme-core/scss/components/chip/_variables.scss" with (
    $kendo-chip-default-theme-color: $kendo-chip-default-theme-color,
    $kendo-chip-default-fill-mode: $kendo-chip-default-fill-mode,
    $kendo-chip-default-roundness: $kendo-chip-default-roundness,
    $kendo-chip-default-size: $kendo-chip-default-size,
    $kendo-chip-border-width: $kendo-chip-border-width,
    $kendo-chip-spacing: $kendo-chip-spacing,
    $kendo-chip-sm-padding-x: $kendo-chip-sm-padding-x,
    $kendo-chip-md-padding-x: $kendo-chip-md-padding-x,
    $kendo-chip-lg-padding-x: $kendo-chip-lg-padding-x,
    $kendo-chip-sm-padding-y: $kendo-chip-sm-padding-y,
    $kendo-chip-md-padding-y: $kendo-chip-md-padding-y,
    $kendo-chip-lg-padding-y: $kendo-chip-lg-padding-y,
    $kendo-chip-font-weight: $kendo-chip-font-weight,
    $kendo-chip-font-size: $kendo-chip-font-size,
    $kendo-chip-sm-font-size: $kendo-chip-sm-font-size,
    $kendo-chip-md-font-size: $kendo-chip-md-font-size,
    $kendo-chip-lg-font-size: $kendo-chip-lg-font-size,
    $kendo-chip-line-height: $kendo-chip-line-height,
    $kendo-chip-sm-line-height: $kendo-chip-sm-line-height,
    $kendo-chip-md-line-height: $kendo-chip-md-line-height,
    $kendo-chip-lg-line-height: $kendo-chip-lg-line-height,
    $kendo-chip-calc-size: $kendo-chip-calc-size,
    $kendo-chip-sm-calc-size: $kendo-chip-sm-calc-size,
    $kendo-chip-base-bg: $kendo-chip-base-bg,
    $kendo-chip-solid-bg: $kendo-chip-solid-bg,
    $kendo-chip-solid-text: $kendo-chip-solid-text,
    $kendo-chip-solid-border: $kendo-chip-solid-border,
    $kendo-chip-solid-focus-shadow: $kendo-chip-solid-focus-shadow,
    $kendo-chip-solid-gradient: $kendo-chip-solid-gradient,
    $kendo-chip-solid-focus-bg: $kendo-chip-solid-focus-bg,
    $kendo-chip-solid-hover-bg: $kendo-chip-solid-hover-bg,
    $kendo-chip-solid-selected-bg: $kendo-chip-solid-selected-bg,
    $kendo-chip-outline-text: $kendo-chip-outline-text,
    $kendo-chip-outline-border: $kendo-chip-outline-border,
    $kendo-chip-outline-shadow: $kendo-chip-outline-shadow,
    $kendo-chip-outline-hover-bg: $kendo-chip-outline-hover-bg,
    $kendo-chip-outline-hover-text: $kendo-chip-outline-hover-text,
    $kendo-chip-outline-selected-bg: $kendo-chip-outline-selected-bg,
    $kendo-chip-outline-selected-text: $kendo-chip-outline-selected-text,
    $kendo-chip-disabled-bg: $kendo-chip-disabled-bg,
    $kendo-chip-disabled-text: $kendo-chip-disabled-text,
    $kendo-chip-disabled-border: $kendo-chip-disabled-border,
    $kendo-chip-list-size-sm: $kendo-chip-list-size-sm,
    $kendo-chip-list-size-md: $kendo-chip-list-size-md,
    $kendo-chip-list-size-lg: $kendo-chip-list-size-lg
);