@use "../list/_variables.scss" as *;
@use "../core/_index.scss" as *;
@use "../core/functions/index.scss" as *;


// CheckBox

$kendo-checkbox-border-width: 1px !default;

$kendo-checkbox-sm-size: k-spacing(3) !default;
$kendo-checkbox-md-size: k-spacing(4) !default;
$kendo-checkbox-lg-size: k-spacing(5) !default;

$kendo-checkbox-sm-glyph-size: k-spacing(2.5) !default;
$kendo-checkbox-md-glyph-size: k-spacing(3.5) !default;
$kendo-checkbox-lg-glyph-size: k-spacing(4.5) !default;

$kendo-checkbox-sm-ripple-size: 300% !default;
$kendo-checkbox-md-ripple-size: 300% !default;
$kendo-checkbox-lg-ripple-size: 300% !default;


$kendo-checkbox-bg: k-color(surface-alt) !default;
$kendo-checkbox-text: null !default;
$kendo-checkbox-border: k-color(border) !default;

$kendo-checkbox-hover-bg: null !default;
$kendo-checkbox-hover-text: null !default;
$kendo-checkbox-hover-border: null !default;

$kendo-checkbox-checked-bg: k-color(primary) !default;
$kendo-checkbox-checked-text: k-color(on-primary) !default;
$kendo-checkbox-checked-border: $kendo-checkbox-checked-bg !default;

$kendo-checkbox-indeterminate-bg: $kendo-checkbox-bg !default;
$kendo-checkbox-indeterminate-text: $kendo-checkbox-checked-bg !default;
$kendo-checkbox-indeterminate-border: $kendo-checkbox-border !default;

$kendo-checkbox-focus-border: null !default;
$kendo-checkbox-focus-shadow: 0 0 0 2px k-color(border) !default;
$kendo-checkbox-focus-checked-border: null !default;
$kendo-checkbox-focus-checked-shadow: 0 0 0 2px color-mix(in srgb, k-color(primary) 30%, transparent) !default;

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

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

$kendo-checkbox-invalid-text: k-color(error-on-surface) !default;
$kendo-checkbox-invalid-border: k-color(error-on-surface) !default;

$kendo-checkbox-default-size: "md" !default;

$kendo-checkbox-default-roundness: "md" !default;


// CheckBox indicator

$kendo-checkbox-indicator-type: image !default;

$kendo-checkbox-glyph-font-family: "WebComponentsIcons", monospace !default;
$kendo-checkbox-checked-glyph: "\e118" !default;
$kendo-checkbox-indeterminate-glyph: "\e121" !default;

