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

/// The default width of the signature component.
/// @group signature
$kendo-signature-width: var( --kendo-signature-width, 250px ) !default;
/// The default height of the signature component.
/// @group signature
$kendo-signature-height: var( --kendo-signature-height, 84px ) !default;
/// The default width of the maximized signature component.
/// @group signature
$kendo-signature-maximized-width: var( --kendo-signature-maximized-width, 750px ) !default;
/// The default height of the maximized signature component.
/// @group signature
$kendo-signature-maximized-height: var( --kendo-signature-maximized-height, 252px ) !default;
/// The horizontal paddings of the signature component.
/// @group signature
$kendo-signature-sm-padding-x: var( --kendo-signature-sm-padding-x, k-spacing(1) ) !default;
/// The horizontal padding of the Signature.
/// @group signature
$kendo-signature-md-padding-x: var( --kendo-signature-md-padding-x, k-spacing(1) ) !default;
/// The horizontal padding of the Signature.
/// @group signature
$kendo-signature-lg-padding-x: var( --kendo-signature-lg-padding-x, k-spacing(1) ) !default;
/// The vertical paddings of the signature component.
/// @group signature
$kendo-signature-sm-padding-y: var( --kendo-signature-sm-padding-y, k-spacing(0.5) ) !default;
/// The vertical padding of the Signature.
/// @group signature
$kendo-signature-md-padding-y: var( --kendo-signature-md-padding-y, k-spacing(1) ) !default;
/// The vertical padding of the Signature.
/// @group signature
$kendo-signature-lg-padding-y: var( --kendo-signature-lg-padding-y, k-spacing(1.5) ) !default;

/// The bottom-border width of the row line of the signature component.
/// @group signature
$kendo-signature-line-width: var( --kendo-signature-line-width, 1px ) !default;
/// The border style of the row line of the signature component.
/// @group signature
$kendo-signature-line-style: var( --kendo-signature-line-style, dashed ) !default;
/// The color of the row line of the signature component.
/// @group signature
$kendo-signature-line-color: var( --kendo-signature-line-color, k-color(info-emphasis) ) !default;
/// The color of the row line of the disabled signature component.
/// @group signature
$kendo-signature-line-disabled-color: var( --kendo-signature-line-disabled-color, color-mix(in srgb, k-color(on-app-surface) 30%, transparent) ) !default;
/// The width of the row line of the signature component.
/// @group signature
$kendo-signature-sm-line-size: var( --kendo-signature-sm-line-size, calc( 100% - 2 * #{$kendo-signature-sm-padding-x} ) ) !default;
/// The md line size of the Signature.
/// @group signature
$kendo-signature-md-line-size: var( --kendo-signature-md-line-size, calc( 100% - 2 * #{$kendo-signature-md-padding-x} ) ) !default;
/// The lg line size of the Signature.
/// @group signature
$kendo-signature-lg-line-size: var( --kendo-signature-lg-line-size, calc( 100% - 2 * #{$kendo-signature-lg-padding-x} ) ) !default;
/// The bottom offset of the row line of the signature component.
/// @group signature
$kendo-signature-line-bottom-offset: var( --kendo-signature-line-bottom-offset, 33% ) !default;

/// The gap between individual action items of the signature component
/// @group signature
$kendo-signature-actions-gap: var( --kendo-signature-actions-gap, k-spacing(1) ) !default;

/// The bottom-border width of the row line of the maximized signature component.
/// @group signature
$kendo-signature-maximized-line-width: var( --kendo-signature-maximized-line-width, 3px ) !default;

/// The min-height of the large size signature component.
/// @group signature
$kendo-signature-lg-min-height: var( --kendo-signature-lg-min-height, 110px ) !default;

@forward "@progress/kendo-theme-core/scss/components/signature/_variables.scss" with (
    $kendo-signature-width: $kendo-signature-width,
    $kendo-signature-height: $kendo-signature-height,
    $kendo-signature-lg-min-height: $kendo-signature-lg-min-height,
    $kendo-signature-maximized-width: $kendo-signature-maximized-width,
    $kendo-signature-maximized-height: $kendo-signature-maximized-height,
    $kendo-signature-sm-padding-x: $kendo-signature-sm-padding-x,
    $kendo-signature-md-padding-x: $kendo-signature-md-padding-x,
    $kendo-signature-lg-padding-x: $kendo-signature-lg-padding-x,
    $kendo-signature-sm-padding-y: $kendo-signature-sm-padding-y,
    $kendo-signature-md-padding-y: $kendo-signature-md-padding-y,
    $kendo-signature-lg-padding-y: $kendo-signature-lg-padding-y,
    $kendo-signature-line-width: $kendo-signature-line-width,
    $kendo-signature-line-style: $kendo-signature-line-style,
    $kendo-signature-line-color: $kendo-signature-line-color,
    $kendo-signature-sm-line-size: $kendo-signature-sm-line-size,
    $kendo-signature-md-line-size: $kendo-signature-md-line-size,
    $kendo-signature-lg-line-size: $kendo-signature-lg-line-size,
    $kendo-signature-line-bottom-offset: $kendo-signature-line-bottom-offset,
    $kendo-signature-actions-gap: $kendo-signature-actions-gap,
    $kendo-signature-maximized-line-width: $kendo-signature-maximized-line-width
);