igniteui-theming 1.0.2 → 1.1.1

package/sass/themes/schemas/_index.scss

@@ -0,0 +1,35 @@
+@use 'sass:map';
+@use './charts/index' as charts;
+
+$light-material-schema: map.merge(
+    charts.$light-material-schema,
+    ()
+);
+$light-bootstrap-schema: map.merge(
+    charts.$light-bootstrap-schema,
+    ()
+);
+$light-fluent-schema: map.merge(
+    charts.$light-fluent-schema,
+    ()
+);
+$light-indigo-schema: map.merge(
+    charts.$light-indigo-schema,
+    ()
+);
+$dark-material-schema: map.merge(
+    charts.$dark-material-schema,
+    ()
+);
+$dark-bootstrap-schema: map.merge(
+    charts.$dark-bootstrap-schema,
+    ()
+);
+$dark-fluent-schema: map.merge(
+    charts.$dark-fluent-schema,
+    ()
+);
+$dark-indigo-schema: map.merge(
+    charts.$dark-indigo-schema,
+    ()
+);

package/sass/themes/schemas/charts/_index.scss

@@ -0,0 +1,2 @@
+@forward 'light';
+@forward 'dark';

package/sass/themes/schemas/charts/dark/_category-chart.scss

@@ -0,0 +1,33 @@
+/* stylelint-disable max-line-length */
+@use '../light/category-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/SisIvanova" target="_blank">Silvia Ivanova</a>
+////
+
+/// Generates a dark category-chart schema based on a mix of $material-category-chart and $base-dark-category-chart
+/// @type {Map}
+/// @requires $material-category-chart
+/// @requires $base-dark-category-chart
+/// @see $default-palette
+$dark-material-category-chart: $material-category-chart;
+
+/// Generates a dark fluent category-chart schema based on a mix of $fluent-category-chart and $base-dark-category-chart
+/// @type {Map}
+/// @requires $fluent-category-chart
+/// @requires $base-dark-category-chart
+$dark-fluent-category-chart: $fluent-category-chart;
+
+/// Generates a bootstrap category-chart schema based on a mix of $bootstrap-category-chart and $base-dark-category-chart
+/// @type {Map}
+/// @requires $bootstrap-category-chart
+/// @requires $base-dark-category-chart
+$dark-bootstrap-category-chart: $bootstrap-category-chart;
+
+/// Generates an indigo category-chart schema based on a mix of $indigo-category-chart and $base-dark-category-chart
+/// @type {Map}
+/// @requires $indigo-category-chart
+/// @requires $base-dark-category-chart
+$dark-indigo-category-chart: $indigo-category-chart;

package/sass/themes/schemas/charts/dark/_data-chart.scss

@@ -0,0 +1,27 @@
+@use '../light/data-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark data chart schema.
+/// @type {Map}
+/// @requires $material-data-chart
+$dark-material-data-chart: $material-data-chart;
+
+/// Generates a dark fluent data-chart schema.
+/// @type {Map}
+/// @requires $fluent-data-chart
+$dark-fluent-data-chart: $fluent-data-chart;
+
+/// Generates a dark bootstrap data-chart schema.
+/// @type {Map}
+/// @requires $bootstrap-data-chart
+$dark-bootstrap-data-chart: $bootstrap-data-chart;
+
+/// Generates a dark indigo data-chart schema.
+/// @type {Map}
+/// @requires $indigo-data-chart
+$dark-indigo-data-chart: $indigo-data-chart;

package/sass/themes/schemas/charts/dark/_doughnut-chart.scss

@@ -0,0 +1,28 @@
+@use '../light/doughnut-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark doughnut chart schema.
+/// @type {Map}
+/// @requires {function} extend
+/// @see $default-palette
+$dark-material-doughnut-chart: $material-doughnut-chart;
+
+/// Generates a dark fluent doughnut-chart schema.
+/// @type {Map}
+/// @requires $fluent-doughnut-chart
+$dark-fluent-doughnut-chart: $fluent-doughnut-chart;
+
+/// Generates a dark bootstrap doughnut-chart schema.
+/// @type {Map}
+/// @requires $bootstrap-doughnut-chart
+$dark-bootstrap-doughnut-chart: $bootstrap-doughnut-chart;
+
+/// Generates a dark indigo doughnut-chart schema.
+/// @type {Map}
+/// @requires $indigo-doughnut-chart
+$dark-indigo-doughnut-chart: $indigo-doughnut-chart;

