diff --git a/sass/themes/schemas/charts/light/_data-chart.scss b/sass/themes/schemas/charts/light/_data-chart.scss index 11de0ca6..cf8534be 100644 --- a/sass/themes/schemas/charts/light/_data-chart.scss +++ b/sass/themes/schemas/charts/light/_data-chart.scss @@ -20,6 +20,7 @@ /// @property {Color} plot-area-background [color: ('surface', 500)] - Sets the brush used as the background for the current Chart object's plot area. /// @property {String} title-horizontal-alignment [null] - The horizontal alignment to use for the title. /// @property {String} subtitle-horizontal-alignment [null] - The horizontal alignment to use for the subtitle. +/// @property {Color} axis-label-text-color [color: (gray, 700)] - The horizontal alignment to use for the subtitle. $material-data-chart: ( 'margin': null, 'title-text-color': ( @@ -48,6 +49,12 @@ $material-data-chart: ( ), 'title-horizontal-alignment': null, 'subtitle-horizontal-alignment': null, + 'axis-label-text-color': ( + color: ( + 'gray', + 700, + ), + ), ); /// Generates a fluent data-chart schema. diff --git a/sass/themes/schemas/components/light/_combo.scss b/sass/themes/schemas/components/light/_combo.scss index eb974eee..cac0ea92 100644 --- a/sass/themes/schemas/components/light/_combo.scss +++ b/sass/themes/schemas/components/light/_combo.scss @@ -21,7 +21,7 @@ /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 900)] - The combo toggle button foreground color when the combo is focused. /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100)] - The combo toggle button background color when the combo is disabled. /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The combo toggle button foreground color when the combo is disabled. -/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 300)] The combo toggle button background color when the combo is focused in material border and line variants. +/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 300)] The combo toggle button background color when the combo is focused in border and line variants. /// @prop {Color} clear-button-background [transparent] - The combo clear button background color. /// @prop {Map} clear-button-foreground [contrast-color: ('gray', 100)] - The combo toggle clear foreground color. /// @prop {Map} clear-button-foreground-focus [contrast-color: ('gray', 100)] - The combo clear button foreground color when the combo is focused. @@ -276,15 +276,25 @@ $bootstrap-combo: extend( /// Generates an indigo combo schema. /// @type {Map} +/// @prop {Map} empty-list-placeholder-color [color: ('gray', 600)] - The combo placeholder text color. /// @prop {Color} clear-button-background-focus [transparent] - The combo clear button background color when the combo is focused. /// @prop {Map} clear-button-foreground [color: ('gray', 600)] - The combo toggle clear foreground color. /// @prop {Map} clear-button-foreground-focus [color: ('gray', 600)] - The combo clear button foreground color when the combo is focused. -/// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 300)] - The combo toggle button foreground color when the combo is disabled. +/// @prop {Map} toggle-button-background [color: transparent] - The combo toggle button background color. +/// @prop {Map} toggle-button-background-focus [transparent] - The combo toggle button background color when the combo is focused. +/// @prop {Map} toggle-button-background-focus--border [transparent] The combo toggle button background color when the combo is focused. /// @prop {Color} toggle-button-background-disabled [transparent] - The combo toggle button background color when the combo is disabled. +/// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 300)] - The combo toggle button foreground color when the combo is disabled. /// @requires {Map} $light-combo $indigo-combo: extend( $light-combo, ( + empty-list-placeholder-color: ( + color: ( + 'gray', + 600, + ), + ), clear-button-background-focus: transparent, clear-button-foreground: ( color: ( @@ -298,12 +308,15 @@ $indigo-combo: extend( 600, ), ), + toggle-button-background: transparent, + toggle-button-background-focus: transparent, + toggle-button-background-focus--border: transparent, + toggle-button-background-disabled: transparent, toggle-button-foreground-disabled: ( color: ( 'gray', 300, ), ), - toggle-button-background-disabled: transparent, ) ); diff --git a/sass/themes/schemas/components/light/_select.scss b/sass/themes/schemas/components/light/_select.scss index 1b9f93a6..93f1a937 100644 --- a/sass/themes/schemas/components/light/_select.scss +++ b/sass/themes/schemas/components/light/_select.scss @@ -18,7 +18,7 @@ /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 900)] - The select toggle button foreground color when the select is filled. /// @prop {Map} toggle-button-background-disabled [color: ('gray', 100] - The select toggle button background color when the select is disabled. /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The select toggle button foreground color when the select is disabled. -/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 300)] The select toggle button background color when the select is focused in material border and line variants. +/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 300)] - The select toggle button background color when the select is focused in material border and line variants. /// @prop {Number} default-size [2] - The default size used for the select component. $light-select: ( toggle-button-background-focus--border: ( @@ -151,12 +151,18 @@ $bootstrap-select: extend( /// Generates an indigo select schema. /// @type {Map} +/// @prop {Map} toggle-button-background [transparent] - The select toggle button background color. +/// @prop {Map} toggle-button-background-focus [transparent] - The select toggle button background color when the select is focused. +/// @prop {Map} toggle-button-background-focus--border [transparent] - The select toggle button background color when the select is focused. /// @prop {Color} toggle-button-background-disabled [transparent] - The select toggle button background color when the select is disabled. /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 300)] - The select toggle button foreground color when the select is disabled. /// @requires {Map} $light-select $indigo-select: extend( $light-select, ( + toggle-button-background: transparent, + toggle-button-background-focus: transparent, + toggle-button-background-focus--border: transparent, toggle-button-background-disabled: transparent, toggle-button-foreground-disabled: ( color: (