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

/// The default fill mode of the Input.
/// @group input
/// @role default
$kendo-input-default-fill-mode: "solid" !default;
/// The default roundness of the Input.
/// @group input
/// @role default
$kendo-input-default-roundness: "md" !default;
/// The default size of the Input.
/// @group input
/// @role default
$kendo-input-default-size: "md" !default;

/// The width of the Input components.
/// @group input
$kendo-input-width: var( --kendo-input-width, 100% ) !default;

/// The border radius of the Input components.
/// @group input
$kendo-input-border-radius: null !default;
/// The width of the border around the Input components.
/// @group input
$kendo-input-border-width: 1px !default;

// The width of the border around the focused Input components.
/// The width of the border around the Input input.
/// @group input
$kendo-input-focus-border-width: var( --kendo-input-focus-border-width, 2px ) !default;

/// The horizontal padding of the small Input components.
/// @group input
$kendo-input-sm-padding-x: k-spacing(2) !default;
/// The horizontal padding of the medium Input components.
/// @group input
$kendo-input-md-padding-x: var( --kendo-input-padding-x, k-spacing(2.5) ) !default;
/// The horizontal padding of the large Input components.
/// @group input
$kendo-input-lg-padding-x: k-spacing(4.5) !default;

/// The vertical padding of the small Input components.
/// @group input
$kendo-input-sm-padding-y: calc( #{k-spacing(0.5)} + 1px ) !default;
/// The vertical padding of the medium Input components.
/// @group input
$kendo-input-md-padding-y: calc(var( --kendo-input-padding-y, #{k-spacing(1)} ) + 1px) !default;
/// The vertical padding of the large Input components.
/// @group input
$kendo-input-lg-padding-y: k-spacing(2) !default;

/// The font size of the small Input components.
/// @group input
$kendo-input-sm-font-size: var( --kendo-font-size, inherit ) !default;
/// The font size of the medium Input components.
/// @group input
$kendo-input-md-font-size: var( --kendo-input-font-size, var( --kendo-font-size, inherit ) ) !default;
/// The font size of the large Input components.
/// @group input
$kendo-input-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;

/// The line height of the small Input components.
/// @group input
$kendo-input-sm-line-height: var( --kendo-line-height, normal ) !default;
/// The line height of the medium Input components.
/// @group input
$kendo-input-md-line-height: var( --kendo-input-line-height, var( --kendo-line-height, normal ) ) !default;
/// The line height of the large Input components.
/// @group input
$kendo-input-lg-line-height: var( --kendo-line-height-lg, normal ) !default;

/// The font family of the Input input.
/// @group input
$kendo-input-font-family: var( --kendo-input-font-family, var( --kendo-font-family, inherit) ) !default;

/// The width of the small Input button.
/// @group input
$kendo-input-sm-button-width: calc( #{$kendo-button-sm-line-height} * 1em + #{$kendo-button-sm-padding-y} * 2 ) !default;
/// The width of the medium Input button.
/// @group input
$kendo-input-md-button-width: calc( #{$kendo-button-md-line-height} * 1em + #{$kendo-button-md-padding-y} * 2 ) !default;
/// The width of the large Input button.
/// @group input
$kendo-input-lg-button-width: calc( #{$kendo-button-lg-line-height} * 1em + #{$kendo-button-lg-padding-y} * 2 ) !default;
/// The border width of the Input button.
/// @group input
$kendo-input-button-border-width: 1px !default;

/// The width of the small Input spinner button.
/// @group input
$kendo-input-sm-spinner-width: $kendo-input-sm-button-width !default;
/// The width of the medium Input spinner button.
/// @group input
$kendo-input-md-spinner-width: $kendo-input-md-button-width !default;
/// The width of the large Input spinner button.
/// @group input
$kendo-input-lg-spinner-width: $kendo-input-lg-button-width !default;
/// The icon offset of the Input spinner button.
/// @group input
$kendo-input-spinner-icon-offset: null !default;

/// The text color of the solid Input components.
/// @group input
$kendo-input-text: var( --kendo-input-text, k-color(on-app-surface) ) !default;

/// The background color of the solid Input components.
/// @group input
$kendo-input-bg: var( --kendo-input-bg, k-color(surface-alt) ) !default;

/// The border color of the solid Input components.
/// @group input
$kendo-input-border: var( --kendo-input-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;

/// The text color of the hovered solid Input components.
/// @group input
$kendo-input-hover-text: k-color(on-app-surface) !default;

/// The background color of the hovered solid Input components.
/// @group input
$kendo-input-hover-bg: $kendo-input-bg !default;

/// The border color of the hovered solid Input components.
/// @group input
$kendo-input-hover-border: color-mix( in srgb, k-color(border) 34%, transparent ) !default;

/// The text color of the focused solid Input components.
/// @group input
$kendo-input-focus-text: $kendo-input-text !default;

/// The background color of the focused solid Input components.
/// @group input
$kendo-input-focus-bg: $kendo-input-bg !default;

/// The border color of the focused solid Input components.
/// @group input
$kendo-input-focus-border: k-color(primary-on-surface) !default;

/// The text color of the disabled solid Input components.
/// @group input
$kendo-input-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled solid Input components.
/// @group input
$kendo-input-disabled-bg: null !default;

/// The border color of the disabled solid Input components.
/// @group input
$kendo-input-disabled-border: color-mix(in srgb, k-color(on-app-surface) 14%, transparent ) !default;

/// The text color of the outline Input components.
/// @group input
$kendo-input-outline-text: var( --kendo-input-outline-text, k-color(on-app-surface) ) !default;

/// The background color of the outline Input components.
/// @group input
$kendo-input-outline-bg: var( --kendo-input-outline-bg, k-color(app-surface) ) !default;

/// The border color of the outline Input components.
/// @group input
$kendo-input-outline-border: var( --kendo-input-outline-border, color-mix( in srgb, k-color(border) 26%, transparent ) ) !default;

/// The text color of the hovered outline Input components.
/// @group input
$kendo-input-outline-hover-text: k-color(on-app-surface) !default;

/// The background color of the hovered outline Input components.
/// @group input
$kendo-input-outline-hover-bg: k-color(app-surface) !default;

/// The border color of the hovered outline Input components.
/// @group input
$kendo-input-outline-hover-border: color-mix( in srgb, k-color(border) 34%, transparent ) !default;

/// The text color of the focused outline Input components.
/// @group input
$kendo-input-outline-focus-text: k-color(on-app-surface) !default;

/// The background color of the focused outline Input components.
/// @group input
$kendo-input-outline-focus-bg: k-color(app-surface) !default;

/// The border color of the focused outline Input components.
/// @group input
$kendo-input-outline-focus-border: k-color(primary-on-surface) !default;

/// The text color of the disabled outline Input components.
/// @group input
$kendo-input-outline-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled outline Input components.
/// @group input
$kendo-input-outline-disabled-bg: none !default;

/// The border color of the disabled outline Input components.
/// @group input
$kendo-input-outline-disabled-border: color-mix(in srgb, k-color(on-app-surface) 14%, transparent) !default;

/// The text color of the flat Input components.
/// @group input
$kendo-input-flat-text: var( --kendo-input-flat-text, k-color(on-app-surface) ) !default;

/// The background color of the flat Input components.
/// @group input
$kendo-input-flat-bg: var( --kendo-input-flat-bg, transparent ) !default;

/// The border color of the flat Input components.
/// @group input
$kendo-input-flat-border: var( --kendo-input-flat-border, k-color(border) ) !default;

/// The text color of the hovered flat Input components.
/// @group input
$kendo-input-flat-hover-text: k-color(on-app-surface) !default;

/// The background color of the hovered flat Input components.
/// @group input
$kendo-input-flat-hover-bg: transparent !default;

/// The border color of the hovered flat Input components.
/// @group input
$kendo-input-flat-hover-border: k-color(border-alt) !default;

/// The text color of the focused flat Input components.
/// @group input
$kendo-input-flat-focus-text: k-color(on-app-surface) !default;

/// The background color of the focused flat Input components.
/// @group input
$kendo-input-flat-focus-bg: transparent !default;

/// The border color of the focused flat Input components.
/// @group input
$kendo-input-flat-focus-border: k-color(primary-on-surface) !default;

/// The text color of the disabled flat Input components.
/// @group input
$kendo-input-flat-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled flat Input components.
/// @group input
$kendo-input-flat-disabled-bg: none !default;

/// The border color of the disabled flat Input components.
/// @group input
$kendo-input-flat-disabled-border: color-mix(in srgb, k-color(on-app-surface) 14%, transparent) !default;

/// The default fill mode of the Picker.
/// @group picker
/// @role default
$kendo-picker-default-fill-mode: "solid" !default;

/// The default roundness of the Picker.
/// @group picker
/// @role default
$kendo-picker-default-roundness: "md" !default;

/// The default size of the Picker.
/// @group picker
/// @role default
$kendo-picker-default-size: "md" !default;

/// The text color of the solid Picker components.
/// @group picker
$kendo-picker-text: var( --kendo-picker-text, k-color(on-app-surface) ) !default;

/// The background color of the solid Picker components.
/// @group picker
$kendo-picker-bg: var( --kendo-picker-bg, k-color(surface-alt) ) !default;

/// The border color of the solid Picker components.
/// @group picker
$kendo-picker-border: var( --kendo-picker-border, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;

/// The text color of the hovered solid Picker components.
/// @group picker
$kendo-picker-hover-text: k-color(on-app-surface) !default;

/// The background color of hovered the solid Picker components.
/// @group picker
$kendo-picker-hover-bg: k-color(surface-alt) !default;

/// The border color of the hovered solid Picker components.
/// @group picker
$kendo-picker-hover-border: color-mix(in srgb, k-color(border) 34%, transparent) !default;

/// The text color of the focused solid Picker components.
/// @group picker
$kendo-picker-focus-text: k-color(on-app-surface) !default;

/// The background color of the focused solid Picker components.
/// @group picker
$kendo-picker-focus-bg: k-color(surface-alt) !default;

/// The border color of the focused solid Picker components.
/// @group picker
$kendo-picker-focus-border: k-color(primary-on-surface) !default;

/// The text color of the disabled solid Picker components.
/// @group picker
$kendo-picker-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled solid Picker components.
/// @group picker
$kendo-picker-disabled-bg: null !default;

/// The border color of the disabled solid Picker components.
/// @group picker
$kendo-picker-disabled-border: color-mix(in srgb, k-color(on-app-surface) 14%, transparent ) !default;

/// The text color of the outline Picker components.
/// @group picker
$kendo-picker-outline-text: var( --kendo-picker-outline-text, k-color(on-app-surface) ) !default;

/// The background color of the outline Picker components.
/// @group picker
$kendo-picker-outline-bg: var( --kendo-picker-outline-bg, transparent ) !default;

/// The border color of the outline Picker components.
/// @group picker
$kendo-picker-outline-border: var( --kendo-picker-outline-border, color-mix( in srgb, k-color(border) 26%, transparent ) ) !default;

/// The text color of the hovered outline Picker components.
/// @group picker
$kendo-picker-outline-hover-text: k-color(on-app-surface) !default;

/// The background color of the hovered outline Picker components.
/// @group picker
$kendo-picker-outline-hover-bg: k-color(app-surface) !default;

/// The border color of the hovered outline Picker components.
/// @group picker
$kendo-picker-outline-hover-border: color-mix( in srgb, k-color(border) 34%, transparent ) !default;

/// The text color of the focused outline Picker components.
/// @group picker
$kendo-picker-outline-focus-text: k-color(on-app-surface) !default;

/// The background color of the focused outline Picker components.
/// @group picker
$kendo-picker-outline-focus-bg: k-color(app-surface) !default;

/// The border color of the focused outline Picker components.
/// @group picker
$kendo-picker-outline-focus-border: k-color(primary-on-surface) !default;

/// The text color of the hovered and focused outline Picker components.
/// @group picker
$kendo-picker-outline-hover-focus-text: k-color(on-app-surface) !default;

/// The background color of the hovered and focused outline Picker components.
/// @group picker
$kendo-picker-outline-hover-focus-bg: k-color(app-surface) !default;

/// The border color of the hovered and focused outline Picker components.
/// @group picker
$kendo-picker-outline-hover-focus-border: k-color(primary-on-surface) !default;

/// The text color of the disabled outline Picker components.
/// @group picker
$kendo-picker-outline-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled outline Picker components.
/// @group picker
$kendo-picker-outline-disabled-bg: none !default;

/// The border color of the disabled outline Picker components.
/// @group picker
$kendo-picker-outline-disabled-border: $kendo-picker-outline-disabled-text!default;

/// The text color of the flat Picker components.
/// @group picker
$kendo-picker-flat-text: var( --kendo-picker-flat-text, k-color(on-app-surface) ) !default;

/// The background color of the flat Picker components.
/// @group picker
$kendo-picker-flat-bg: var( --kendo-picker-flat-bg, transparent ) !default;

/// The border color of the flat Picker components.
/// @group picker
$kendo-picker-flat-border: var( --kendo-picker-flat-border, k-color(border) ) !default;

/// The text color of the hovered flat Picker components.
/// @group picker
$kendo-picker-flat-hover-text: k-color(on-app-surface) !default;

/// The background color of the hovered flat Picker components.
/// @group picker
$kendo-picker-flat-hover-bg: var( --kendo-picker-outline-bg, none ) !default;

/// The border color of the hovered flat Picker components.
/// @group picker
$kendo-picker-flat-hover-border: k-color(border-alt) !default;

/// The text color of the focused flat Picker components.
/// @group picker
$kendo-picker-flat-focus-text: k-color(on-app-surface) !default;

/// The background color of the focused flat Picker components.
/// @group picker
$kendo-picker-flat-focus-bg: k-color(app-surface) !default;

/// The border color of the focused flat Picker components.
/// @group picker
$kendo-picker-flat-focus-border: k-color(primary-on-surface) !default;

/// The text color of the hovered and focused flat Picker components.
/// @group picker
$kendo-picker-flat-hover-focus-text: $kendo-picker-flat-hover-text !default;

/// The background color of the hovered and focused flat Picker components.
/// @group picker
$kendo-picker-flat-hover-focus-bg: $kendo-picker-flat-hover-bg !default;

/// The border color of the hovered and focused flat Picker components.
/// @group picker
$kendo-picker-flat-hover-focus-border: $kendo-picker-flat-border !default;

/// The text color of the disabled flat Picker components.
/// @group picker
$kendo-picker-flat-disabled-text: color-mix(in srgb, k-color(on-app-surface) 30%, transparent) !default;

/// The background color of the disabled flat Picker components.
/// @group picker
$kendo-picker-flat-disabled-bg: none !default;

/// The border color of the disabled flat Picker components.
/// @group picker
$kendo-picker-flat-disabled-border: $kendo-picker-flat-disabled-text !default;

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

/// The sizes map for the Input components.
/// @group input
$kendo-input-sizes: (
    sm: (
        padding-x: $kendo-input-sm-padding-x,
        padding-y: $kendo-input-sm-padding-y,
        font-size: $kendo-input-sm-font-size,
        line-height: $kendo-input-sm-line-height,
        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-md-padding-y} * 2 ) ),
        button-padding-x: $kendo-input-sm-padding-y,
        button-padding-y: $kendo-input-sm-padding-y,
        button-width: $kendo-input-sm-button-width
    ),
    md: (
        padding-x: $kendo-input-md-padding-x,
        padding-y: $kendo-input-md-padding-y,
        font-size: $kendo-input-md-font-size,
        line-height: $kendo-input-md-line-height,
        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-sm-padding-y} * 2 ) ),
        button-padding-x: $kendo-input-md-padding-y,
        button-padding-y: $kendo-input-md-padding-y,
        button-width: $kendo-input-md-button-width
    ),
    lg: (
        padding-x: $kendo-input-lg-padding-x,
        padding-y: $kendo-input-lg-padding-y,
        font-size: $kendo-input-lg-font-size,
        line-height: $kendo-input-lg-line-height,
        icon-size: calc( var( --kendo-icon-size, 1rem ) + calc( #{$kendo-input-lg-padding-y} * 2 ) ),
        button-padding-x: $kendo-input-lg-padding-y,
        button-padding-y: $kendo-input-lg-padding-y,
        button-width: $kendo-input-lg-button-width
    )
) !default;

/// The background color of the Input prefix.
/// @group input
$kendo-input-prefix-bg: k-color(base-subtle) !default;

/// The background color of the Input suffix.
/// @group input
$kendo-input-suffix-bg: k-color(base-subtle) !default;

/// The color of the Input separator.
/// @group input
$kendo-input-separator-text: color-mix(in srgb, k-color(border) 16%, transparent) !default;

/// The text color of the Input prefix.
/// @group input
$kendo-input-prefix-text: color-mix(in srgb, k-color(border-alt) 76%, transparent) !default;
/// The text color of the Input suffix.
/// @group input
$kendo-input-suffix-text: color-mix(in srgb, k-color(border-alt) 76%, transparent) !default;

/// The text color of the disabled Input prefix.
/// @group input
$kendo-input-prefix-disabled-text: color-mix(in srgb, k-color(on-app-surface) 28%, transparent) !default;
/// The text color of the disabled Input suffix.
/// @group input
$kendo-input-suffix-disabled-text: color-mix(in srgb, k-color(on-app-surface) 28%, transparent) !default;

/// The border color of the invalid Input components.
/// @group input
$kendo-input-invalid-border: k-color(error-on-surface) !default;
/// The text color of the invalid Input components.
/// @group input
$kendo-input-invalid-text: k-color(error-on-surface) !default;

/// The text color of the Input placeholder.
/// @group input
$kendo-input-placeholder-text: k-color(subtle) !default;
/// The opacity of the Input placeholder.
/// @group input
$kendo-input-placeholder-opacity: 1 !default;

/// The color of the Input clear value icon.
/// @group input
$kendo-input-clear-value-text: k-color(subtle) !default;
/// The opacity of the Input clear value icon.
/// @group input
$kendo-input-clear-value-opacity: .6 !default;
/// The color of the hovered Input clear value icon.
/// @group input
$kendo-input-clear-value-hover-text: inherit !default;
/// The opacity of the hovered Input clear value icon.
/// @group input
$kendo-input-clear-value-hover-opacity: 1 !default;

$kendo-use-input-button-width: false !default;
$kendo-use-input-spinner-width: true !default;
$kendo-use-input-spinner-icon-offset: false !default;

@forward "@progress/kendo-theme-core/scss/components/input/_variables.scss" with (
    $kendo-input-default-fill-mode: $kendo-input-default-fill-mode,
    $kendo-input-default-roundness: $kendo-input-default-roundness,
    $kendo-input-default-size: $kendo-input-default-size,
    $kendo-input-default-width: $kendo-input-width,
    $kendo-input-border-radius: $kendo-input-border-radius,
    $kendo-input-border-width: $kendo-input-border-width,
    $kendo-input-sm-padding-x: $kendo-input-sm-padding-x,
    $kendo-input-md-padding-x: $kendo-input-md-padding-x,
    $kendo-input-lg-padding-x: $kendo-input-lg-padding-x,
    $kendo-input-sm-padding-y: $kendo-input-sm-padding-y,
    $kendo-input-md-padding-y: $kendo-input-md-padding-y,
    $kendo-input-lg-padding-y: $kendo-input-lg-padding-y,
    $kendo-input-font-family: $kendo-input-font-family,
    $kendo-input-sm-font-size: $kendo-input-sm-font-size,
    $kendo-input-md-font-size: $kendo-input-md-font-size,
    $kendo-input-lg-font-size: $kendo-input-lg-font-size,
    $kendo-input-sm-line-height: $kendo-input-sm-line-height,
    $kendo-input-md-line-height: $kendo-input-md-line-height,
    $kendo-input-lg-line-height: $kendo-input-lg-line-height,
    $kendo-input-sm-calc-size: $kendo-input-sm-calc-size,
    $kendo-input-md-calc-size: $kendo-input-md-calc-size,
    $kendo-input-lg-calc-size: $kendo-input-lg-calc-size,
    $kendo-input-sizes: $kendo-input-sizes,
    $kendo-input-bg: $kendo-input-bg,
    $kendo-input-text: $kendo-input-text,
    $kendo-input-border: $kendo-input-border,
    $kendo-input-hover-bg: $kendo-input-hover-bg,
    $kendo-input-hover-text: $kendo-input-hover-text,
    $kendo-input-hover-border: $kendo-input-hover-border,
    $kendo-input-focus-bg: $kendo-input-focus-bg,
    $kendo-input-focus-text: $kendo-input-focus-text,
    $kendo-input-focus-border: $kendo-input-focus-border,
    $kendo-input-disabled-bg: $kendo-input-disabled-bg,
    $kendo-input-disabled-text: $kendo-input-disabled-text,
    $kendo-input-disabled-border: $kendo-input-disabled-border,
    $kendo-input-outline-bg: $kendo-input-outline-bg,
    $kendo-input-outline-text: $kendo-input-outline-text,
    $kendo-input-outline-border: $kendo-input-outline-border,
    $kendo-input-outline-hover-bg: $kendo-input-outline-hover-bg,
    $kendo-input-outline-hover-text: $kendo-input-outline-hover-text,
    $kendo-input-outline-hover-border: $kendo-input-outline-hover-border,
    $kendo-input-outline-focus-bg: $kendo-input-outline-focus-bg,
    $kendo-input-outline-focus-text: $kendo-input-outline-focus-text,
    $kendo-input-outline-focus-border: $kendo-input-outline-focus-border,
    $kendo-input-flat-bg: $kendo-input-flat-bg,
    $kendo-input-flat-text: $kendo-input-flat-text,
    $kendo-input-flat-border: $kendo-input-flat-border,
    $kendo-input-flat-hover-bg: $kendo-input-flat-hover-bg,
    $kendo-input-flat-hover-text: $kendo-input-flat-hover-text,
    $kendo-input-flat-hover-border: $kendo-input-flat-hover-border,
    $kendo-input-flat-focus-bg: $kendo-input-flat-focus-bg,
    $kendo-input-flat-focus-text: $kendo-input-flat-focus-text,
    $kendo-input-flat-focus-border: $kendo-input-flat-focus-border,
    $kendo-input-placeholder-text: $kendo-input-placeholder-text,
    $kendo-input-placeholder-opacity: $kendo-input-placeholder-opacity,
    $kendo-input-clear-value-text: $kendo-input-clear-value-text,
    $kendo-input-clear-value-opacity: $kendo-input-clear-value-opacity,
    $kendo-input-clear-value-hover-text: $kendo-input-clear-value-hover-text,
    $kendo-input-clear-value-hover-opacity: $kendo-input-clear-value-hover-opacity,
    $kendo-input-button-border-width: $kendo-input-button-border-width,
    $kendo-input-spinner-icon-offset: $kendo-input-spinner-icon-offset,
    $kendo-input-separator-text: $kendo-input-separator-text,
    $kendo-input-prefix-text: $kendo-input-prefix-text,
    $kendo-input-suffix-text: $kendo-input-suffix-text,
    $kendo-input-invalid-border: $kendo-input-invalid-border,
    $kendo-picker-default-fill-mode: $kendo-picker-default-fill-mode,
    $kendo-picker-default-roundness: $kendo-picker-default-roundness,
    $kendo-picker-default-size: $kendo-picker-default-size,
    $kendo-picker-bg: $kendo-picker-bg,
    $kendo-picker-text: $kendo-picker-text,
    $kendo-picker-border: $kendo-picker-border,
    $kendo-picker-hover-bg: $kendo-picker-hover-bg,
    $kendo-picker-hover-text: $kendo-picker-hover-text,
    $kendo-picker-hover-border: $kendo-picker-hover-border,
    $kendo-picker-focus-bg: $kendo-picker-focus-bg,
    $kendo-picker-focus-text: $kendo-picker-focus-text,
    $kendo-picker-focus-border: $kendo-picker-focus-border,
    $kendo-picker-disabled-bg: $kendo-picker-disabled-bg,
    $kendo-picker-disabled-text: $kendo-picker-disabled-text,
    $kendo-picker-disabled-border: $kendo-picker-disabled-border,
    $kendo-picker-outline-bg: $kendo-picker-outline-bg,
    $kendo-picker-outline-text: $kendo-picker-outline-text,
    $kendo-picker-outline-border: $kendo-picker-outline-border,
    $kendo-picker-outline-hover-bg: $kendo-picker-outline-hover-bg,
    $kendo-picker-outline-hover-text: $kendo-picker-outline-hover-text,
    $kendo-picker-outline-hover-border: $kendo-picker-outline-hover-border,
    $kendo-picker-outline-focus-bg: $kendo-picker-outline-focus-bg,
    $kendo-picker-outline-focus-text: $kendo-picker-outline-focus-text,
    $kendo-picker-outline-focus-border: $kendo-picker-outline-focus-border,
    $kendo-picker-outline-hover-focus-bg: $kendo-picker-outline-hover-focus-bg,
    $kendo-picker-outline-hover-focus-text: $kendo-picker-outline-hover-focus-text,
    $kendo-picker-outline-hover-focus-border: $kendo-picker-outline-hover-focus-border,
    $kendo-picker-flat-bg: $kendo-picker-flat-bg,
    $kendo-picker-flat-text: $kendo-picker-flat-text,
    $kendo-picker-flat-border: $kendo-picker-flat-border,
    $kendo-picker-flat-hover-bg: $kendo-picker-flat-hover-bg,
    $kendo-picker-flat-hover-text: $kendo-picker-flat-hover-text,
    $kendo-picker-flat-hover-border: $kendo-picker-flat-hover-border,
    $kendo-picker-flat-focus-bg: $kendo-picker-flat-focus-bg,
    $kendo-picker-flat-focus-text: $kendo-picker-flat-focus-text,
    $kendo-picker-flat-focus-border: $kendo-picker-flat-focus-border,
    $kendo-picker-flat-hover-focus-bg: $kendo-picker-flat-hover-focus-bg,
    $kendo-picker-flat-hover-focus-text: $kendo-picker-flat-hover-focus-text,
    $kendo-picker-flat-hover-focus-border: $kendo-picker-flat-hover-focus-border,
    $kendo-use-input-button-width: $kendo-use-input-button-width,
    $kendo-use-input-spinner-width: $kendo-use-input-spinner-width,
    $kendo-use-input-spinner-icon-offset: $kendo-use-input-spinner-icon-offset
);