package/sass/themes/schemas/charts/dark/_financial-chart.scss

@@ -0,0 +1,28 @@
+@use '../light/financial-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/didimmova" target="_blank">Dilyana Dimova</a>
+////
+
+/// Generates a dark financial chart schema.
+/// @type {Map}
+/// @requires $material-financial-chart
+/// @see $default-palette
+$dark-material-financial-chart: $material-financial-chart;
+
+/// Generates a dark fluent financial-chart schema.
+/// @type {Map}
+/// @requires $fluent-financial-chart
+$dark-fluent-financial-chart: $fluent-financial-chart;
+
+/// Generates a dark bootstrap financial-chart schema.
+/// @type {Map}
+/// @requires $bootstrap-financial-chart
+$dark-bootstrap-financial-chart: $bootstrap-financial-chart;
+
+/// Generates a dark indigo financial-chart schema.
+/// @type {Map}
+/// @requires $indigo-financial-chart
+$dark-indigo-financial-chart: $indigo-financial-chart;

package/sass/themes/schemas/charts/dark/_funnel-chart.scss

@@ -0,0 +1,28 @@
+@use '../light/funnel-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
+////
+
+/// Generates a dark funnel chart schema.
+/// @type {Map}
+/// @requires $material-funnel-chart
+/// @see $default-palette
+$dark-material-funnel-chart: $material-funnel-chart;
+
+/// Generates a dark fluent funnel-chart schema.
+/// @type {Map}
+/// @requires $fluent-funnel-chart
+$dark-fluent-funnel-chart: $fluent-funnel-chart;
+
+/// Generates a dark bootstrap funnel-chart schema.
+/// @type {Map}
+/// @requires $bootstrap-funnel-chart
+$dark-bootstrap-funnel-chart: $bootstrap-funnel-chart;
+
+/// Generates a dark indigo funnel-chart schema.
+/// @type {Map}
+/// @requires $ndigo-funnel-chart
+$dark-indigo-funnel-chart: $indigo-funnel-chart;

package/sass/themes/schemas/charts/dark/_gauge.scss

@@ -0,0 +1,47 @@
+@use '../light/gauge' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/SisIvanova" target="_blank">Silvia Ivanova</a>
+////
+
+/// Generates dark gauge schemas.
+/// @type {Map}
+/// @requires $material-linear-gauge
+$dark-material-linear-gauge: $material-linear-gauge;
+
+/// Generates dark gauge schemas.
+/// @type {Map}
+/// @requires $material-radial-gauge
+$dark-material-radial-gauge: $material-radial-gauge;
+
+/// Generates a dark fluent gauge schema.
+/// @type {Map}
+/// @requires $fluent-linear-gauge
+$dark-fluent-linear-gauge: $fluent-linear-gauge;
+
+/// Generates a dark fluent gauge schema.
+/// @type {Map}
+/// @requires $fluent-radial-gauge
+$dark-fluent-radial-gauge: $fluent-radial-gauge;
+
+/// Generates a dark bootstrap gauge schema.
+/// @type {Map}
+/// @requires $bootstrap-linear-gauge
+$dark-bootstrap-linear-gauge: $bootstrap-linear-gauge;
+
+/// Generates a dark bootstrap gauge schema.
+/// @type {Map}
+/// @requires $bootstrap-radial-gauge
+$dark-bootstrap-radial-gauge: $bootstrap-radial-gauge;
+
+/// Generates a dark indigo gauge schema.
+/// @type {Map}
+/// @requires $indigo-linear-gauge
+$dark-indigo-linear-gauge: $indigo-linear-gauge;
+
+/// Generates a dark indigo gauge schema.
+/// @type {Map}
+/// @requires $indigo-radial-gauge
+$dark-indigo-radial-gauge: $indigo-radial-gauge;

package/sass/themes/schemas/charts/dark/_geo-map.scss

@@ -0,0 +1,31 @@
+@use '../light/geo-map' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/didimmova" target="_blank">Dilyana Dimova</a>
+////
+
+/// Generates a dark base geo map schema.
+/// @type {Map}
+/// @requires $material-geo-map
+/// @see $material-geo-map
+$dark-material-geo-map: $material-geo-map;
+
+/// Generates a dark fluent geo map schema.
+/// @type {Map}
+/// @requires $fluent-geo-map
+/// @see $fluent-geo-map
+$dark-fluent-geo-map: $fluent-geo-map;
+
+/// Generates a dark bootstrap geo map schema.
+/// @type {Map}
+/// @requires $bootstrap-geo-map
+/// @see $bootstrap-geo-map
+$dark-bootstrap-geo-map: $bootstrap-geo-map;
+
+/// Generates a dark indigo geo map schema.
+/// @type {Map}
+/// @requires $indigo-geo-map
+/// @see $indigo-geo-map
+$dark-indigo-geo-map: $indigo-geo-map;

