@use "sass:map";

$_default-elevation: (
    1: (
        0px 1px 3px 0px rgba(0, 0, 0, 0.2),
        0px 2px 1px 0px rgba(0, 0, 0, 0.12),
        0px 1px 1px 0px rgba(0, 0, 0, 0.14)
    ),
    2: (
        0px 1px 5px 0px rgba(0, 0, 0, 0.2),
        0px 3px 1px 0px rgba(0, 0, 0, 0.12),
        0px 2px 2px 0px rgba(0, 0, 0, 0.14)
    ),
    3: (
        0px 1px 8px 0px rgba(0, 0, 0, 0.2),
        0px 3px 3px 0px rgba(0, 0, 0, 0.12),
        0px 3px 4px 0px rgba(0, 0, 0, 0.14)
    ),
    4: (
        0px 2px 4px 0px rgba(0, 0, 0, 0.2),
        0px 1px 10px 0px rgba(0, 0, 0, 0.12),
        0px 4px 5px 0px rgba(0, 0, 0, 0.14)
    ),
    5: (
        0px 3px 5px 0px rgba(0, 0, 0, 0.2),
        0px 1px 18px 0px rgba(0, 0, 0, 0.12),
        0px 6px 10px 0px rgba(0, 0, 0, 0.14)
    ),
    6: (
        0px 5px 5px 0px rgba(0, 0, 0, 0.2),
        0px 3px 14px 0px rgba(0, 0, 0, 0.12),
        0px 8px 10px 0px rgba(0, 0, 0, 0.14)
    ),
    7: (
        0px 7px 8px 0px rgba(0, 0, 0, 0.2),
        0px 5px 22px 0px rgba(0, 0, 0, 0.12),
        0px 12px 17px 0px rgba(0, 0, 0, 0.14)
    ),
    8: (
        0px 8px 10px rgba(0, 0, 0, 0.2),
        0px 6px 30px rgba(0, 0, 0, 0.12),
        0px 16px 24px rgba(0, 0, 0, 0.14)
    ),
    9: (
        0px 11px 15px rgba(0, 0, 0, 0.2),
        0px 9px 46px rgba(0, 0, 0, 0.12),
        0px 24px 38px rgba(0, 0, 0, 0.14)
    )
);

/// The global default Elevation map.
/// @group elevation
$kendo-elevation: $_default-elevation !default;
$kendo-elevation: map.merge($_default-elevation, $kendo-elevation);