@import '../light/carousel';
////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
////

/// Generates the base dark carousel schema.
/// @type {Map}
/// @prop {Color} slide-background [#222] - The slide background color.
/// @prop {Color} button-background [#222] - The previous/next buttons idle background color.
/// @prop {Color} button-hover-background [#222] - The previous/next buttons hover background color.
/// @prop {Map} button-disabled-background [igx-color: ('grays', 100), hexrgba: (#222)] - The previous/next buttons disabled background color.
/// @prop {Map} button-disabled-arrow-color [igx-color: ('grays' 400), hexrgba: (#222)] - The previous/next buttons disabled color.
$_base-dark-carousel: (
    slide-background: #222,
    button-background: #222,
    button-hover-background: #222,
    button-disabled-background: (
        igx-color: ('grays', 100),
        hexrgba: (#222)
    ),
    button-disabled-arrow-color:  (
        igx-color: ('grays' 400),
        hexrgba: (#222)
    ),
);

/// Generates a dark carousel schema based on a mix of $_light-carousel and $_base-dark-carousel
/// @type {Map}
/// @requires extend
/// @requires $_light-carousel
/// @requires $_base-dark-carousel
/// @see $default-palette
$_dark-carousel: extend($_light-carousel, $_base-dark-carousel);

/// Generates a dark fluent carousel schema based on a mix of $_fluent-carousel and $_base-dark-carousel
/// @type {Map}
/// @requires extend
/// @requires $_fluent-carousel
/// @requires $_base-dark-carousel
$_dark-fluent-carousel: extend($_fluent-carousel, $_base-dark-carousel);