igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates the base dark grid schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} content-background [color: 'surface'] - The table body background color.
 /// @prop {Map} drop-area-background [color: ('gray', 100, .4)] - The drop area background color.
 /// @prop {Map} header-border-color [color: ('gray', 200, .24)] - The color used for header borders.
@@ -17,9 +17,12 @@
 /// @prop {Map} header-selected-text-color [contrast-color: ('secondary', 600)] - The table header text color when selected (ex. column selection).
 /// @prop {Map} row-border-color [color: ('gray', 200, .24)] - The row bottom border color.
 /// @prop {Map} row-hover-background [color: ('gray', 100)] - The hover row background color.
+/// @prop {Map} body-column-hover-border-color [color: ('gray', 100)] - The border color used for the body columns.
 /// @prop {Map} row-hover-text-color [contrast-color: ('gray', 100)] - The hover row text color.
 /// @prop {Map} row-selected-background [color: ('secondary', 'A700')] - The selected row background color.
 /// @prop {Map} row-selected-hover-background [color: ('secondary', 'A400')] - The selected row background color on hover.
+/// @prop {Map} body-column-selected-border-color [color: ('secondary', A700)] - The border color used for the body column when in group-row state.
+/// @prop {Map} body-column-hover-selected-border-color [color: ('secondary', A400)] - The border color used for the body column when in group-row + hover state.
 /// @prop {Map} row-selected-text-color [contrast-color: ('secondary', 'A700')] - The selected row text color.
 /// @prop {Map} row-selected-hover-text-color [contrast-color: ('secondary', 'A400')] - The selected row hover text color.
 /// @prop {Map} row-highlight [color: ('secondary', 500)] - The highlight color of a row.
@@ -96,6 +99,13 @@ $base-dark-grid: (
         ),
     ),
 
