igniteui-theming 25.0.1 → 25.0.2

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

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

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('gray', 700)] - The color for date range separator label.
 /// @prop {Map} ranges-background [color: 'surface'] - The background color for the predefined ranges area.
 /// @prop {Map} ranges-border [color: ('gray', 200)] - The border color for the predefined ranges area.
@@ -48,9 +48,9 @@ $light-date-range-picker: (
 );
 
 /// Generates a material date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {List} size [(rem(40px), rem(48px), rem(56px))] - The size used for the input group.
-/// @requires {Map} $light-date-range-picker
+/// @requires $light-date-range-picker
 $material-date-range-picker: extend(
     $light-date-range-picker,
     (
@@ -69,9 +69,9 @@ $material-date-range-picker: extend(
 );
 
 /// Generates a fluent date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {List} size [(rem(32px), rem(40px), rem(48px))] - The size used for the input group.
-/// @requires {Map} $light-date-range-picker
+/// @requires $light-date-range-picker
 $fluent-date-range-picker: extend(
     $light-date-range-picker,
     (
@@ -90,11 +90,11 @@ $fluent-date-range-picker: extend(
 );
 
 /// Generates a bootstrap date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} ranges-border [color: ('gray', 300)] - The border color for the predefined ranges area.
 /// @prop {List} size [(rem(32px), rem(38px), rem(48px))] - The size used for the input group.
 /// @prop {Map} typography [label: (value: 'body-1')] - The typography styles used for the component.
-/// @requires {Map} $light-date-range-picker
+/// @requires $light-date-range-picker
 $bootstrap-date-range-picker: extend(
     $light-date-range-picker,
     (
@@ -126,12 +126,12 @@ $bootstrap-date-range-picker: extend(
 );
 
 /// Generates an indigo date-range-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('gray', 600)] - The color for date range separator label.
 /// @prop {Map} ranges-background [contrast-color: ('primary', 500)] - The background color for the predefined ranges area.
 /// @prop {Map} ranges-border [color: ('gray', 400)] - The border color for the predefined ranges area.
 /// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the input group.
-/// @requires {Map} $light-date-range-picker
+/// @requires $light-date-range-picker
 $indigo-date-range-picker: extend(
     $light-date-range-picker,
     (

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

@@ -9,7 +9,7 @@
 ////
 
 /// Generates a light dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: 'surface'] - The dialog background color.
 /// @prop {Map} title-color [color: ('gray', 900)] - The dialog title text color.
 /// @prop {Map} message-color [color: ('gray', 600)] - The dialog message text color.
@@ -18,11 +18,8 @@
 /// @prop {Number} elevation [24] - The elevation level, between 0-24, to be used for the dialog.
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(36px))] - The border radius used for dialog.
 /// @prop {Number} default-size [2] - The default size used for the dialog component.
-/// @prop {Map} typography [
-///  title: (value: 'h5'),
-///  content: (value: 'body-1')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $default-elevation-dialog
+/// @prop {Map} typography [title: (value: 'h5'), content: (value: 'body-1')] - The typography styles used for the component.
+/// @requires $default-elevation-dialog
 $light-dialog: extend(
     $default-elevation-dialog,
     (
@@ -81,12 +78,9 @@ $light-dialog: extend(
 );
 
 /// Generates a material dialog schema.
-/// @type {Map}
-/// @prop {Map} typography [
-///  title: (value: 'h6'),
-///  content: (value: 'body-1')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-dialog
+/// @type Map
+/// @prop {Map} typography [title: (value: 'h6'), content: (value: 'body-1')] - The typography styles used for the component.
+/// @requires $light-dialog
 $material-dialog: extend(
     $light-dialog,
     (
@@ -105,14 +99,11 @@ $material-dialog: extend(
 );
 
 /// Generates a fluent dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {List} border-radius [(rem(2px), rem(0), rem(36px))] - The border radius used for dialog.
 /// @prop {Map} message-color [color: ('gray', 700)] - The dialog message text color.
-/// @prop {Map} typography [
-///  title: (value: 'h6'),
-///  content: (value: 'body-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-dialog
+/// @prop {Map} typography [title: (value: 'h6'), content: (value: 'body-2')] - The typography styles used for the component.
+/// @requires $light-dialog
 $fluent-dialog: extend(
     $light-dialog,
     (
@@ -144,11 +135,11 @@ $fluent-dialog: extend(
 );
 
 /// Generates a bootstrap dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 300)] - The border color for dialog component.
 /// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the dialog.
-/// @requires {Map} $light-dialog
-/// @requires {Map} $bootstrap-elevation-dialog
+/// @requires $light-dialog
+/// @requires $bootstrap-elevation-dialog
 $bootstrap-dialog: extend(
     $light-dialog,
     $bootstrap-elevation-dialog,
@@ -166,10 +157,10 @@ $bootstrap-dialog: extend(
 );
 
 /// Generates an indigo dialog schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} message-color [color: ('gray', 700)] - The dialog message text color.
 /// @prop {List} border-radius [(rem(10px), rem(0), rem(36px))] - The border radius used for dialog.
-/// @requires {Map} $light-dialog
+/// @requires $light-dialog
 $indigo-dialog: extend(
     $light-dialog,
     (

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light divider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 300)] - The color used for the divider.
 /// @prop {number} inset [0] - The inset value of the divider.
 $light-divider: (
@@ -26,8 +26,8 @@ $light-divider: (
 );
 
 /// Generates a material divider schema.
-/// @type {Map}
-/// @requires {Map} $light-divider
+/// @type Map
+/// @requires $light-divider
 $material-divider: extend(
     $light-divider,
     (
@@ -38,8 +38,8 @@ $material-divider: extend(
 );
 
 /// Generates a fluent divider schema.
-/// @type {Map}
-/// @requires {Map} $light-divider
+/// @type Map
+/// @requires $light-divider
 $fluent-divider: extend(
     $light-divider,
     (
@@ -50,7 +50,7 @@ $fluent-divider: extend(
 );
 
 /// Generates a bootstrap divider schema.
-/// @type {Map}
+/// @type Map
 $bootstrap-divider: extend(
     $light-divider,
     (
@@ -61,7 +61,7 @@ $bootstrap-divider: extend(
 );
 
 /// Generates an indigo divider schema.
-/// @type {Map}
+/// @type Map
 $indigo-divider: extend(
     $light-divider,
     (

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} accent-color [null] - Sets the pinned header background color, the joystick background and border colors, as well as the context menu background color.
 /// @prop {Color} active-color [color: 'primary'] - Sets the active text and border colors for tabs, panes, and menus.
 /// @prop {Color} background-color [null] - Sets the base dock manager color as well as the pane headers and tabs background colors.
@@ -197,7 +197,7 @@ $light-dock-manager: (
 );
 
 /// Generates a material dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} context-menu-background-active [null] - Sets the background color for active context menus.
 /// @prop {Color} context-menu-color-active [contrast-color: 'surface'] - Sets the text color for active context menus.
 /// @prop {Color} context-menu-color [null] - Sets the text color for context menus.
@@ -207,7 +207,7 @@ $light-dock-manager: (
 /// @prop {Color} tab-background [null] - Sets the background color for tabs.
 /// @prop {Color} tab-text [null] - Sets the text color for tabs.
 /// @prop {Color} tab-text-active [null] - Sets the text color for active tabs.
-/// @requires {Map} $light-dock-manager
+/// @requires $light-dock-manager
 $material-dock-manager: extend(
     $light-dock-manager,
     (
@@ -239,7 +239,7 @@ $material-dock-manager: extend(
 );
 
 /// Generates a fluent dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} context-menu-background-active [color: ('gray', 200)] - Sets the background color for active context menus.
 /// @prop {Color} context-menu-color-active [color: ('gray', 800)] - Sets the text color for active context menus.
 /// @prop {Color} context-menu-color [color: ('gray', 800)] - Sets the text color for active context menus.
@@ -249,11 +249,11 @@ $material-dock-manager: extend(
 /// @prop {Color} joystick-icon-color [color: ('gray', 800)] - Sets the color for the joystick icons.
 /// @prop {Color} joystick-icon-color-active [color: ('gray', 800)] - Sets the color of the active joystick icons.
 /// @prop {Color} pane-header-background [color: ('gray', 100)] - Sets the background color for pane headers.
-/// @prop {Color} splitter-background [color: ('gray', 100) - Sets the background color for the splitters.
+/// @prop {Color} splitter-background [color: ('gray', 100)] - Sets the background color for the splitters.
 /// @prop {Color} tab-border-color [color: 'surface'] - Sets the border color for tabs.
 /// @prop {Color} tab-border-color-active [color: 'surface'] - Sets the border color for active tabs.
 /// @prop {Color} tab-text-active [color: 'primary'] - Sets the text color for active tabs.
-/// @requires {Map} $light-dock-manager
+/// @requires $light-dock-manager
 $fluent-dock-manager: extend(
     $light-dock-manager,
     (
@@ -346,7 +346,7 @@ $fluent-dock-manager: extend(
 );
 
 /// Generates a bootstrap dock-manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} button-text [color: 'primary'] - Sets the button text color.
 /// @prop {Color} context-menu-background [color: 'surface'] - Sets the background color for context menus.
 /// @prop {Color} context-menu-color-active [color: 'surface'] - Sets the text color for active context menus.
@@ -360,7 +360,7 @@ $fluent-dock-manager: extend(
 /// @prop {Color} tab-border-color [color: 'surface'] - Sets the border color for tabs.
 /// @prop {Color} tab-text-active [color: ('gray', 800)] - Sets the text color for active tabs.
 /// @prop {Color} tab-text [color: 'primary'] - Sets the text color for tabs.
-/// @requires {Map} $light-dock-manager
+/// @requires $light-dock-manager
 $bootstrap-dock-manager: extend(
     $light-dock-manager,
     (
@@ -457,7 +457,7 @@ $bootstrap-dock-manager: extend(
 /// @prop {Color} tab-background [color: ('gray', 100)] - Sets the background color for tabs.
 /// @prop {Color} tab-text-active [color: ('gray', 900)] - Sets the text color for active tabs.
 /// @prop {Color} text-color [color: ('gray', 900)] - Sets the text color for most elements in the dock manager. Used as the default joystick icon color.
-/// @requires {Map} $light-dock-manager
+/// @requires $light-dock-manager
 $indigo-dock-manager: extend(
     $light-dock-manager,
     (

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

@@ -11,7 +11,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a light drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 300)] - The border color used for drop-down component.
 /// @prop {Map} background-color [color: 'surface'] - The drop-down background color.
 /// @prop {Map} header-text-color [color: ('secondary', 500)] - The drop-down header text color.
@@ -32,12 +32,8 @@
 /// @prop {List} item-border-radius [(rem(0), rem(0), rem(20px))] - The border radius used for the drop-down items.
 /// @prop {List} size [(rem(28px), rem(32px), rem(40px))] - The size used for the dropdown item height.
 /// @prop {Number} default-size [2] - The default size used for the drop down component.
-/// @prop {Map} typography [
-///   header: (value: 'overline'),
-///   item: (value: 'body-2'),
-///   select-item: (value: 'body-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $default-elevation-drop-down
+/// @prop {Map} typography [header: (value: 'overline'), item: (value: 'body-2'), select-item: (value: 'body-2')] - The typography styles used for the component.
+/// @requires $default-elevation-drop-down
 $light-drop-down: extend(
     $default-elevation-drop-down,
     (
@@ -154,7 +150,7 @@ $light-drop-down: extend(
 );
 
 /// Generates a material drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} selected-item-background [color: ('secondary', 100)] - The drop-down selected item background color.
 /// @prop {Map} selected-item-text-color [contrast-color: ('secondary', 100)] - The drop-down selected item text color.
 /// @prop {Map} selected-item-icon-color [contrast-color: ('secondary', 100)] - The drop-down selected item icon color.
@@ -163,8 +159,8 @@ $light-drop-down: extend(
 /// @prop {Map} selected-hover-item-icon-color [contrast-color: ('secondary', 200)] - The drop-down selected item hover icon color.
 /// @prop {Map} selected-focus-item-background [color: ('secondary', 200)] - The drop-down selected item focus background color.
 /// @prop {Map} selected-focus-item-text-color [contrast-color: ('secondary', 200)] - The drop-down selected item focus text color.
-/// @requires {Map} $light-drop-down
-/// @requires {Map} $default-elevation-drop-down
+/// @requires $light-drop-down
+/// @requires $default-elevation-drop-down
 $material-drop-down: extend(
     $light-drop-down,
     $default-elevation-drop-down,
@@ -225,7 +221,7 @@ $material-drop-down: extend(
 );
 
 /// Generates a fluent drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} focused-item-background [color: 'surface'] - The drop-down focused item background color.
 /// @prop {Map} selected-item-background [color: ('gray', 200)] - The drop-down selected item background color.
 /// @prop {Map} selected-item-text-color [color: ('gray', 900)] - The drop-down selected item text color.
@@ -238,13 +234,9 @@ $material-drop-down: extend(
 /// @prop {Map} border-color [color: ('gray', 700)] - The border color used for the drop-down items on focus state.
 /// @prop {Number} elevation [3] - The elevation level, between 0-24, to be used for the drop-down shadow.
 /// @prop {List} border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for drop-down component.
-/// @prop {Map} typography [
-///   header: (value: 'subtitle-2'),
-///   item: (value: 'body-2'),
-///   select-item: (value: 'body-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-drop-down
-/// @requires {Map} $fluent-elevation-drop-down
+/// @prop {Map} typography [header: (value: 'subtitle-2'), item: (value: 'body-2'), select-item: (value: 'body-2')] - The typography styles used for the component.
+/// @requires $light-drop-down
+/// @requires $fluent-elevation-drop-down
 $fluent-drop-down: extend(
     $light-drop-down,
     $fluent-elevation-drop-down,
@@ -333,7 +325,7 @@ $fluent-drop-down: extend(
 );
 
 /// Generates a bootstrap drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-text-color [color: ('gray', 700)] - The drop-down header text color.
 /// @prop {Map} hover-item-background [color: ('gray', 200)] - The drop-down hover item background color.
 /// @prop {Map} focused-item-background [color: ('gray', 200)] - The drop-down focused item background color.
@@ -347,8 +339,8 @@ $fluent-drop-down: extend(
 /// @prop {Map} disabled-item-text-color [color: ('gray', 400)] - The drop-down disabled item text color.
 /// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the drop-down shadow.
 /// @prop {Number} border-width [1px] - The border width used for drop-down component.
-/// @requires {Map} $light-drop-down
-/// @requires {Map} $bootstrap-elevation-drop-down
+/// @requires $light-drop-down
+/// @requires $bootstrap-elevation-drop-down
 $bootstrap-drop-down: extend(
     $light-drop-down,
     $bootstrap-elevation-drop-down,
@@ -427,7 +419,7 @@ $bootstrap-drop-down: extend(
 );
 
 /// Generates an indigo drop-down schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-color [contrast-color: ('gray', 900)] - The drop-down background color.
 /// @prop {Map} header-text-color [color: ('gray', 600)] - The drop-down header text color.
 /// @prop {Map} item-icon-color [color: ('gray', 600)] - The drop-down item icon color.
@@ -450,8 +442,8 @@ $bootstrap-drop-down: extend(
 /// @prop {List} item-border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for the drop-down items.
 /// @prop {Number} border-width [1px] - The border width used for drop-down component.
 /// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the dropdown item height.
-/// @requires {Map} $light-drop-down
-/// @requires {Map} $indigo-elevation-drop-down
+/// @requires $light-drop-down
+/// @requires $indigo-elevation-drop-down
 $indigo-drop-down: extend(
     $light-drop-down,
     $indigo-elevation-drop-down,

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light expansion panel schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-background [color: ('surface')] - The panel header background color.
 /// @prop {Map} body-background [color: ('surface')] - The panel body background color.
 /// @prop {Map} header-focus-background [color: ('gray', 100)] - The panel header focus background color.
@@ -20,11 +20,7 @@
 /// @prop {Map} disabled-description-color [color: ('gray', 500)] - The panel disabled header description text color.
 /// @prop {List} border-radius [(rem(0), rem(0), rem(16px))] - The border radius used for expansion-panel.
 /// @prop {Number} expanded-margin [8px] - The expansion panel margin in expanded state when positioned inside accordion.
-/// @prop {Map} typography [
-///   title: (value: 'h5'),
-///   description: (value: 'subtitle-2'),
-///   body: (value: 'body-2')
-/// ] - The typography styles used for the component.
+/// @prop {Map} typography [title: (value: 'h5'), description: (value: 'subtitle-2'), body: (value: 'body-2')] - The typography styles used for the component.
 $light-expansion-panel: (
     header-background: (
         color: (
@@ -113,8 +109,8 @@ $light-expansion-panel: (
 );
 
 /// Generates a material expansion panel schema.
-/// @type {Map}
-/// @requires {Map} $light-expansion-panel
+/// @type Map
+/// @requires $light-expansion-panel
 $material-expansion-panel: extend(
     $light-expansion-panel,
     (
@@ -125,16 +121,12 @@ $material-expansion-panel: extend(
 );
 
 /// Generates a fluent expansion panel schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} body-color [color: ('gray', 700)] - The panel body text color.
 /// @prop {Map} disabled-text-color [color: ('gray', 400)] - The panel disabled text color.
 /// @prop {Map} disabled-description-color [color: ('gray', 400)] - The panel disabled header description text color.
-/// @prop {Map} typography [
-///   title: (value: 'subtitle-1'),
-///   description: (value: 'body-2'),
-///   body: (value: 'caption')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-expansion-panel
+/// @prop {Map} typography [title: (value: 'subtitle-1'), description: (value: 'body-2'), body: (value: 'caption')] - The typography styles used for the component.
+/// @requires $light-expansion-panel
 $fluent-expansion-panel: extend(
     $light-expansion-panel,
     (
@@ -178,9 +170,9 @@ $fluent-expansion-panel: extend(
 );
 
 /// Generates a bootstrap expansion panel schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-title-color [color: ('gray', 800)] - The panel header title text color.
-/// @requires {Map} $light-expansion-panel
+/// @requires $light-expansion-panel
 $bootstrap-expansion-panel: extend(
     $light-expansion-panel,
     (
@@ -198,7 +190,7 @@ $bootstrap-expansion-panel: extend(
 );
 
 // Generates an indigo expansion panel schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} header-background [transparent] - The panel header background color.
 /// @prop {Color} body-background [transparent] - The panel body background color.
 /// @prop {Color} header-focus-background [transparent] - The panel header focus background color.
@@ -208,12 +200,8 @@ $bootstrap-expansion-panel: extend(
 /// @prop {Map} body-color [color: ('gray', 700)] - The panel body text color.
 /// @prop {Map} disabled-text-color [color: ('gray', 900, 0.2)] - The panel disabled text color.
 /// @prop {Map} disabled-description-color [color: ('gray', 900, 0.15)] - The panel disabled header description text color.
-/// @prop {Map} typography [
-///   title: (value: 'body-2'),
-///   description: (value: 'body-2'),
-///   body: (value: 'body-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-expansion-panel
+/// @prop {Map} typography [title: (value: 'body-2'), description: (value: 'body-2'), body: (value: 'body-2')] - The typography styles used for the component.
+/// @requires $light-expansion-panel
 $indigo-expansion-panel: extend(
     $light-expansion-panel,
     (

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

@@ -87,7 +87,7 @@ $light-file-input: (
 );
 
 /// Generates a light fluent file input schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-file-input
 $fluent-file-input: extend(
     $light-file-input,

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light grid-filtering schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} menu-background [color: ('surface')] - The idle menu background color.
 /// @prop {Color} toggle-background [transparent] - The idle toggle background color.
 /// @prop {Color} toggle-filtered-background [transparent] - The filtered toggle background color.
@@ -87,8 +87,8 @@ $light-grid-filtering: (
 );
 
 /// Generates a material grid-filtering schema.
-/// @type {Map}
-/// @requires {Map} $light-grid-filtering
+/// @type Map
+/// @requires $light-grid-filtering
 $material-grid-filtering: extend(
     $light-grid-filtering,
     (
@@ -99,8 +99,8 @@ $material-grid-filtering: extend(
 );
 
 /// Generates a fluent grid-filtering schema.
-/// @type {Map}
-/// @requires {Map} $light-grid-filtering
+/// @type Map
+/// @requires $light-grid-filtering
 $fluent-grid-filtering: extend(
     $light-grid-filtering,
     (
@@ -111,8 +111,8 @@ $fluent-grid-filtering: extend(
 );
 
 /// Generates a bootstrap grid-filtering schema.
-/// @type {Map}
-/// @requires {Map} $light-grid-filtering
+/// @type Map
+/// @requires $light-grid-filtering
 $bootstrap-grid-filtering: extend(
     $light-grid-filtering,
     (
@@ -123,8 +123,8 @@ $bootstrap-grid-filtering: extend(
 );
 
 /// Generates an indigo grid-filtering schema.
-/// @type {Map}
-/// @requires {Map} $light-grid-filtering
+/// @type Map
+/// @requires $light-grid-filtering
 $indigo-grid-filtering: extend(
     $light-grid-filtering,
     (