package/sass/themes/schemas/charts/dark/_graph.scss

@@ -0,0 +1,27 @@
+@use '../light/graph' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark graph schema.
+/// @type {Map}
+/// @requires $material-graph
+$dark-material-graph: $material-graph;
+
+/// Generates a dark fluent graph schema.
+/// @type {Map}
+/// @requires $fluent-graph
+$dark-fluent-graph: $fluent-graph;
+
+/// Generates a dark bootstrap graph schema.
+/// @type {Map}
+/// @requires $bootstrap-graph
+$dark-bootstrap-graph: $bootstrap-graph;
+
+/// Generates a dark indigo graph schema.
+/// @type {Map}
+/// @requires $indigo-graph
+$dark-indigo-graph: $indigo-graph;

package/sass/themes/schemas/charts/dark/_index.scss

@@ -0,0 +1,68 @@
+@use './category-chart' as *;
+@use './data-chart' as *;
+@use './doughnut-chart' as *;
+@use './financial-chart' as *;
+@use './funnel-chart' as *;
+@use './gauge' as *;
+@use './geo-map' as *;
+@use './graph' as *;
+@use './pie-chart' as *;
+@use './shape-chart' as *;
+@use './sparkline' as *;
+
+$dark-material-schema: (
+    category-chart: $dark-material-category-chart,
+    data-chart: $dark-material-data-chart,
+    doughnut-chart: $dark-material-doughnut-chart,
+    financial-chart: $dark-material-financial-chart,
+    funnel-chart: $dark-material-funnel-chart,
+    linear-gauge: $dark-material-linear-gauge,
+    radial-gauge: $dark-material-radial-gauge,
+    geo-map: $dark-material-geo-map,
+    bullet-graph: $dark-material-graph,
+    pie-chart: $dark-material-pie-chart,
+    shape-chart: $dark-material-shape-chart,
+    sparkline: $dark-material-sparkline,
+);
+$dark-bootstrap-schema: (
+    category-chart: $dark-bootstrap-category-chart,
+    data-chart: $dark-bootstrap-data-chart,
+    doughnut-chart: $dark-bootstrap-doughnut-chart,
+    financial-chart: $dark-bootstrap-financial-chart,
+    funnel-chart: $dark-bootstrap-funnel-chart,
+    linear-gauge: $dark-bootstrap-linear-gauge,
+    radial-gauge: $dark-bootstrap-radial-gauge,
+    geo-map: $dark-bootstrap-geo-map,
+    bullet-graph: $dark-bootstrap-graph,
+    pie-chart: $dark-bootstrap-pie-chart,
+    shape-chart: $dark-bootstrap-shape-chart,
+    sparkline: $dark-bootstrap-sparkline,
+);
+$dark-fluent-schema: (
+    category-chart: $dark-fluent-category-chart,
+    data-chart: $dark-fluent-data-chart,
+    doughnut-chart: $dark-fluent-doughnut-chart,
+    financial-chart: $dark-fluent-financial-chart,
+    funnel-chart: $dark-fluent-funnel-chart,
+    linear-gauge: $dark-fluent-linear-gauge,
+    radial-gauge: $dark-fluent-radial-gauge,
+    geo-map: $dark-fluent-geo-map,
+    bullet-graph: $dark-fluent-graph,
+    pie-chart: $dark-fluent-pie-chart,
+    shape-chart: $dark-fluent-shape-chart,
+    sparkline: $dark-fluent-sparkline,
+);
+$dark-indigo-schema: (
+    category-chart: $dark-indigo-category-chart,
+    data-chart: $dark-indigo-data-chart,
+    doughnut-chart: $dark-indigo-doughnut-chart,
+    financial-chart: $dark-indigo-financial-chart,
+    funnel-chart: $dark-indigo-funnel-chart,
+    linear-gauge: $dark-indigo-linear-gauge,
+    radial-gauge: $dark-indigo-radial-gauge,
+    geo-map: $dark-indigo-geo-map,
+    bullet-graph: $dark-indigo-graph,
+    pie-chart: $dark-indigo-pie-chart,
+    shape-chart: $dark-indigo-shape-chart,
+    sparkline: $dark-indigo-sparkline,
+);

