@import '../shape/progress';

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

/// Generates a light progress-linear schema.
/// @type {Map}
///
/// @property {map} track-color [igx-color: ('grays', 300)] - The main track color.
/// @property {map} fill-color-default [igx-color: ('primary', 500)] - The track default fill color.
/// @property {map} fill-color-danger [igx-color: ('error')] - The track danger fill color.
/// @property {map} fill-color-warning [igx-color: ('warn')] - The track warning fill color.
/// @property {map} fill-color-info [igx-color: ('info')] - The track info fill color.
/// @property {map} fill-color-success [igx-color: ('success')] - The track success fill color.
/// @property {color} stripes-color [rgba(#fff, .7)] - The track stripes color.
/// @property {map} text-color [igx-color: ('grays', 700)] - The track value text color.
///
/// @see $default-palette
$_light-progress-linear: extend(
    $_default-shape-progress,
    (
        track-color: (
            igx-color: ('grays', 300)
        ),

        fill-color-default: (
            igx-color: ('primary', 500)
        ),

        fill-color-danger: (
            igx-color: ('error')
        ),

        fill-color-warning: (
            igx-color: ('warn')
        ),

        fill-color-info: (
            igx-color: ('info')
        ),

        fill-color-success: (
            igx-color: ('success')
        ),

        stripes-color: rgba(#fff, .7),

        text-color: (
            igx-color: ('grays', 700)
        )
    )
);

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

/// Generates a light progress-circular schema.
/// @type {Map}
///
/// @property {map} base-circle-color [igx-color: ('grays', 300)] - The base circle fill color.
/// @property {map} progress-circle-color [igx-color: ('primary', 500)] - The progress circle fill color.
/// @property {map} text-color [igx-color: ('grays', 700)] - The value text color.
$_light-progress-circular: extend(
    $_default-shape-progress,
    (
        base-circle-color: (
            igx-color: ('grays', 300)
        ),

        progress-circle-color: (
            igx-color: ('primary', 500)
        ),

        text-color: (
            igx-color: ('grays', 700)
        )
    )
);

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