@import '../shape/banner';
////
/// @group schemas
/// @access private
/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
////

/// Generates a light banner schema.
/// @type {Map}
/// @property {Map} banner-background [igx-color: 'surface']- The background color used banner background.
/// @property {Map} banner-message-color [igx-color: 'surface', text-contrast: (), rgba: .87]- The color used for banner label.
/// @property {Map} banner-border-color [igx-color: ('grays', 400)] - The border color used banner border.
/// @property {Map} banner-illustration-background [igx-color: ('grays', 100)] - The background color used for banner illustration.
/// @property {Map} banner-illustration-color [igx-color: 'surface', text-contrast: (), rgba: .87] - The color used banner illustration.
/// @see $default-palette
$_light-banner: extend(
    $_default-shape-banner,
    (
        banner-background: (
            igx-color: 'surface'
        ),

        banner-message-color: (
            igx-color: 'surface',
            text-contrast: (),
            rgba: .87
        ),

        banner-border-color: (
            igx-color: ('grays', 400)
        ),

        banner-illustration-color: (
            igx-color: 'surface',
            text-contrast: (),
            rgba: .87
        )
    )
);

/// Generates a fluent banner schema.
/// @type {Map}
/// @requires {function} extend
/// @requires $_light-banner
$_fluent-banner: extend($_light-banner);