package/sass/themes/schemas/charts/dark/_pie-chart.scss

@@ -0,0 +1,31 @@
+@use '../light/pie-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark base pie chart schema.
+/// @type {Map}
+/// @requires $material-pie-chart
+/// @see $material-pie-chart
+$dark-material-pie-chart: $material-pie-chart;
+
+/// Generates a dark fluent pie chart schema.
+/// @type {Map}
+/// @requires $fluent-pie-chart
+/// @see $fluent-pie-chart
+$dark-fluent-pie-chart: $fluent-pie-chart;
+
+/// Generates a dark bootstrap pie chart schema.
+/// @type {Map}
+/// @requires $bootstrap-pie-chart
+/// @see $bootstrap-pie-chart
+$dark-bootstrap-pie-chart: $bootstrap-pie-chart;
+
+/// Generates a dark indigo pie chart schema.
+/// @type {Map}
+/// @requires $indigo-pie-chart
+/// @see $indigo-pie-chart
+$dark-indigo-pie-chart: $indigo-pie-chart;

package/sass/themes/schemas/charts/dark/_shape-chart.scss

@@ -0,0 +1,28 @@
+@use '../light/shape-chart' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark shape chart schema.
+/// @type {Map}
+/// @requires $material-shape-chart
+/// @see $default-palette
+$dark-material-shape-chart: $material-shape-chart;
+
+/// Generates a dark fluent shape-chart schema.
+/// @type {Map}
+/// @requires $fluent-shape-chart
+$dark-fluent-shape-chart: $fluent-shape-chart;
+
+/// Generates a dark bootstrap shape-chart schema.
+/// @type {Map}
+/// @requires $bootstrap-shape-chart
+$dark-bootstrap-shape-chart: $bootstrap-shape-chart;
+
+/// Generates a dark indigo shape-chart schema.
+/// @type {Map}
+/// @requires $indigo-shape-chart
+$dark-indigo-shape-chart: $indigo-shape-chart;

package/sass/themes/schemas/charts/dark/_sparkline.scss

@@ -0,0 +1,28 @@
+@use '../light/sparkline' as *;
+
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/simeonoff" target="_blank">Simeon Simeonoff</a>
+////
+
+/// Generates a dark sparkline schema.
+/// @type {Map}
+/// @requires $material-sparkline
+/// @see $default-palette
+$dark-material-sparkline: $material-sparkline;
+
+/// Generates a dark fluent sparkline schema.
+/// @type {Map}
+/// @requires $fluent-sparkline
+$dark-fluent-sparkline: $fluent-sparkline;
+
+/// Generates a dark bootstrap sparkline schema.
+/// @type {Map}
+/// @requires $bootstrap-sparkline
+$dark-bootstrap-sparkline: $bootstrap-sparkline;
+
+/// Generates a dark indigo sparkline schema.
+/// @type {Map}
+/// @requires $indigo-sparkline
+$dark-indigo-sparkline: $indigo-sparkline;

package/sass/themes/schemas/charts/light/_category-chart.scss

