@import '../shape/grid-summary';

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

/// Generates a light grid-summary schema.
/// @type {Map}
///
/// @property {Color} background-color [inherit] - The summaries background color is inherited form igx-grid__tfoot.
/// @property {Color} focus-background-color [igx-color] - The background color when a summary item is on focus.
/// @property {map} label-color [igx-color: ('primary', 500)] - The summaries label color.
/// @property {map} label-hover-color [igx-color: ('primary', 700)] - The summaries hover label color.
/// @property {Color} result-color [currentColor] - The summaries value/result color.
/// @property {map} border-color [igx-color: ('grays', 400)] - The summaries border color.
/// @property {String} pinned-border-width [2px] - The border width of the summary panel.
/// @property {String} pinned-border-style [solid] - The border style of the summary panel.
/// @property {map} pinned-border-color [igx-color: ('grays', 400)] - The border color of the summary panel.
///
/// @see $default-palette

$_light-grid-summary: extend(
    $_default-shape-grid-summary,
    (
        background-color: inherit,

        focus-background-color: (
            igx-color: ('grays', 100)
        ),

        label-color: (
            igx-color: ('primary', 500)
        ),

        label-hover-color: (
            igx-color: ('primary', 700)
        ),

        result-color: currentColor,

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

        pinned-border-width: 2px,
        pinned-border-style: solid,
        pinned-border-color: (
            igx-color: ('grays', 400)
        ),
    )
);

/// Generates a fluent grid-summary schema.
/// @type {Map}
///
/// @property {Color} background-color [ igx-color: ('surface')] - The summaries background color is inherited form igx-grid__tfoot
/// @property {map} border-color [ igx-color: ('grays', 100)] - The summaries border color.
/// @property {map} pinned-border-color [igx-color: ('grays', 300), hexrgba: #fff] - The border color of the summary panel.
///
/// @requires {function} extend
/// @requires {map} $_light-grid-summary
$_fluent-grid-summary: extend(
    $_light-grid-summary,
    (
        background-color: (
            igx-color: ('surface')
        ),

        border-color: (
            igx-color: ('grays', 100)
        ),

        pinned-border-color: (
            igx-color: ('grays', 300),
            hexrgba: #fff
        ),
    )
);