+    body-column-hover-border-color: (
+        color: (
+            'gray',
+            100,
+        ),
+    ),
+
     row-selected-background: (
         color: (
             'secondary',
@@ -110,6 +120,20 @@ $base-dark-grid: (
         ),
     ),
 
+    body-column-selected-border-color: (
+        color: (
+            'secondary',
+            'A700',
+        ),
+    ),
+
+    body-column-hover-selected-border-color: (
+        color: (
+            'secondary',
+            'A400',
+        ),
+    ),
+
     row-selected-text-color: (
         contrast-color: (
             'secondary',
@@ -201,12 +225,12 @@ $base-dark-grid: (
 );
 
 /// Generates a dark material grid schema based on a mix of $material-grid and $base-dark-grid.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-text-color [color: ('gray', 800, .7)] - The table header text color.
 /// @prop {Map} group-label-column-name-text [color: ('primary', 500)] - The grid group row column name text color.
 /// @prop {Map} group-label-icon [color: ('primary', 500)] - The grid group row icon color.
 /// @prop {Map} group-count-text-color [color: ('gray', 600)] - The grid group row cont badge text color.
-/// @prop {Map} summaries-patch-background [color: ('gray', 50)] - The leading summaries patch backround. Used in hierarchical grids.
+/// @prop {Map} summaries-patch-background [color: ('gray', 50)] - The leading summaries patch background. Used in hierarchical grids.
 /// @requires $material-grid
 /// @requires $base-dark-grid
 $dark-material-grid: extend(
@@ -252,12 +276,16 @@ $dark-material-grid: extend(
 );
 
 /// Generates a dark fluent grid schema based on a mix of $fluent-grid and $base-dark-grid.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-selected-background [color: ('gray', 200)] - The table header background color when selected (ex. column selection).
 /// @prop {Map} header-selected-text-color [contrast-color: ('gray', 200)] - The table header text color when selected (ex. column selection).
 /// @prop {Map} row-selected-background [color: ('gray', 100)] - The selected row background color.
 /// @prop {Map} row-selected-hover-background [color: ('gray', 200)] - The selected row background color on hover.
+/// @prop {Map} body-column-selected-border-color [color: ('gray', 100)] - The border color used for the body column when in group-row state.
+/// @prop {Map} body-column-hover-selected-border-color [color: ('gray', 200)] - The border color used for the body column when in group-row + hover state.
 /// @prop {Map} row-selected-hover-text-color [contrast-color: ('gray', 200)] - The selected row hover text color.
+/// @prop {Map} body-column-selected-border-color [color: ('gray', 100)] - The border color used for the body column when in group-row state.
+/// @prop {Map} body-column-hover-selected-border-color [color: ('gray', 200)] - The border color used for the body column when in group-row + hover state.
 /// @prop {Map} cell-selected-within-background [color: ('gray', 200)] - The background of the selected cell inside a selected row/column.
 /// @prop {Map} cell-selected-within-text-color [contrast-color: ('gray', 200)] - The color of the selected cell inside a selected row/column.
 /// @prop {Map} group-row-background [color: ('gray', 100, .5)] - The grid group row background color.
@@ -290,13 +318,6 @@ $dark-fluent-grid: extend(
             ),
         ),
 
-        row-selected-background: (
-            color: (
-                'gray',
-                100,
-            ),
-        ),
-
         row-selected-hover-text-color: (
             contrast-color: (
                 'gray',
@@ -318,6 +339,13 @@ $dark-fluent-grid: extend(
             ),
         ),
 
+        row-selected-background: (
+            color: (
+                'gray',
+                100,
+            ),
+        ),
+
         row-selected-hover-background: (
             color: (
                 'gray',
@@ -325,6 +353,20 @@ $dark-fluent-grid: extend(
             ),
         ),
 
+        body-column-selected-border-color: (
+            color: (
+                'gray',
+                100,
+            ),
+        ),
+
+        body-column-hover-selected-border-color: (
+            color: (
+                'gray',
+                200,
+            ),
+        ),
+
         group-row-background: (
             color: (
                 'gray',
@@ -343,7 +385,7 @@ $dark-fluent-grid: extend(
 );
 
 /// Generates a dark bootstrap grid schema based on a mix of $bootstrap-grid and $base-dark-grid.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} group-count-text-color [color: ('gray', 600)] - The grid group row cont badge text color.
 /// @prop {Map} group-label-icon [color: ('primary', 300)] - The grid group row icon color.
 /// @prop {Map} group-label-column-name-text [color: ('primary', 300)] - The grid group row column name text color.
@@ -421,10 +463,10 @@ $dark-bootstrap-grid: extend(
 );
 
 /// Generates a dark indigo grid schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} content-text-color [contrast-color: ('gray', 50, .8)] - The table body text color.
 /// @prop {Map} header-border-color [color: ('gray', 200)] - The color used for header borders.
-/// @prop {MAp} header-text-color [contrast-color: ('gray', 50, .9)] - The table header text color.
+/// @prop {Map} header-text-color [contrast-color: ('gray', 50, .9)] - The table header text color.
 /// @prop {Map} header-selected-background [color: ('primary', 900)] - The table header background color when selected (ex. column selection).
 /// @prop {Map} header-selected-text-color [contrast-color: ('gray' 50)] - The table header text color when selected (ex. column selection).
 /// @prop {Map} filtering-header-background [color: ('gray', 100)] - The background color of the filtered column header.
@@ -434,6 +476,7 @@ $dark-bootstrap-grid: extend(
 /// @prop {Map} drop-area-icon-color [contrast-color: ('gray', 50, .6)] - The drop area icon color.
 /// @prop {Map} row-border-color [color: ('gray', 100)] - The row bottom border color.
 /// @prop {Map} row-hover-background [color: ('primary', 100)] - The hover row background color.
+/// @prop {Map} body-column-hover-border-color [color: ('gray', 100)] - The border color used for the body columns.
 /// @prop {Map} row-hover-text-color [contrast-color: ('gray', 50)] - The hover row text color.
 /// @prop {Map} row-selected-background [color: ('primary', 900)] - The selected row background color.
 /// @prop {Map} row-selected-text-color [contrast-color: ('primary', 900)] - The selected row text color.

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

@@ -10,7 +10,7 @@
 /// Generates a base dark grid-toolbar schema.
 /// @property {Map} resting-background [color: ('gray', 200)] - The background color used for the highlight in its resting state.
 /// @property {Map} resting-color [contrast-color: ('gray', 200)] - The icon color used for the highlight in its resting state.
-/// @type {Map}
+/// @type Map
 $dark-base-highlight: (
     resting-background: (
         color: (
@@ -33,27 +33,27 @@ $dark-base-highlight: (
 );
 
 /// Generates a dark material highlight schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-highlight
 /// @requires $dark-base-highlight
 $dark-material-highlight: extend($material-highlight, $dark-base-highlight);
 
 /// Generates a dark highlight schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-highlight
 /// @requires $dark-base-highlight
 $dark-highlight: extend($light-highlight, $dark-base-highlight);
 
 /// Generates a dark fluent highlight schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-highlight
 /// @requires $dark-base-highlight
 $dark-fluent-highlight: extend($fluent-highlight, $dark-base-highlight);
 
 /// Generates a dark bootstrap highlight schema.
-/// @type {Map}
+/// @type Map
 /// @property {Map} active-background [color: ('primary', A100)] - The background color used for the highlight in its active state.
-/// @property {Map} active-color [contrast-color: ('primary', A100) - The text color used for the highlight in its active state.
+/// @property {Map} active-color [contrast-color: ('primary', A100)] - The text color used for the highlight in its active state.
 /// @requires $bootstrap-highlight
 /// @requires $dark-base-highlight
 $dark-bootstrap-highlight: extend(
@@ -77,7 +77,7 @@ $dark-bootstrap-highlight: extend(
 );
 
 /// Generates a dark indigo highlight schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-highlight
 /// @requires $dark-base-highlight
 $dark-indigo-highlight: extend($indigo-highlight, $dark-base-highlight);

package/sass/themes/schemas/components/dark/_icon-button.scss

@@ -10,7 +10,7 @@
 
 /// Base light icon-button schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-icon-button: (
     _meta: (
         variant: 'dark',
@@ -18,19 +18,19 @@ $dark-icon-button: (
 );
 
 /// Generates a dark material flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $material-flat-icon-button
+/// @type Map
+/// @requires $material-flat-icon-button
 $material-flat-icon-button-dark: extend($material-flat-icon-button, $dark-icon-button);
 
 /// Generates a dark material contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 900, .24)] - The background color of the material contained icon button.
 /// @prop {Map} hover-background [color: ('gray', 900, .32)] - The hover background color of the material contained icon button.
 /// @prop {Map} focus-background [color: ('gray', 900, .4)] - The focus background color of the material contained icon button.
 /// @prop {Map} focus-hover-background [color: ('gray', 900, .44)] - The background color on focus hovered state of the material contained icon button.
 /// @prop {Map} active-background [color: ('gray', 900, .5)] - The active background color of the material contained icon button.
 /// @prop {Map} disabled-background [color: ('gray', 900, .16)] - The disabled background color of the material contained icon button.
-/// @requires {Map} $material-contained-icon-button
+/// @requires $material-contained-icon-button
 $material-contained-icon-button-dark: extend(
     $material-contained-icon-button,
     $dark-icon-button,
@@ -81,22 +81,22 @@ $material-contained-icon-button-dark: extend(
 );
 
 /// Generates a dark material outlined icon button schema.
-/// @type {Map}
-/// @requires {Map} $material-outlined-icon-button
+/// @type Map
+/// @requires $material-outlined-icon-button
 $material-outlined-icon-button-dark: extend($material-outlined-icon-button, $dark-icon-button);
 
 /// Generates a dark material icon button schema.
-/// @type {Map}
-/// @requires {Map} $material-flat-icon-button-dark
-/// @requires {Map} $material-outlined-icon-button-dark
-/// @requires {Map} $material-contained-icon-button-dark
+/// @type Map
+/// @requires $material-flat-icon-button-dark
+/// @requires $material-outlined-icon-button-dark
+/// @requires $material-contained-icon-button-dark
 $dark-material-icon-button: (
     flat: $material-flat-icon-button-dark,
     outlined: $material-outlined-icon-button-dark,
     contained: $material-contained-icon-button-dark,
 );
 
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-background [color: ('gray', 50)] - The hover background color of the fluent icon button.
 /// @prop {Map} focus-border-color [color: ('gray', 400)] - The focus border color of the fluent dark icon button.
 /// @prop {Map} focus-hover-background [color: ('gray', 50)] - The background color on focus hovered state of the icon button.
@@ -143,14 +143,14 @@ $fluent-base-icon-button-dark: (
 );
 
 /// Generates a dark fluent flat icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} foreground [color: ('primary', 300)] - The idle text color of the fluent icon button.
 /// @prop {Map} hover-foreground [color: ('primary', 200)] - The hover text color of the fluent icon button.
 /// @prop {Map} focus-foreground [color: ('primary', 300)] - The focus text color of the fluent icon button.
 /// @prop {Map} focus-hover-foreground [color: ('primary', 200)] - The foreground color on focus hovered state of the icon button.
 /// @prop {Map} active-foreground [color: ('primary', 100)] - The active text color of the fluent icon button.
-/// @requires {Map} $fluent-flat-icon-button
-/// @requires {Map} $fluent-base-icon-button-dark
+/// @requires $fluent-flat-icon-button
+/// @requires $fluent-base-icon-button-dark
 $fluent-flat-icon-button-dark: extend(
     $fluent-flat-icon-button,
     $fluent-base-icon-button-dark,
@@ -190,7 +190,7 @@ $fluent-flat-icon-button-dark: extend(
 );
 
 /// Generates a dark fluent contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('primary', 300)] - The background color of the fluent dark contained icon button.
 /// @prop {Map} foreground [contrast-color: ('primary', 300)] - The idle text color of the fluent dark contained icon button.
 /// @prop {Map} hover-background [color: ('primary', 200)] - The hover background color of the fluent dark contained icon button.
@@ -202,8 +202,8 @@ $fluent-flat-icon-button-dark: extend(
 /// @prop {Map} active-background [color: ('primary', 100)] - The active background color of the fluent dark contained icon button.
 /// @prop {Map} active-foreground [contrast-color: ('primary', 300)] - The active text color of the fluent dark contained icon button.
 /// @prop {Map} focus-border-color [contrast-color: ('primary', 300)] - The focus border color of the fluent dark contained icon button.
-/// @requires {Map} $fluent-contained-icon-button
-/// @requires {Map} $fluent-base-icon-button-dark
+/// @requires $fluent-contained-icon-button
+/// @requires $fluent-base-icon-button-dark
 $fluent-contained-icon-button-dark: extend(
     $fluent-contained-icon-button,
     $fluent-base-icon-button-dark,
@@ -279,11 +279,11 @@ $fluent-contained-icon-button-dark: extend(
 );
 
 /// Generates a dark fluent outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 400)] - The border color of the fluent outlined icon button.
 /// @prop {Map} disabled-border-color [color: ('gray', 100)] - The disabled focused border color of an outlined icon button.
-/// @requires {Map} $fluent-outlined-icon-button
-/// @requires {Map} $fluent-base-icon-button-dark
+/// @requires $fluent-outlined-icon-button
+/// @requires $fluent-base-icon-button-dark
 $fluent-outlined-icon-button-dark: extend(
     $fluent-outlined-icon-button,
     $fluent-base-icon-button-dark,
@@ -305,10 +305,10 @@ $fluent-outlined-icon-button-dark: extend(
 );
 
 /// Generates a dark fluent icon button schema.
-/// @type {Map}
-/// @requires {Map} $fluent-flat-icon-button-dark
-/// @requires {Map} $fluent-outlined-icon-button-dark
-/// @requires {Map} $fluent-contained-icon-button-dark
+/// @type Map
+/// @requires $fluent-flat-icon-button-dark
+/// @requires $fluent-outlined-icon-button-dark
+/// @requires $fluent-contained-icon-button-dark
 $dark-fluent-icon-button: (
     flat: $fluent-flat-icon-button-dark,
     outlined: $fluent-outlined-icon-button-dark,
@@ -316,25 +316,25 @@ $dark-fluent-icon-button: (
 );
 
 /// Generates a dark bootstrap flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-flat-icon-button
+/// @type Map
+/// @requires $bootstrap-flat-icon-button
 $bootstrap-flat-icon-button-dark: extend($bootstrap-flat-icon-button, $dark-icon-button);
 
 /// Generates a dark bootstrap contained icon button schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-contained-icon-button
+/// @type Map
+/// @requires $bootstrap-contained-icon-button
 $bootstrap-contained-icon-button-dark: extend($bootstrap-contained-icon-button, $dark-icon-button);
 
 /// Generates a dark bootstrap outlined icon button schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-outlined-icon-button
+/// @type Map
+/// @requires $bootstrap-outlined-icon-button
 $bootstrap-outlined-icon-button-dark: extend($bootstrap-outlined-icon-button, $dark-icon-button);
 
 /// Generates a dark bootstrap icon button schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-flat-icon-button-dark
-/// @requires {Map} $bootstrap-outlined-icon-button-dark
-/// @requires {Map} $bootstrap-contained-icon-button-dark
+/// @type Map
+/// @requires $bootstrap-flat-icon-button-dark
+/// @requires $bootstrap-outlined-icon-button-dark
+/// @requires $bootstrap-contained-icon-button-dark
 $dark-bootstrap-icon-button: (
     flat: $bootstrap-flat-icon-button-dark,
     outlined: $bootstrap-outlined-icon-button-dark,
@@ -353,7 +353,7 @@ $dark-bootstrap-icon-button: (
 /// @prop {Map} active-foreground [contrast-color: ('primary', 500)] - The active text color of the indigo icon button.
 /// @prop {Map} disabled-foreground [contrast-color: ('gray', 50, .2)] - The disabled foreground color of the indigo icon button.
 /// @prop {Map} shadow-color [contrast-color: ('primary', 500, 0.2)] - The shadow color of the indigo icon button.
-/// @type {Map}
+/// @type Map
 $indigo-base-icon-button-dark: (
     foreground: (
         contrast-color: (
@@ -432,15 +432,15 @@ $indigo-base-icon-button-dark: (
 );
 
 /// Generates a dark indigo flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $indigo-flat-icon-button
+/// @type Map
+/// @requires $indigo-flat-icon-button
 $indigo-flat-icon-button-dark: extend($indigo-flat-icon-button, $indigo-base-icon-button-dark, $dark-icon-button);
 
 /// Generates a dark indigo outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [contrast-color: ('primary', 500, 0.6)] - The border color of the indigo outlined icon button.
 /// @prop {Map} disabled-border-color [contrast-color: ('primary', 500, 0.2)] - The disabled border color of the indigo outlined icon button.
-/// @requires {Map} $indigo-outlined-icon-button
+/// @requires $indigo-outlined-icon-button
 $indigo-outlined-icon-button-dark: extend(
     $indigo-outlined-icon-button,
     $indigo-base-icon-button-dark,
@@ -464,12 +464,12 @@ $indigo-outlined-icon-button-dark: extend(
 );
 
 /// Generates a dark indigo contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-background [color: ('primary', 400)] - The hover background color of the indigo icon button.
 /// @prop {Map} focus-hover-background [color: ('primary', 400)] - The background color on focus hovered state of the icon button.
 /// @prop {Map} focus-border-color [contrast-color: ('primary', 400, .5)] - The focus border color of the indigo icon button.
 /// @prop {Map} active-background [color: ('primary', 400)] - The active background color of the indigo contained icon button.
-/// @requires {Map} $indigo-contained-icon-button
+/// @requires $indigo-contained-icon-button
 $indigo-contained-icon-button-dark: extend(
     $indigo-contained-icon-button,
     $indigo-base-icon-button-dark,
@@ -504,10 +504,10 @@ $indigo-contained-icon-button-dark: extend(
 );
 
 /// Generates a dark indigo icon button schema.
-/// @type {Map}
-/// @requires {Map} $indigo-flat-icon-button-dark
-/// @requires {Map} $indigo-outlined-icon-button-dark
-/// @requires {Map} $indigo-contained-icon-button-dark
+/// @type Map
+/// @requires $indigo-flat-icon-button-dark
+/// @requires $indigo-outlined-icon-button-dark
+/// @requires $indigo-contained-icon-button-dark
 $dark-indigo-icon-button: (
     flat: $indigo-flat-icon-button-dark,
     outlined: $indigo-outlined-icon-button-dark,

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark icon schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-icon: (
     _meta: (
         name: 'icon',
@@ -19,12 +19,12 @@ $dark-base-icon: (
 );
 
 /// Generates a dark material icon schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-icon
 $dark-material-icon: extend($material-icon, $dark-base-icon);
 
 /// Generates a dark fluent icon schema.
-/// @type {Map}
+/// @type Map
 /// @property {Map} disabled-color [color: ('gray' 500)] - The icon color.
 /// @requires $fluent-icon
 $dark-fluent-icon: extend(
@@ -41,11 +41,11 @@ $dark-fluent-icon: extend(
 );
 
 /// Generates a dark bootstrap icon schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-icon
 $dark-bootstrap-icon: extend($bootstrap-icon, $dark-base-icon);
 
 /// Generates a dark indigo icon schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-icon
 $dark-indigo-icon: extend($indigo-icon, $dark-base-icon);

package/sass/themes/schemas/components/dark/_input-group.scss

@@ -11,7 +11,7 @@
 
 /// Generates a base dark input-group schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-input-group: (
     _meta: (
         name: 'input-group',
@@ -20,7 +20,7 @@ $dark-base-input-group: (
 );
 
 /// Generates a dark material input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} box-background [color: ('gray', 200, .38)] - The background color of an input group of type box.
 /// @prop {Map} box-background-hover [color: ('gray', 200, .38)] - The background color of an input group of type box on hover.
 /// @prop {Map} box-background-focus [color: ('gray', 300, .38)] - The background color of an input group of type box on focus.
@@ -61,7 +61,7 @@ $dark-material-input-group: extend(
 );
 
 /// Generates a dark fluent input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} idle-secondary-color [color: ('gray', 800)] - The label color in the idle state.
 /// @prop {Map} disabled-text-color [color: ('gray', 300)] - The input text color in the disabled state.
 /// @prop {Map} input-prefix-color [color: ('gray', 400)] - The text color of an input prefix of type line, box and border.
@@ -225,12 +225,12 @@ $dark-fluent-input-group: extend(
 );
 
 /// Generates a dark bootstrap input-group schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-input-group
 $dark-bootstrap-input-group: extend($bootstrap-input-group, $dark-base-input-group);
 
 /// Generates a dark indigo input-group schema,
-/// @type {Map}
+/// @type Map
 /// @prop {Map} input-prefix-color [contrast-color: ('gray', 50, .6)] - The text color of an input prefix of type line, box and border.
 /// @prop {Map} input-suffix-color [contrast-color: ('gray', 50, .6)] - The text color of an input suffix of type line, box and border.
 /// @prop {Map} input-prefix-color--filled [contrast-color: ('gray', 50, .6)] - The input prefix color in the filled state.
@@ -256,7 +256,7 @@ $dark-bootstrap-input-group: extend($bootstrap-input-group, $dark-base-input-gro
 /// @prop {Map} helper-text-color [contrast-color: ('gray', 50, .8)] - The color used for helper text.
 /// @prop {Map} text-error-color [contrast-color: ('gray', 50, .8)] - The color used for the error message.
 /// @requires $indigo-input-group
-/// @requires {Map} $dark-indigo-validator
+/// @requires $dark-indigo-validator
 $dark-indigo-input-group: extend(
     $indigo-input-group,
     $dark-indigo-validator,

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark label schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-label: (
     _meta: (
         name: 'label',
@@ -18,12 +18,12 @@ $dark-base-label: (
 );
 
 /// Generates a dark material label schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-label
 $dark-material-label: extend($material-label, $dark-base-label);
 
 /// Generates a dark fluent label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 800)] - The label color.
 /// @prop {Map} disabled-color [color: ('gray', 300)] - The label color in disabled state.
 /// @requires $fluent-label
@@ -47,12 +47,12 @@ $dark-fluent-label: extend(
 );
 
 /// Generates a dark bootstrap label schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-label
 $dark-bootstrap-label: extend($bootstrap-label, $dark-base-label);
 
 /// Generates a dark indigo label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [contrast-color: ('primary', 500, .6)] - The label color.
 /// @prop {Map} disabled-color [contrast-color: ('primary', 500, .2)] - The label color in disabled state.
 $dark-indigo-label: extend(

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark list schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-background-hover [color: ('gray', 100)] - The list item hover background.
 /// @prop {Map} item-background-active [color: ('gray', 100)] - The active list item background color.
 /// @prop {Map} item-background-selected [color: ('gray', 100)] - The selected list item background color.
@@ -41,13 +41,13 @@ $base-dark-list: (
 );
 
 /// Generates a dark material list schema based.
-/// @type {Map}
+/// @type Map
 /// @requires $material-list
 /// @requires $base-dark-list
 $dark-material-list: extend($material-list, $base-dark-list);
 
 /// Generates a dark fluent list schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-text-color [color: ('secondary', 500)] - The list header text color.
 /// @requires $fluent-list
 /// @requires $base-dark-list
@@ -65,7 +65,7 @@ $dark-fluent-list: extend(
 );
 
 /// Generates a dark bootstrap list schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 100)] - The list border color.
 /// @prop {Map} item-background [color: ('gray', 50)] - The list item background color.
 /// @prop {Map} item-background-hover [color: ('gray', 100)] - The list item hover background.
@@ -130,7 +130,7 @@ $dark-bootstrap-list: extend(
 );
 
 /// Generates a dark indigo list schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-text-color [contrast-color: ('gray', 50, .6)] - The list header text color.
 /// @prop {Map} item-background-hover [color: ('primary', 400, .3)] - The list item hover background.
 /// @prop {Map} item-background-active [color: ('primary')] - The active list item background color.

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark navbar schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-navbar: (
     _meta: (
         name: 'navbar',
@@ -18,7 +18,7 @@ $dark-base-navbar: (
 );
 
 /// Generates a dark material navbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('primary', 800)] - The navbar background color.
 /// @prop {Color} border-color [transparent] - The navbar border color.
 /// @prop {Map} text-color [contrast-color: ('primary', 800)] - The navbar text color.
@@ -43,17 +43,17 @@ $dark-material-navbar: extend(
 );
 
 /// Generates a dark fluent navbar schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-navbar
 $dark-fluent-navbar: extend($fluent-navbar, $dark-base-navbar);
 
 /// Generates a dark bootstrap navbar schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-navbar
 $dark-bootstrap-navbar: extend($bootstrap-navbar, $dark-base-navbar);
 
 /// Generates a dark indigo navbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} text-color [contrast-color: ('gray', 100)] - The navbar text color.
 /// @prop {Map} idle-icon-color [contrast-color: ('gray', 100, 0.8)] - The navbar idle icon color.
 /// @prop {Map} hover-icon-color [contrast-color: ('gray', 100)] - The navbar hover icon color.