@@ -0,0 +1,178 @@
+/* stylelint-disable max-line-length */
+////
+/// @group schemas
+/// @access public
+/// @author <a href="https://github.com/SisIvanova" target="_blank">Silvia Ivanova</a>
+////
+
+/// Generates a material category chart schema.
+/// @type {Map}
+/// @property {List} margin [null] - Sets the margin (top, right, bottom, left) of the chart content.
+/// @property {List} brushes [series] - Defines the palette from which automatically assigned series brushes colors are selected.
+/// @property {List} marker-brushes [series]- Defines the palette from which automatically assigned series marker brushes colors are selected.
+/// @property {List} negative-brushes [hsl(347, 82%, 64%)] - Defines the palette used for coloring negative items in a chart type with contextual coloring, such as Waterfall.
+/// @property {List} negative-outlines [hsl(347, 82%, 64%)] - Defines the brushes used for drawing negative elements in a chart type with contextual coloring, such as Waterfall.
+/// @property {List} outlines [series] - Defines the palette from which automatically assigned series outline colors are selected.
+/// @property {List} marker-outlines [series] - Defines the palette from which automatically assigned series marker outline colors are selected.
+/// @property {String} title-alignment [null] - The horizontal alignment to use for the title.
+/// @property {List} title-margin [null] - Sets the margin (top, right, bottom, left) of the chart title.
+/// @property {Color} title-text-color [color: ('gray', 900)] - Sets the color of the chart title.
+/// @property {String} title-text-style [null] - Sets the CSS font property of the chart title.
+/// @property {List} subtitle-margin [null] - Sets the margins (top, right, bottom, left) of the chart subtitle.
+/// @property {String} subtitle-alignment [null] - The horizontal alignment to use for the subtitle.
+/// @property {Color} subtitle-text-color [color: ('gray', 700)] - Sets the color of the chart subtitle.
+/// @property {String} subtitle-text-style [null] - Sets the CSS font property of the chart subtitle.
+/// @property {Number} thickness [null] - Sets the thickness for all series in a chart.
+/// @property {List} trend-line-brushes [series] - Defines the palette of brushes used for coloring trend lines in a chart.
+/// @property {Number} trend-line-thickness [null] - Sets the thickness of the trend lines in a chart of type point, line, spline or bubble.
+/// @property {List} x-axis-label-margin [null] - Sets the margin (top, right, bottom, left) of labels on the X-axis.
+/// @property {Color} x-axis-label-text-color [color: ('gray', 700)] - Sets the color of labels on the X-axis.
+/// @property {String} x-axis-label-text-style [null] - Sets the CSS font property for labels on X-axis.
+/// @property {String} x-axis-label-vertical-alignment [null] - Sets the vertical alignment of X-axis labels.
+/// @property {Color} x-axis-major-stroke [null] - Sets the color to apply to major gridlines along the X-axis.
+/// @property {Number} x-axis-major-stroke-thickness [null] - Sets the thickness to apply to major gridlines along the X-axis.
+/// @property {Color} x-axis-minor-stroke [null] - Sets the color to apply to minor gridlines along the X-axis.
+/// @property {Number} x-axis-minor-stroke-thickness [null] - Sets the thickness to apply to minor gridlines along the X-axis.
+/// @property {Color} x-axis-strip [null] - Sets the color to apply to stripes along the X-axis.
+/// @property {Color} x-axis-stroke [color: ('gray', 500)] - Sets the color to apply to the X-axis line.
+/// @property {Number} x-axis-stroke-thickness [null] - Sets the thickness to apply to the X-axis line.
+/// @property {Number} x-axis-tick-length [null] - Sets the length of tickmarks along the X-axis.
+/// @property {Color} x-axis-tick-stroke [color: ('gray', 500)] - Sets the color to apply to tickmarks along the X-axis.
+/// @property {Number} x-axis-tick-stroke-thickness [null] - Sets the thickness to apply to tickmarks along the X-axis.
+/// @property {String} x-axis-title-alignment [null] - Sets the horizontal alignment of the X-axis title.
+/// @property {List} x-axis-title-margin [null] - Sets the margin (top, right, bottom, left) of a title on the X-axis.
+/// @property {Color} x-axis-title-text-color [color: ('gray', 900)] - Sets the color of the title on the X-axis.
+/// @property {String} x-axis-title-text-style [null] - Sets the CSS font property for the title on the X-axis.
+/// @property {List} y-axis-label-margin [null] - Sets the margin (top, right, bottom, left) of labels on the Y-axis.
+/// @property {Color} y-axis-label-text-color [color: ('gray', 700)] - Sets the color of labels on the Y-axis.
+/// @property {String} y-axis-label-text-style [null] - Sets the CSS font property for labels on Y-axis.
+/// @property {String} y-axis-label-vertical-alignment [null] - Sets the vertical alignment of Y-axis labels.
+/// @property {Color} y-axis-major-stroke [color: ('gray', 300)] - Sets the color to apply to major gridlines along the y-axis.
+/// @property {Number} y-axis-major-stroke-thickness [null] - Sets the thickness to apply to major gridlines along the Y-axis.
+/// @property {Color} y-axis-minor-stroke [null] - Sets the color to apply to minor gridlines along the Y-axis.
+/// @property {Number} y-axis-minor-stroke-thickness [null] - Sets the thickness to apply to minor gridlines along the Y-axis.
+/// @property {Color} y-axis-strip [null] - Sets the color to apply to stripes along the Y-axis.
+/// @property {Color} y-axis-stroke [null] - Sets the color to apply to the Y-axis line.
+/// @property {Number} y-axis-stroke-thickness [null] - Sets the thickness to apply to the Y-axis line.
+/// @property {String} y-axis-title-alignment [null] - Sets the horizontal alignment of the Y-axis title.
+/// @property {List} y-axis-title-margin [null] - Sets the margin (top, right, bottom, left) of a title on the Y-axis.
+/// @property {Color} y-axis-title-text-color [color: ('gray', 900)] - Sets the color of a title on the Y-axis.
+/// @property {String} y-axis-title-text-style [null] - Sets the CSS font property for the title on the Y-axis.
+/// @property {Number} y-axis-tick-length [null] - Sets the length of tickmarks along the Y-axis.
+/// @property {Color} y-axis-tick-stroke [color: ('gray', 500)] - Sets the color to apply to tickmarks along the Y-axis.
+/// @property {Number} y-axis-tick-stroke-thickness [null] - Sets the thickness to apply to tickmarks along the Y-axis.
+/// @see $default-palette
+$material-category-chart: (
+    'margin': (
+        expand-shorthand: (null)
+    ),
+    'brushes': series,
+    'marker-brushes': series,
+    'negative-brushes': hsl(347deg 82% 64%),
+    'outlines': series,
+    'marker-outlines': series,
+    'negative-outlines': hsl(347deg 82% 64%),
+    'title-alignment': null,
+    'title-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'title'
+    ),
+    'title-text-color': (
+        color: ('gray', 900),
+    ),
+    'title-text-style': null,
+    'subtitle-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'subtitle'
+    ),
+    'subtitle-alignment': null,
+    'subtitle-text-color': (
+        color: ('gray', 700),
+    ),
+    'subtitle-text-style': null,
+    'thickness': null,
+    'trend-line-brushes': series,
+    'trend-line-thickness': null,
+    'x-axis-label-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'x-axis-label'
+    ),
+    'x-axis-label-text-color': (
+        color: ('gray', 700),
+    ),
+    'x-axis-label-text-style': null,
+    'x-axis-label-vertical-alignment': null,
+    'x-axis-major-stroke': null,
+    'x-axis-major-stroke-thickness': null,
+    'x-axis-minor-stroke': null,
+    'x-axis-minor-stroke-thickness': null,
+    'x-axis-strip': null,
+    'x-axis-stroke': (
+        color: ('gray', 500),
+    ),
+    'x-axis-stroke-thickness': null,
+    'x-axis-tick-length': null,
+    'x-axis-tick-stroke': (
+        color: ('gray', 500),
+    ),
+    'x-axis-tick-stroke-thickness': null,
+    'x-axis-title-alignment': null,
+    'x-axis-title-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'x-axis-title'
+    ),
+    'x-axis-title-text-color': (
+        color: ('gray', 900),
+    ),
+    'x-axis-title-text-style': null,
+    'y-axis-label-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'y-axis-label'
+    ),
+    'y-axis-label-text-color': (
+        color: ('gray', 700),
+    ),
+    'y-axis-label-text-style': null,
+    'y-axis-label-vertical-alignment': null,
+    'y-axis-major-stroke': (
+        color: ('gray', 300),
+    ),
+    'y-axis-major-stroke-thickness': null,
+    'y-axis-minor-stroke': null,
+    'y-axis-minor-stroke-thickness': null,
+    'y-axis-strip': null,
+    'y-axis-stroke': null,
+    'y-axis-stroke-thickness': null,
+    'y-axis-title-alignment': null,
+    'y-axis-title-margin': (
+        expand-shorthand: (null),
+        map-keys-prefix: 'y-axis-title'
+    ),
+    'y-axis-title-text-color': (
+        color: ('gray', 900),
+    ),
+    'y-axis-title-text-style': null,
+    'y-axis-tick-length': null,
+    'y-axis-tick-stroke': (
+        color: ('gray', 500),
+    ),
+    'y-axis-tick-stroke-thickness': null
+);
+
+/// Generates a fluent category-chart schema.
+/// @type {Map}
+/// @requires {function} extend
+/// @requires {Map} $material-category-chart
+$fluent-category-chart: $material-category-chart;
+
+/// Generates a bootstrap category-chart schema.
+/// @type {Map}
+/// @requires {function} extend
+/// @requires {Map} $material-category-chart
+$bootstrap-category-chart: $material-category-chart;
+
+/// Generates an indigo category-chart schema.
+/// @type {Map}
+/// @requires {function} extend
+/// @requires {Map} $material-category-chart
+$indigo-category-chart: $material-category-chart;