igniteui-theming 25.0.0 → 25.0.2

package/sass/themes/schemas/components/dark/_combo.scss

@@ -11,7 +11,7 @@
 
 /// Generates a base dark combo schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-combo: (
     _meta: (
         name: 'combo',
@@ -20,10 +20,10 @@ $dark-base-combo: (
 );
 
 /// Generates a dark material combo schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-background [color: ('gray', 100)] - The combo toggle button background color.
 /// @prop {Map} toggle-button-background-focus [color: ('gray', 200)] - The combo toggle button background color when the combo is focused.
-/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 100)] The combo toggle button background color when the combo is focused in border and line variants.
+/// @prop {Map} toggle-button-background-focus--border [color: ('gray', 100)] - The combo toggle button background color when the combo is focused in border and line variants.
 /// @requires $material-combo
 /// @requires $dark-base-combo
 $dark-material-combo: extend(
@@ -52,7 +52,7 @@ $dark-material-combo: extend(
 );
 
 /// Generates a dark fluent combo schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} clear-button-background [color: ('gray', 50)] - The combo clear button background color.
 /// @prop {Map} clear-button-background-focus [color: ('gray', 50)] - The combo clear button background color when the combo is focused.
 /// @prop {Map} clear-button-foreground [color: ('gray', 400)] - The combo toggle clear foreground color.
@@ -133,7 +133,7 @@ $dark-fluent-combo: extend(
 );
 
 /// Generates a dark bootstrap combo schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-combo
 /// @requires $dark-base-combo
 $dark-bootstrap-combo: extend($bootstrap-combo, $dark-base-combo);
@@ -145,7 +145,7 @@ $dark-bootstrap-combo: extend($bootstrap-combo, $dark-base-combo);
 /// @prop {Map} toggle-button-foreground-focus [contrast-color: ('gray', 100, .8)] - The combo toggle button foreground color when the combo is focused.
 /// @prop {Map} toggle-button-foreground-filled [contrast-color: ('gray', 100, .6)] - The combo toggle button foreground color when the combo is focused.
 /// @prop {Map} toggle-button-foreground-disabled [contrast-color: ('gray', 100, .2)] - The combo toggle button foreground color when the combo is disabled.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-combo
 /// @requires $dark-base-combo
 $dark-indigo-combo: extend(

package/sass/themes/schemas/components/dark/_date-picker.scss

@@ -9,9 +9,9 @@
 ////
 
 /// Generates a dark material date-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @requires {Map} $dark-material-base
+/// @requires $dark-material-base
 $dark-material-date-picker: extend(
     $dark-material-base,
     (
@@ -25,9 +25,9 @@ $dark-material-date-picker: extend(
 );
 
 /// Generates a dark fluent date-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Мap} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @requires {Map} $dark-fluent-base
+/// @requires $dark-fluent-base
 $dark-fluent-date-picker: extend(
     $dark-fluent-base,
     (
@@ -41,14 +41,14 @@ $dark-fluent-date-picker: extend(
 );
 
 /// Generates a dark bootstrap date-picker schema.
-/// @type {Map}
-/// @requires {Map} $dark-bootstrap-base
+/// @type Map
+/// @requires $dark-bootstrap-base
 $dark-bootstrap-date-picker: $dark-bootstrap-base;
 
 /// Generates an dark indigo date-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Мап} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @requires {Map} $dark-indigo-base
+/// @requires $dark-indigo-base
 $dark-indigo-date-picker: extend(
     $dark-indigo-base,
     (

package/sass/themes/schemas/components/dark/_date-range-picker.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark date-range-picker schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-date-range-picker: (
     _meta: (
         variant: 'dark',
@@ -17,7 +17,7 @@ $dark-base-date-range-picker: (
 );
 
 /// Generates a dark material date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} ranges-border [color: ('gray', 100)] - The border color for the predefined ranges area.
 /// @requires $material-date-range-picker
 /// @requires $dark-base-date-range-picker
@@ -35,7 +35,7 @@ $dark-material-date-range-picker: extend(
 );
 
 /// Generates a dark fluent date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} ranges-border [color: ('gray', 100)] - The border color for the predefined ranges area.
 /// @requires $fluent-date-range-picker
 /// @requires $dark-base-date-range-picker
@@ -53,13 +53,13 @@ $dark-fluent-date-range-picker: extend(
 );
 
 /// Generates a dark bootstrap date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-date-range-picker
 /// @requires $dark-base-date-range-picker
 $dark-bootstrap-date-range-picker: extend($bootstrap-date-range-picker, $dark-base-date-range-picker);
 
 /// Generates a dark indigo date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [contrast-color: ('primary', 500, 0.6)] - The color for date range separator label.
 /// @prop {Map} ranges-background [color: ('gray', 50)] - The background color for the predefined ranges area.
 /// @prop {Map} ranges-border [color: ('gray', 100)] - The border color for the predefined ranges area.

package/sass/themes/schemas/components/dark/_dialog.scss

@@ -9,7 +9,7 @@
 ////
 
 /// Generates a base dark dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} message-color [color: ('gray', 500)] - The dialog message text color.
 $base-dark-dialog: (
     message-color: (
@@ -26,13 +26,13 @@ $base-dark-dialog: (
 );
 
 /// Generates a dark material dialog schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-dialog
 /// @requires $base-dark-dialog
 $dark-material-dialog: extend($material-dialog, $base-dark-dialog);
 
 /// Generates a dark fluent dialog schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-dialog
 $dark-fluent-dialog: extend(
     $fluent-dialog,
@@ -44,7 +44,7 @@ $dark-fluent-dialog: extend(
 );
 
 /// Generates a dark bootstrap dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 300)] - The border color for dialog component.
 /// @requires $bootstrap-dialog
 /// @requires $base-dark-dialog
@@ -62,7 +62,7 @@ $dark-bootstrap-dialog: extend(
 );
 
 /// Generates a dark indigo dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 50)] - The dialog background color.
 /// @prop {Number} elevation [23] - The elevation level, between 0-24, to be used for the dialog.
 /// @requires $indigo-dialog

package/sass/themes/schemas/components/dark/_divider.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark divider schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-divider: (
     _meta: (
         name: 'divider',
@@ -18,25 +18,25 @@ $dark-base-divider: (
 );
 
 /// Generates a dark material divider schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-divider
 /// @requires $dark-base-divider
 $dark-material-divider: extend($material-divider, $dark-base-divider);
 
 /// Generates a dark fluent divider schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-divider
 /// @requires $dark-base-divider
 $dark-fluent-divider: extend($fluent-divider, $dark-base-divider);
 
 /// Generates a dark bootstrap divider schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-divider
 /// @requires $dark-base-divider
 $dark-bootstrap-divider: extend($bootstrap-divider, $dark-base-divider);
 
 /// Generates a dark indigo divider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 100)] - The color used for the divider.
 /// @requires $indigo-divider
 /// @requires $dark-base-divider

package/sass/themes/schemas/components/dark/_dock-manager.scss

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a dark base dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} dock-background [color: ('gray', 50)] - Sets the background color of the dock manager.
 /// @prop {Color} background-color [color: ('gray', 50)] - Sets the base dock manager color as well as the pane headers and tabs background colors.
 /// @prop {Color} pane-header-background [color: ('gray', 50)] - Sets the background color for pane headers.
@@ -174,19 +174,19 @@ $dark-base-dock-manager: (
 );
 
 /// Generates a dark material dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-dock-manager
 /// @requires $dark-base-dock-manager
 $dark-material-dock-manager: extend($material-dock-manager, $dark-base-dock-manager);
 
 /// Generates a dark dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-dock-manager
 /// @requires $dark-base-dock-manager
 $dark-dock-manager: extend($light-dock-manager, $dark-base-dock-manager);
 
 /// Generates a dark fluent dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} tab-text-active [color: ('primary', 200)] - Sets the text color for active tabs.
 /// @prop {Color} floating-pane-border-color [transparent] - Sets the border color for floating panes.
 /// @prop {Color} joystick-border-color [transparent] - Sets the border color of the joystick.
@@ -217,7 +217,7 @@ $dark-fluent-dock-manager: extend(
 );
 
 /// Generates a dark bootstrap dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} joystick-background [color: ('surface')] - Sets the background color of the joystick.
 /// @prop {Color} joystick-background-active [color: ('gray', 50)] - Sets the background color of the joysticks.
 /// @prop {Color} joystick-icon-color [contrast-color: 'surface'] - Sets the color for the joystick icons.

package/sass/themes/schemas/components/dark/_drop-down.scss

@@ -12,7 +12,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base dark drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} disabled-item-text-color [color: ('gray', 300)] - The drop-down disabled item text color.
 /// @prop {Map} border-color [color: ('gray', 100)] - The border color used for drop-down component.
 $base-dark-drop-down: (
@@ -35,13 +35,13 @@ $base-dark-drop-down: (
 );
 
 /// Generates a dark material drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-drop-down
 /// @requires $base-dark-drop-down
 $dark-material-drop-down: extend($material-drop-down, $base-dark-drop-down);
 
 /// Generates a dark fluent drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-text-color [contrast-color: 'surface'] - The drop-down header text color.
 /// @prop {Map} border-color [color: ('gray', 400)] - The border color used for the drop-down items on focus state.
 /// @prop {Map} disabled-item-text-color [color: ('gray', 200)] - The drop-down disabled item text color.
@@ -71,7 +71,7 @@ $dark-fluent-drop-down: extend(
 );
 
 /// Generates a dark bootstrap drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} disabled-item-text-color [color: ('gray', 200)] - The drop-down disabled item text color.
 /// @requires $bootstrap-drop-down
 $dark-bootstrap-drop-down: extend(
@@ -90,7 +90,7 @@ $dark-bootstrap-drop-down: extend(
 );
 
 /// Generates a dark indigo drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-color [color: ('gray', 50)] - The drop-down background color.
 /// @prop {Map} header-text-color [contrast-color: ('gray', 50, .6)] - The drop-down header text color.
 /// @prop {Map} item-text-color [contrast-color: ('gray', 50, .8)] - The drop-down item text color.

package/sass/themes/schemas/components/dark/_expansion-panel.scss

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a dark expansion panel schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-focus-background [color: ('gray', 100, .3)] - The panel header focus background color.
 $base-dark-expansion-panel: (
     header-focus-background: (
@@ -25,19 +25,19 @@ $base-dark-expansion-panel: (
 );
 
 /// Generates a dark material expansion panel schema based on a mix of $material-expansion-panel and $base-dark-expansion-panel.
-/// @type {Map}
+/// @type Map
 /// @requires $material-expansion-panel
 /// @requires $base-dark-expansion-panel
 $dark-material-expansion-panel: extend($material-expansion-panel, $base-dark-expansion-panel);
 
 /// Generates a dark fluent expansion panel schema based on a mix of $fluent-expansion-panel and $base-dark-expansion-panel.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-expansion-panel
 /// @requires $base-dark-expansion-panel
 $dark-fluent-expansion-panel: extend($fluent-expansion-panel, $base-dark-expansion-panel);
 
 /// Generates a dark bootstrap expansion panel schema based on a mix of $bootstrap-expansion-panel and $base-dark-expansion-panel.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-background [color: ('gray', 50)] - The panel header background color.
 /// @prop {Map} header-description-color [color: ('gray', 600)] - The panel header description text color.
 /// @prop {Map} body-background [color: ('gray', 50)] - The panel body background color.
@@ -71,7 +71,7 @@ $dark-bootstrap-expansion-panel: extend(
 );
 
 /// Generates a dark indigo expansion panel schema.
-/// @type {Map}
+/// @type Map
 ///
 /// @prop {Map} header-title-color [contrast-color: ('gray', 50, 0.9)] - The panel header title text color.
 /// @prop {Map} header-description-color [contrast-color: ('gray', 50, 0.7)] - The panel header description text color.

package/sass/themes/schemas/components/dark/_file-input.scss

@@ -10,7 +10,7 @@
 
 /// Generates a base dark file-input schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-file-input: (
     _meta: (
         name: 'file-input',
@@ -19,7 +19,7 @@ $dark-base-file-input: (
 );
 
 /// Generates a dark fluent combo schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} file-names-foreground--disabled [color: ('gray', 300)] - The file names color when the file input is disabled.
 /// @prop {Map} file-selector-button-foreground--disabled [color: ('gray', 200)] - The selector button foreground color when the file input is disabled.
 /// @requires $fluent-file-input
@@ -43,12 +43,12 @@ $dark-fluent-file-input: extend(
 );
 
 /// Generates a dark bootstrap combo schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-file-input
 $dark-bootstrap-file-input: extend($bootstrap-file-input, $dark-base-file-input);
 
 /// Generates a dark indigo combo schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} file-names-foreground [contrast-color: ('gray', 50, .8)] - The input text color in the idle state.
 /// @prop {Map} file-names-foreground--filled [contrast-color: ('gray', 50, .8)] - The input text color in the filled state.
 /// @prop {Map} file-names-foreground--focused [contrast-color: ('gray', 50)] - The input text color in the focused state.
@@ -104,6 +104,6 @@ $dark-indigo-file-input: extend(
 );
 
 /// Generates a dark material combo schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-file-input
 $dark-material-file-input: extend($material-file-input, $dark-base-file-input);

package/sass/themes/schemas/components/dark/_grid-filtering.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark grid-filtering schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $base-dark-grid-filtering: (
     _meta: (
         variant: 'dark',
@@ -17,21 +17,21 @@ $base-dark-grid-filtering: (
 );
 
 /// Generates a dark material grid-filtering schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-grid-filtering
 $dark-material-grid-filtering: extend($material-grid-filtering, $base-dark-grid-filtering);
 
 /// Generates a dark fluent grid-filtering schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-grid-filtering
 $dark-fluent-grid-filtering: extend($fluent-grid-filtering, $base-dark-grid-filtering);
 
 /// Generates a dark bootstrap grid-filtering schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-grid-filtering
 $dark-bootstrap-grid-filtering: extend($bootstrap-grid-filtering, $base-dark-grid-filtering);
 
 /// Generates a dark indigo grid-filtering schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-grid-filtering
 $dark-indigo-grid-filtering: extend($indigo-grid-filtering, $base-dark-grid-filtering);

package/sass/themes/schemas/components/dark/_grid-summary.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark grid-summary schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $base-dark-grid-summary: (
     _meta: (
         variant: 'dark',
@@ -17,12 +17,12 @@ $base-dark-grid-summary: (
 );
 
 /// Generates a dark material grid-summary schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('primary', 500)] - The summaries label color.
 /// @prop {Map} label-hover-color [color: ('primary', 500)] - The summaries hover label color.
 /// @prop {Map} background-color [color: ('gray', 50)] - The summaries background color.
 /// @prop {Map} result-color [contrast-color: ('gray', 50)] - The summaries value/result color.
-/// @requires {Map} $material-grid-summary
+/// @requires $material-grid-summary
 $dark-material-grid-summary: extend(
     $material-grid-summary,
     $base-dark-grid-summary,
@@ -58,9 +58,9 @@ $dark-material-grid-summary: extend(
 );
 
 /// Generates a dark fluent grid-summary schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('primary', 300)] - The summaries label color.
-/// @requires {Map} $fluent-grid-summary
+/// @requires $fluent-grid-summary
 $dark-fluent-grid-summary: extend(
     $fluent-grid-summary,
     $base-dark-grid-summary,
@@ -75,11 +75,11 @@ $dark-fluent-grid-summary: extend(
 );
 
 /// Generates a dark bootstrap grid-summary schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('primary', 200)] - The summaries label color.
 /// @prop {Map} background-color [color: ('gray', 100)] - The summaries background color.
 /// @prop {Map} result-color [contrast-color: ('gray', 100)] - The summaries value/result color.
-/// @requires {Map} $bootstrap-grid-summary
+/// @requires $bootstrap-grid-summary
 $dark-bootstrap-grid-summary: extend(
     $bootstrap-grid-summary,
     $base-dark-grid-summary,
@@ -108,14 +108,14 @@ $dark-bootstrap-grid-summary: extend(
 );
 
 /// Generates a dark indigo grid-summary schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-color [color: ('surface')] - The summaries background color.
 /// @prop {Map} label-color [color: ('primary', 200)] - The summaries label color.
 /// @prop {Map} label-hover-color [color: ('primary', 200)] - The summaries hover label color.
 /// @prop {Map} result-color [contrast-color: 'surface'] - The summaries value/result color.
 /// @prop {Map} border-color [color: ('gray', 200)] - The summaries border color.
 /// @prop {Map} pinned-border-color [color: ('gray', 200)] - The border color of the summary panel.
-/// @requires {Map} $indigo-grid-summary
+/// @requires $indigo-grid-summary
 $dark-indigo-grid-summary: extend(
     $indigo-grid-summary,
     $base-dark-grid-summary,

package/sass/themes/schemas/components/dark/_grid-toolbar.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark grid-toolbar schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $base-dark-grid-toolbar: (
     _meta: (
         variant: 'dark',
@@ -17,7 +17,7 @@ $base-dark-grid-toolbar: (
 );
 
 /// Generates a dark material grid-toolbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} title-text-color [color: ('gray', 600)] - The toolbar title text color.
 /// @requires $material-grid-toolbar
 $dark-material-grid-toolbar: extend(
@@ -34,7 +34,7 @@ $dark-material-grid-toolbar: extend(
 );
 
 /// Generates a dark fluent grid-toolbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} title-text-color [color: ('gray', 600)] - The toolbar title text color.
 /// @requires $fluent-grid-toolbar
 $dark-fluent-grid-toolbar: extend(
@@ -51,7 +51,7 @@ $dark-fluent-grid-toolbar: extend(
 );
 
 /// Generates a dark bootstrap grid-toolbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} title-text-color [color: ('gray', 600)] - The toolbar title text color.
 /// @requires $bootstrap-grid-toolbar
 $dark-bootstrap-grid-toolbar: extend(
@@ -68,7 +68,7 @@ $dark-bootstrap-grid-toolbar: extend(
 );
 
 /// Generates a dark indigo grid-toolbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 200)] - The toolbar border-bottom color.
 /// @requires $indigo-grid-toolbar
 $dark-indigo-grid-toolbar: extend(