igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,11 +8,11 @@
 ////
 
 /// Generates a light highlight schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} resting-background [color: ('gray', 300)] - The background color used for the highlight in its resting state.
 /// @prop {Map} resting-color [contrast-color: ('gray', 300)] - The icon color used for the highlight in its resting state.
 /// @prop {Map} active-background [color: ('secondary', A100)] - The background color used for the highlight in its active state.
-/// @prop {Map} active-color [contrast-color: ('secondary', A100) - The text color used for the highlight in its active state.
+/// @prop {Map} active-color [contrast-color: ('secondary', A100)] - The text color used for the highlight in its active state.
 $light-highlight: (
     resting-background: (
         color: (
@@ -49,8 +49,8 @@ $light-highlight: (
 );
 
 /// Generates a material highlight schema.
-/// @type {Map}
-/// @requires {Map} $light-highlight
+/// @type Map
+/// @requires $light-highlight
 $material-highlight: extend(
     $light-highlight,
     (
@@ -61,8 +61,8 @@ $material-highlight: extend(
 );
 
 /// Generates a fluent highlight schema.
-/// @type {Map}
-/// @requires {Map} $light-highlight
+/// @type Map
+/// @requires $light-highlight
 $fluent-highlight: extend(
     $light-highlight,
     (
@@ -73,8 +73,8 @@ $fluent-highlight: extend(
 );
 
 /// Generates a bootstrap highlight schema.
-/// @type {Map}
-/// @requires {Map} $light-highlight
+/// @type Map
+/// @requires $light-highlight
 $bootstrap-highlight: extend(
     $light-highlight,
     (
@@ -85,11 +85,11 @@ $bootstrap-highlight: extend(
 );
 
 /// Generates an indigo highlight schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} active-background [color: ('primary', 500)] - The background color used for the highlight in its active state.
 /// @prop {Map} active-color [contrast-color: ('primary', 500)] - The text color used for the highlight in its active state.
 /// @prop {Map} resting-color [contrast-color: ( color: ('gray', 300))] - The icon color used for the highlight in its resting state.
-/// @requires {Map} $light-highlight
+/// @requires $light-highlight
 $indigo-highlight: extend(
     $light-highlight,
     (

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

@@ -9,7 +9,7 @@
 
 /// Base light icon-button schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $light-icon-button: (
     _meta: (
         name: 'icon-button',
@@ -19,7 +19,7 @@ $light-icon-button: (
 
 /// Flat icon-button schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $flat-icon-button: (
     selector: '[igxIconButton="flat"], .igx-icon-button--flat',
     _meta: (
@@ -30,7 +30,7 @@ $flat-icon-button: (
 
 /// Contained icon-button schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $contained-icon-button: (
     selector: '[igxIconButton="contained"], .igx-icon-button--contained',
     _meta: (
@@ -41,7 +41,7 @@ $contained-icon-button: (
 
 /// Outlined icon-button schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $outlined-icon-button: (
     selector: '[igxIconButton="outlined"], .igx-icon-button--outlined',
     _meta: (
@@ -51,7 +51,7 @@ $outlined-icon-button: (
 );
 
 /// Generates a base material icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} shadow-color [transparent] - The shadow color of the material icon button.
 /// @prop {Color} background [transparent] - The background color of the material icon button.
 /// @prop {Map} foreground [color: ('gray', 900)] - The idle text color of the material icon button.
@@ -169,19 +169,19 @@ $material-base-icon-button: (
 );
 
 /// Generates a material flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $material-base-icon-button
+/// @type Map
+/// @requires $material-base-icon-button
 $material-flat-icon-button: extend($light-icon-button, $flat-icon-button, $material-base-icon-button);
 
 /// Generates a material contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 900, .08)] - The background color of the material contained icon button.
 /// @prop {Map} hover-background [color: ('gray', 900, .12)] - The hover background color of the material contained icon button.
 /// @prop {Map} focus-background [color: ('gray', 900, .16)] - The focus background color of the material contained icon button.
 /// @prop {Map} focus-hover-background [color: ('gray', 900, .20)] - The background color on focus hovered state of the material contained icon button.
 /// @prop {Map} active-background [color: ('gray', 900, .24)] - The active background color of the material contained icon button.
 /// @prop {Map} disabled-background [color: ('gray', 900, .04)] - The disabled background color of the material contained icon button.
-/// @requires {Map} $material-base-icon-button
+/// @requires $material-base-icon-button
 $material-contained-icon-button: extend(
     $light-icon-button,
     $contained-icon-button,
@@ -233,11 +233,11 @@ $material-contained-icon-button: extend(
 );
 
 /// Generates a material outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 300)] - The border color of the material outlined icon button.
 /// @prop {Map} focus-border-color [color: ('gray', 300)] - The focus border color of the material outlined icon button.
 /// @prop {Map} disabled-border-color [color: ('gray', 300)] - The disabled border color of the material outlined icon button.
-/// @requires {Map} $material-base-icon-button
+/// @requires $material-base-icon-button
 $material-outlined-icon-button: extend(
     $light-icon-button,
     $outlined-icon-button,
@@ -265,10 +265,10 @@ $material-outlined-icon-button: extend(
 );
 
 /// Generates a light material icon button schema.
-/// @type {Map}
-/// @requires {Map} $material-flat-icon-button
-/// @requires {Map} $material-contained-icon-button
-/// @requires {Map} $material-outlined-icon-button
+/// @type Map
+/// @requires $material-flat-icon-button
+/// @requires $material-contained-icon-button
+/// @requires $material-outlined-icon-button
 $material-icon-button: (
     flat: $material-flat-icon-button,
     contained: $material-contained-icon-button,
@@ -276,7 +276,7 @@ $material-icon-button: (
 );
 
 /// Generates a fluent base icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} shadow-color [transparent] - The shadow color of the fluent icon button.
 /// @prop {Color} background [transparent] - The background color of the fluent icon button.
 /// @prop {Map} foreground [color: ('primary', 500)] - The idle text color of the fluent icon button.
@@ -389,12 +389,12 @@ $fluent-base-icon-button: (
 );
 
 /// Generates a fluent flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $fluent-base-icon-button
+/// @type Map
+/// @requires $fluent-base-icon-button
 $fluent-flat-icon-button: extend($light-icon-button, $flat-icon-button, $fluent-base-icon-button);
 
 /// Generates a fluent contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('primary', 500)] - The background color of the fluent contained icon button.
 /// @prop {Map} foreground [contrast-color: ('primary', 600)] - The idle text color of the fluent contained icon button.
 /// @prop {Map} hover-background [color: ('primary', 600)] - The hover background color of the fluent contained icon button.
@@ -406,7 +406,7 @@ $fluent-flat-icon-button: extend($light-icon-button, $flat-icon-button, $fluent-
 /// @prop {Map} active-background [color: ('primary', 800)] - The active background color of the fluent contained icon button.
 /// @prop {Map} active-foreground [contrast-color: ('primary', 800)] - The active text color of the fluent contained icon button.
 /// @prop {Map} focus-border-color [contrast-color: ('primary', 600)] - The focus border color of the fluent contained icon button.
-/// @requires {Map} $fluent-base-icon-button
+/// @requires $fluent-base-icon-button
 $fluent-contained-icon-button: extend(
     $light-icon-button,
     $contained-icon-button,
@@ -482,7 +482,7 @@ $fluent-contained-icon-button: extend(
 );
 
 /// Generates a fluent outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} foreground [color: ('gray', 900)] - The idle text color of the fluent outlined icon button.
 /// @prop {Map} border-color [color: ('gray', 700)] - The border color of the fluent outlined icon button.
 /// @prop {Map} hover-foreground [color: ('gray', 900)] - The hover text color of the fluent outlined icon button.
@@ -492,7 +492,7 @@ $fluent-contained-icon-button: extend(
 /// @prop {Map} active-foreground [color: ('gray', 900)] - The active text color of the fluent outlined icon button.
 /// @prop {Map} focus-border-color [color: ('gray', 700)] - The focus border color of the fluent outlined icon button.
 /// @prop {Map} disabled-border-color [color: ('gray', 300)] - The disabled border color of the fluent outlined icon button.
-/// @requires {Map} $fluent-base-icon-button
+/// @requires $fluent-base-icon-button
 $fluent-outlined-icon-button: extend(
     $light-icon-button,
     $outlined-icon-button,
@@ -551,10 +551,10 @@ $fluent-outlined-icon-button: extend(
 );
 
 /// Generates a light fluent icon button schema.
-/// @type {Map}
-/// @requires {Map} $fluent-flat-icon-button
-/// @requires {Map} $fluent-contained-icon-button
-/// @requires {Map} $fluent-outlined-icon-button
+/// @type Map
+/// @requires $fluent-flat-icon-button
+/// @requires $fluent-contained-icon-button
+/// @requires $fluent-outlined-icon-button
 $fluent-icon-button: (
     flat: $fluent-flat-icon-button,
     contained: $fluent-contained-icon-button,
@@ -562,7 +562,7 @@ $fluent-icon-button: (
 );
 
 /// Generates a base bootstrap icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} shadow-color [color: ('primary', 600, .5)] - The shadow color of the bootstrap icon button.
 /// @prop {Color} background [transparent] - The background color of the bootstrap icon button.
 /// @prop {Map} foreground [color: ('primary', 500)] - The idle text color of the bootstrap icon button.
@@ -676,7 +676,7 @@ $bootstrap-base-icon-button: (
 );
 
 /// Generates a bootstrap flat icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} hover-background [transparent] - The hover background color of the bootstrap flat icon button.
 /// @prop {Map} hover-foreground [color: ('primary', 600)] - The hover text color of the bootstrap flat icon button.
 /// @prop {Color} focus-background [transparent] - The focus background color of the bootstrap flat icon button.
@@ -685,7 +685,7 @@ $bootstrap-base-icon-button: (
 /// @prop {Map} focus-hover-foreground [color: ('primary', 600)] - The foreground color on focus hovered state of the icon button.
 /// @prop {Color} active-background [transparent] - The active background color of the bootstrap flat icon button.
 /// @prop {Map} active-foreground [color: ('primary', 800)] - The active text color of the bootstrap flat icon button.
-/// @requires {Map} $bootstrap-base-icon-button
+/// @requires $bootstrap-base-icon-button
 $bootstrap-flat-icon-button: extend(
     $light-icon-button,
     $flat-icon-button,
@@ -723,12 +723,12 @@ $bootstrap-flat-icon-button: extend(
 );
 
 /// Generates a bootstrap contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('primary', 500)] - The background color of the bootstrap contained icon button.
 /// @prop {Map} foreground [contrast-color: ('primary', 600)] - The idle text color of the bootstrap contained icon button.
 /// @prop {Map} disabled-background [color: ('primary', 50)] - The disabled background color of the bootstrap contained icon button.
 /// @prop {Map} disabled-foreground [color: ('primary', 200)] - The disabled foreground color of the bootstrap contained icon button.
-/// @requires {Map} $bootstrap-base-icon-button
+/// @requires $bootstrap-base-icon-button
 $bootstrap-contained-icon-button: extend(
     $light-icon-button,
     $contained-icon-button,
@@ -762,12 +762,12 @@ $bootstrap-contained-icon-button: extend(
 );
 
 /// Generates a bootstrap outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('primary', 500)] - The border color of the bootstrap outlined icon button.
 /// @prop {Map} hover-foreground [contrast-color: ('primary', 600)] - The hover text color of the bootstrap outlined icon button.
 /// @prop {Map} focus-border-color [color: ('primary', 800)] - The focus border color of the bootstrap outlined icon button.
 /// @prop {Map} disabled-border-color [color: ('primary', 50)] - The disabled border color of the bootstrap outlined icon button.
-/// @requires {Map} $bootstrap-base-icon-button
+/// @requires $bootstrap-base-icon-button
 $bootstrap-outlined-icon-button: extend(
     $light-icon-button,
     $outlined-icon-button,
@@ -801,10 +801,10 @@ $bootstrap-outlined-icon-button: extend(
 );
 
 /// Generates a light bootstrap icon button schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-flat-icon-button
-/// @requires {Map} $bootstrap-contained-icon-button
-/// @requires {Map} $bootstrap-outlined-icon-button
+/// @type Map
+/// @requires $bootstrap-flat-icon-button
+/// @requires $bootstrap-contained-icon-button
+/// @requires $bootstrap-outlined-icon-button
 $bootstrap-icon-button: (
     flat: $bootstrap-flat-icon-button,
     contained: $bootstrap-contained-icon-button,
@@ -812,7 +812,7 @@ $bootstrap-icon-button: (
 );
 
 /// Generates a base indigo icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} shadow-color [color: ('gray', 900, .15)] - The shadow color of the indigo icon button.
 /// @prop {Color} background [transparent] - The background color of the indigo icon button.
 /// @prop {Map} foreground [color: ('gray', 600)] - The idle text color of the indigo icon button.
@@ -937,15 +937,15 @@ $indigo-base-icon-button: (
 );
 
 /// Generates an indigo flat icon button schema.
-/// @type {Map}
-/// @requires {Map} $indigo-base-icon-button
+/// @type Map
+/// @requires $indigo-base-icon-button
 $indigo-flat-icon-button: extend($light-icon-button, $flat-icon-button, $indigo-base-icon-button);
 
 /// Generates an indigo outlined icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 500)] - The border color of the indigo outlined icon button.
 /// @prop {Map} disabled-border-color [color: ('gray', 900, 0.15)] - The disabled border color of the indigo outlined icon button.
-/// @requires {Map} $indigo-base-icon-button
+/// @requires $indigo-base-icon-button
 $indigo-outlined-icon-button: extend(
     $light-icon-button,
     $outlined-icon-button,
@@ -968,7 +968,7 @@ $indigo-outlined-icon-button: extend(
 );
 
 /// Generates an indigo contained icon button schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} shadow-color [color: ('primary', 400, 0.5)] - The shadow color of the indigo contained icon button.
 /// @prop {Map} background [color: ('primary', 500)] - The background color of the indigo contained icon button.
 /// @prop {Map} foreground [contrast-color: ('primary', 500, .8)] - The idle text color of the indigo contained icon button.
@@ -983,7 +983,7 @@ $indigo-outlined-icon-button: extend(
 /// @prop {Map} active-foreground [contrast-color: ('primary', 500)] - The active background color of the indigo contained icon button.
 /// @prop {Map} disabled-background [color: ('primary', 400, .5)] - The disabled background color of the indigo contained icon button.
 /// @prop {Map} disabled-foreground [contrast-color: ('primary', 500, .3)] - The disabled foreground color of the indigo icon button.
-/// @requires {Map} $indigo-base-icon-button
+/// @requires $indigo-base-icon-button
 $indigo-contained-icon-button: extend(
     $light-icon-button,
     $contained-icon-button,
@@ -1083,10 +1083,10 @@ $indigo-contained-icon-button: extend(
 );
 
 /// Generates a light indigo icon button schema.
-/// @type {Map}
-/// @requires {Map} $indigo-flat-icon-button
-/// @requires {Map} $indigo-contained-icon-button
-/// @requires {Map} $indigo-outlined-icon-button
+/// @type Map
+/// @requires $indigo-flat-icon-button
+/// @requires $indigo-contained-icon-button
+/// @requires $indigo-outlined-icon-button
 $indigo-icon-button: (
     flat: $indigo-flat-icon-button,
     contained: $indigo-contained-icon-button,

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a light icon schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} color ["'currentColor'"] - The icon color.
 /// @prop {Color} disabled-color ["'currentColor'"] - The disabled icon color.
 /// @prop {List} size [(rem(18px), rem(20px), rem(24px))] - The size used for the icon.
@@ -31,8 +31,8 @@ $light-icon: (
 );
 
 /// Generates a material icon schema.
-/// @type {Map}
-/// @requires {Map} $light-icon
+/// @type Map
+/// @requires $light-icon
 $material-icon: extend(
     $light-icon,
     (
@@ -43,8 +43,8 @@ $material-icon: extend(
 );
 
 /// Generates a fluent icon schema.
-/// @type {Map}
-/// @requires {Map} $light-icon
+/// @type Map
+/// @requires $light-icon
 $fluent-icon: extend(
     $light-icon,
     (
@@ -55,8 +55,8 @@ $fluent-icon: extend(
 );
 
 /// Generates a bootstrap icon schema.
-/// @type {Map}
-/// @requires {Map} $light-icon
+/// @type Map
+/// @requires $light-icon
 $bootstrap-icon: extend(
     $light-icon,
     (
@@ -67,9 +67,9 @@ $bootstrap-icon: extend(
 );
 
 /// Generates an indigo icon schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} disabled-color [color: ('gray', 400)] - The disabled icon color.
-/// @requires {Map} $light-icon
+/// @requires $light-icon
 $indigo-icon: extend(
     $light-icon,
     (

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

@@ -11,7 +11,7 @@
 ////
 
 /// Generates a base light input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} input-prefix-color [color: ('gray', 700)] - The text color of an input prefix of type line, box and border.
 /// @prop {Color} input-prefix-background [transparent] - The background color of an input prefix of type line, box and border.
 /// @prop {Map} input-suffix-color [color: ('gray', 700)] - The text color of an input suffix of type line, box and border.
@@ -64,11 +64,8 @@
 /// @prop {Color} input-suffix-background--focused [inherit] - The background color of an input suffix in the focused state.
 /// @prop {List} size [(rem(40px), rem(48px), rem(56px))] - The size used for the input group.
 /// @prop {Number} default-size [2] - The default size used for the input group component.
-/// @prop {Map} typography [
-///   helper-text: (value: 'caption'),
-///   input-text: (value: 'body-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-validator
+/// @prop {Map} typography [helper-text: (value: 'caption'), input-text: (value: 'body-2')] - The typography styles used for the component.
+/// @requires $light-validator
 $light-input-group: extend(
     $light-validator,
     (
@@ -337,7 +334,7 @@ $light-input-group: extend(
 );
 
 /// Generates a material input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Number} search-resting-elevation [1] - The elevation level, between 0-24, to be used for the resting state of the search input.
 /// @prop {Number} search-hover-elevation [2] - The elevation level, between 0-24, to be used for the hover state of the search input.
 /// @prop {Number} search-disabled-elevation [1] - The elevation level, between 0-24, to be used for the disabled state of the search input.
@@ -346,12 +343,9 @@ $light-input-group: extend(
 /// @prop {Map} border-color [color: ('gray', 500)] - The border color for input groups of type border and fluent.
 /// @prop {Map} hover-border-color [color: ('gray', 800)] - The hover input border for input groups of type border and fluent.
 /// @prop {Map} disabled-border-color [color: ('gray', 500)] - The disabled border color for input groups of type border and fluent.
-/// @prop {Map} typography [
-///   helper-text: (value: 'caption'),
-///   input-text: (value: 'subtitle-1')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-input-group
-/// @requires {Map} $default-elevation-input-group
+/// @prop {Map} typography [helper-text: (value: 'caption'), input-text: (value: 'subtitle-1')] - The typography styles used for the component.
+/// @requires $light-input-group
+/// @requires $default-elevation-input-group
 $material-input-group: extend(
     $light-input-group,
     $default-elevation-input-group,
@@ -395,7 +389,7 @@ $material-input-group: extend(
 );
 
 /// Generates a fluent input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} idle-secondary-color [color: ('gray', 900)] - The label color in the idle state.
 /// @prop {Map} idle-text-color [color: ('gray', 900)] - The input text color in the idle state.
 /// @prop {Map} border-color [color: ('gray', 700)] - The border color for input groups of type border and fluent.
@@ -418,8 +412,8 @@ $material-input-group: extend(
 /// @prop {Map} input-suffix-background-filled [color: ('gray', 100)] - The background color of an input suffix in the filled state.
 /// @prop {Map} input-suffix-background--focused [color: ('gray', 100)] - The background color of an input suffix in the focused state.
 /// @prop {List} size [(rem(32px), rem(40px), rem(48px))] - The size used for the input group.
-/// @requires {Map} $light-input-group
-/// @requires {Map} $fluent-elevation-input-group
+/// @requires $light-input-group
+/// @requires $fluent-elevation-input-group
 $fluent-input-group: extend(
     $light-input-group,
     $fluent-elevation-input-group,
@@ -549,7 +543,7 @@ $fluent-input-group: extend(
 );
 
 /// Generates a bootstrap input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Number} search-resting-elevation [0] - The elevation level, between 0-24, to be used for the resting state of the search input.
 /// @prop {Number} search-hover-elevation [0] - The elevation level, between 0-24, to be used for the hover state of the search input.
 /// @prop {Number} search-disabled-elevation [0] - The elevation level, between 0-24, to be used for the disabled state of the search input.
@@ -570,12 +564,9 @@ $fluent-input-group: extend(
 /// @prop {Map} input-suffix-background-filled [color: ('gray', 300)] - The background color of an input suffix in the filled state.
 /// @prop {Map} input-suffix-background--focused [color: ('gray', 300)] - The background color of an input suffix in the focused state.
 /// @prop {List} size [(rem(32px), rem(38px), rem(48px))] - The size used for the input group.
-/// @prop {Map} typography [
-///   helper-text: (value: 'body-2'),
-///   input-text: (value: 'body-1')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-input-group
-/// @requires {Map} $bootstrap-elevation-input-group
+/// @prop {Map} typography [helper-text: (value: 'body-2'), input-text: (value: 'body-1')] - The typography styles used for the component.
+/// @requires $light-input-group
+/// @requires $bootstrap-elevation-input-group
 $bootstrap-input-group: extend(
     $light-input-group,
     $bootstrap-elevation-input-group,
@@ -675,7 +666,7 @@ $bootstrap-input-group: extend(
 );
 
 /// Generates an indigo input-group schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} input-prefix-color [color: ('gray', 600)] - The text color of an input prefix of type line, box and border.
 /// @prop {Map} input-suffix-color [color: ('gray', 600)] - The text color of an input suffix of type line, box and border.
 /// @prop {Map} input-prefix-color--filled [color: ('gray', 600)] - The input prefix color in the filled state.
@@ -708,8 +699,8 @@ $bootstrap-input-group: extend(
 /// @prop {List} border-border-radius [(rem(0), rem(0), rem(20px))] - The border radius used for border input.
 /// @prop {List} search-border-radius [(rem(2px), rem(0), rem(20px))] - The border radius used for search input.
 /// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the input group.
-/// @requires {Map} $light-input-group
-/// @requires {Map} $indigo-elevation-input-group
+/// @requires $light-input-group
+/// @requires $indigo-elevation-input-group
 $indigo-input-group: extend(
     $indigo-validator,
     $light-input-group,

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

@@ -7,7 +7,7 @@
 ////
 
 /// Generates a base light label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 700)] - The label color.
 /// @prop {Map} disabled-color [color: ('gray', 500)] - The label color in disabled state.
 $light-label: (
@@ -30,9 +30,9 @@ $light-label: (
 );
 
 /// Generates a light material label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} typography [label: (value: 'subtitle-1')] - The typography styles used for the component.
-/// @requires {Map} $light-label
+/// @requires $light-label
 $material-label: extend(
     $light-label,
     (
@@ -48,10 +48,10 @@ $material-label: extend(
 );
 
 /// Generates a light fluent label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 900)] - The label color.
 /// @prop {Map} typography [label: (value: 'subtitle-2')] - The typography styles used for the component.
-/// @requires {Map} $light-label
+/// @requires $light-label
 $fluent-label: extend(
     $light-label,
     (
@@ -73,10 +73,10 @@ $fluent-label: extend(
 );
 
 /// Generates a light bootstrap label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} disabled-color [color: ('gray', 400)] - The label color in disabled state.
 /// @prop {Map} typography [label: (value: 'body-1')] - The typography styles used for the component.
-/// @requires {Map} $light-label
+/// @requires $light-label
 $bootstrap-label: extend(
     $light-label,
     (
@@ -98,7 +98,7 @@ $bootstrap-label: extend(
 );
 
 /// Generates a light indigo label schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 600)] - The label color.
 /// @prop {Map} disabled-color [color: ('gray', 900, .2)] - The label color in disabled state.
 /// @prop {Map} typography [label: (value: 'caption')] - The typography styles used for the component.