$kendo-checkbox-checked-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ffffff' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M3,8 l3,3 l7-7'/></svg>") ) !default;
$kendo-checkbox-indeterminate-image: k-escape-svg( url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#ff6358' stroke-linecap='square' stroke-linejoin='square' stroke-width='2' d='M4,8 h8'/></svg>") ) !default;


// CheckBox label

$kendo-checkbox-label-margin-x: k-spacing(1) !default;


// CheckBox list

$kendo-checkbox-list-spacing: k-spacing(4) !default;
$kendo-checkbox-list-item-padding-x: k-spacing(0) !default;
$kendo-checkbox-list-item-padding-y: $kendo-list-md-item-padding-y !default;


// CheckBox ripple

$kendo-checkbox-ripple-bg: $kendo-checkbox-checked-bg !default;
$kendo-checkbox-ripple-opacity: .25 !default;

@forward "@progress/kendo-theme-core/scss/components/checkbox/_variables.scss" with (
    $kendo-checkbox-border-width: $kendo-checkbox-border-width,
    $kendo-checkbox-sm-size: $kendo-checkbox-sm-size,
    $kendo-checkbox-md-size: $kendo-checkbox-md-size,
    $kendo-checkbox-lg-size: $kendo-checkbox-lg-size,
    $kendo-checkbox-sm-glyph-size: $kendo-checkbox-sm-glyph-size,
    $kendo-checkbox-md-glyph-size: $kendo-checkbox-md-glyph-size,
    $kendo-checkbox-lg-glyph-size: $kendo-checkbox-lg-glyph-size,
    $kendo-checkbox-sm-ripple-size: $kendo-checkbox-sm-ripple-size,
    $kendo-checkbox-md-ripple-size: $kendo-checkbox-md-ripple-size,
    $kendo-checkbox-lg-ripple-size: $kendo-checkbox-lg-ripple-size,
    $kendo-checkbox-bg: $kendo-checkbox-bg,
    $kendo-checkbox-text: $kendo-checkbox-text,
    $kendo-checkbox-border: $kendo-checkbox-border,
    $kendo-checkbox-hover-bg: $kendo-checkbox-hover-bg,
    $kendo-checkbox-hover-text: $kendo-checkbox-hover-text,
    $kendo-checkbox-hover-border: $kendo-checkbox-hover-border,
    $kendo-checkbox-checked-bg: $kendo-checkbox-checked-bg,
    $kendo-checkbox-checked-text: $kendo-checkbox-checked-text,
    $kendo-checkbox-checked-border: $kendo-checkbox-checked-border,
    $kendo-checkbox-indeterminate-bg: $kendo-checkbox-indeterminate-bg,
    $kendo-checkbox-indeterminate-text: $kendo-checkbox-indeterminate-text,
    $kendo-checkbox-indeterminate-border: $kendo-checkbox-indeterminate-border,
    $kendo-checkbox-focus-border: $kendo-checkbox-focus-border,
    $kendo-checkbox-focus-shadow: $kendo-checkbox-focus-shadow,
    $kendo-checkbox-focus-checked-border: $kendo-checkbox-focus-checked-border,
    $kendo-checkbox-focus-checked-shadow: $kendo-checkbox-focus-checked-shadow,
    $kendo-checkbox-disabled-bg: $kendo-checkbox-disabled-bg,
    $kendo-checkbox-disabled-text: $kendo-checkbox-disabled-text,
    $kendo-checkbox-disabled-border: $kendo-checkbox-disabled-border,
    $kendo-checkbox-disabled-checked-bg: $kendo-checkbox-disabled-checked-bg,
    $kendo-checkbox-disabled-checked-text: $kendo-checkbox-disabled-checked-text,
    $kendo-checkbox-disabled-checked-border: $kendo-checkbox-disabled-checked-border,
    $kendo-checkbox-invalid-text: $kendo-checkbox-invalid-text,
    $kendo-checkbox-invalid-border: $kendo-checkbox-invalid-border,
    $kendo-checkbox-indicator-type: $kendo-checkbox-indicator-type,
    $kendo-checkbox-glyph-font-family: $kendo-checkbox-glyph-font-family,
    $kendo-checkbox-checked-glyph: $kendo-checkbox-checked-glyph,
    $kendo-checkbox-indeterminate-glyph: $kendo-checkbox-indeterminate-glyph,
    $kendo-checkbox-checked-image: $kendo-checkbox-checked-image,
    $kendo-checkbox-indeterminate-image: $kendo-checkbox-indeterminate-image,
    $kendo-checkbox-label-margin-x: $kendo-checkbox-label-margin-x,
    $kendo-checkbox-list-spacing: $kendo-checkbox-list-spacing,
    $kendo-checkbox-list-item-padding-x: $kendo-checkbox-list-item-padding-x,
    $kendo-checkbox-list-item-padding-y: $kendo-checkbox-list-item-padding-y,
    $kendo-checkbox-ripple-bg: $kendo-checkbox-ripple-bg,
    $kendo-checkbox-ripple-opacity: $kendo-checkbox-ripple-opacity,
    $kendo-checkbox-default-size: $kendo-checkbox-default-size,
    $kendo-checkbox-default-roundness: $kendo-checkbox-default-roundness
);