igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base light radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} empty-fill-color [transparent] - The fill of the empty radio.
 /// @prop {Color} hover-color [transparent] - The text color used for the label text.
 /// @prop {Map} label-color [color: ('gray', 900)] - The text color used for the label text.
@@ -82,7 +82,7 @@ $light-radio: (
 );
 
 /// Generates a material radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} focus-outline-color [transparent] - The focus outlined color.
 /// @prop {Map} fill-hover-border-color [color: ('secondary', 500)] - The checked dot border color on hover.
 /// @prop {Map} empty-color [color: ('gray', 600)] - The unchecked border color.
@@ -91,7 +91,7 @@ $light-radio: (
 /// @prop {Map} error-color [color: ('error', 800)] - The label, border and dot color in invalid state.
 /// @prop {Map} error-color-hover [color: ('error', 800)] - The border and dot color in invalid state on hover.
 /// @prop {Map} typography [label: (value: 'subtitle-1')] - The typography styles used for the component.
-/// @requires {Map} $light-radio
+/// @requires $light-radio
 $material-radio: extend(
     $light-radio,
     (
@@ -151,14 +151,14 @@ $material-radio: extend(
 );
 
 /// Generates a fluent radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-color [color: ('gray', 700)] - The border and dot colors on hover.
 /// @prop {Map} fill-hover-border-color [color: ('primary', 800)] - The checked dot border color on hover.
 /// @prop {Map} empty-color [color: ('gray', 900)] - The unchecked border color.
 /// @prop {Map} fill-color-hover [color: ('primary', 800)] - The checked border and dot colors on hover.
 /// @prop {Map} focus-outline-color [color: ('gray', 700)] - The focus outlined color.
 /// @prop {Map} error-color-hover [color: ('error', 700)] - The border and dot color in invalid state on hover.
-/// @requires {Map} $light-radio
+/// @requires $light-radio
 $fluent-radio: extend(
     $light-radio,
     (
@@ -205,7 +205,7 @@ $fluent-radio: extend(
 );
 
 /// Generates a bootstrap radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} empty-color [color: ('gray', 400)] - The unchecked border color.
 /// @prop {Map} empty-fill-color [contrast-color: ('gray', 900)] - The fill of the empty radio.
 /// @prop {Map} hover-color [color: ('gray', 500)] - The border color on hover.
@@ -218,7 +218,7 @@ $fluent-radio: extend(
 /// @prop {Map} focus-outline-color-error [color: ('error', 200, 0.5)] - The focus outline color when radio is invalid.
 /// @prop {Map} error-color-hover [color: ('error', 600)] - The focus outlined color in invalid state.
 /// @prop {Map} typography [label: (value: 'body-1')] - The typography styles used for the component.
-/// @requires {Map} $light-radio
+/// @requires $light-radio
 $bootstrap-radio: extend(
     $light-radio,
     (
@@ -302,7 +302,7 @@ $bootstrap-radio: extend(
 );
 
 /// Generates an indigo radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} empty-color [color: ('gray', 500)] - The unchecked border color.
 /// @prop {Map} label-color [color: ('gray', 800)] - The text color used for the label text.
 /// @prop {Map} hover-color [color: ('gray', 600)] - The hover text color used for the label text.
@@ -315,7 +315,7 @@ $bootstrap-radio: extend(
 /// @prop {Map} disabled-label-color [color: ('gray', 900, .2)] - The disabled label color.
 /// @prop {Map} error-color-hover [color: ('error', 400)] - The focus outlined color in invalid state.
 /// @prop {Map} focus-outline-color-error [color: ('error', 400, 0.5)] - The focus outline color when radio is filled and invalid.
-/// @requires {Map} $light-radio
+/// @requires $light-radio
 $indigo-radio: extend(
     $light-radio,
     (

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

@@ -10,7 +10,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light rating schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('gray', 900)] - sets the color for the label.
 /// @prop {Map} value-label [color: ('gray', 900)] - sets the color for the value label.
 /// @prop {Map} symbol-empty-color [color: ('gray', 600)] - sets the idle color for the symbol when it is a plane text.
@@ -92,9 +92,9 @@ $light-rating: (
 );
 
 /// Generates a material rating schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} value-label [color: ('gray', 700)] - sets the color for the value label.
-/// @requires {Map} $light-rating
+/// @requires $light-rating
 $material-rating: extend(
     $light-rating,
     (
@@ -111,12 +111,12 @@ $material-rating: extend(
 );
 
 /// Generates a fluent rating schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} symbol-empty-color [color: ('gray', 700)] - sets the idle color for the symbol when it is a plane text.
 /// @prop {Map} symbol-full-color [[color: ('warn', 900)] - sets the color in selected state for the symbol when it is a plane text.
 /// @prop {Map} disabled-empty-symbol-color [color: ('warn', 100)] - sets the idle color for the symbol in disabled state when it is a plane text.
 /// @prop {Map} disabled-full-symbol-color [color: ('warn', 100)] - sets the color for the symbol in selected/disabled state when it is a plane text.
-/// @requires {Map} $light-rating
+/// @requires $light-rating
 $fluent-rating: extend(
     $light-rating,
     (
@@ -151,8 +151,8 @@ $fluent-rating: extend(
 );
 
 /// Generates a bootstrap rating schema.
-/// @type {Map}
-/// @requires {Map} $light-rating
+/// @type Map
+/// @requires $light-rating
 $bootstrap-rating: extend(
     $light-rating,
     (
@@ -163,7 +163,7 @@ $bootstrap-rating: extend(
 );
 
 /// Generates an indigo rating schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('gray', 800)] - sets the color for the label.
 /// @prop {Map} value-label [color: ('gray', 800)] - sets the color for the value label.
 /// @prop {Map} symbol-empty-color [color: ('gray', 600)] - sets the idle color for the symbol when it is a plane text.
@@ -173,7 +173,7 @@ $bootstrap-rating: extend(
 /// @prop {Map} disabled-empty-symbol-color [color: ('gray', 500, .4)] - sets the idle color for the symbol in disabled state when it is a plane text.
 /// @prop {Map} disabled-full-symbol-color [color: ('warn', 300, .4)] - sets the color for the symbol in selected/disabled state when it is a plane text.
 /// @prop {List} symbol-size [(rem(18px), rem(24px), rem(30px))] - the size of the symbols.
-/// @requires {Map} $light-rating
+/// @requires $light-rating
 $indigo-rating: extend(
     $light-rating,
     (

package/sass/themes/schemas/components/light/_resize-indicator.scss

@@ -22,8 +22,8 @@ $light-resize-indicator: (
 );
 
 /// Generates a material resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $light-resize-indicator
+/// @type Map
+/// @requires $light-resize-indicator
 $material-resize-indicator: extend(
     $light-resize-indicator,
     (
@@ -34,8 +34,8 @@ $material-resize-indicator: extend(
 );
 
 /// Generates a fluent resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $light-resize-indicator
+/// @type Map
+/// @requires $light-resize-indicator
 $fluent-resize-indicator: extend(
     $light-resize-indicator,
     (
@@ -46,8 +46,8 @@ $fluent-resize-indicator: extend(
 );
 
 /// Generates a bootstrap resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $light-resize-indicator
+/// @type Map
+/// @requires $light-resize-indicator
 $bootstrap-resize-indicator: extend(
     $light-resize-indicator,
     (
@@ -58,8 +58,8 @@ $bootstrap-resize-indicator: extend(
 );
 
 /// Generates an indigo resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $light-resize-indicator
+/// @type Map
+/// @requires $light-resize-indicator
 $indigo-resize-indicator: extend(
     $light-resize-indicator,
     (

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base light ripple schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} color [color: ('gray', 800, .7)] - The color of the ripple.
 $light-ripple: (
     color: (
@@ -25,8 +25,8 @@ $light-ripple: (
 );
 
 /// Generates a material ripple schema.
-/// @type {Map}
-/// @requires {Map} $light-ripple
+/// @type Map
+/// @requires $light-ripple
 $material-ripple: extend(
     $light-ripple,
     (
@@ -37,8 +37,8 @@ $material-ripple: extend(
 );
 
 /// Generates a fluent ripple schema.
-/// @type {Map}
-/// @requires {Map} $light-ripple
+/// @type Map
+/// @requires $light-ripple
 $fluent-ripple: extend(
     $light-ripple,
     (
@@ -49,8 +49,8 @@ $fluent-ripple: extend(
 );
 
 /// Generates a bootstrap ripple schema.
-/// @type {Map}
-/// @requires {Map} $light-ripple
+/// @type Map
+/// @requires $light-ripple
 $bootstrap-ripple: extend(
     $light-ripple,
     (
@@ -61,8 +61,8 @@ $bootstrap-ripple: extend(
 );
 
 /// Generates an indigo ripple schema.
-/// @type {Map}
-/// @requires {Map} $light-ripple
+/// @type Map
+/// @requires $light-ripple
 $indigo-ripple: extend(
     $light-ripple,
     (

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base light scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {String | Number} sb-size [rem(16px)] - The size of the scrollbar.
 /// @prop {String | Number} sb-thumb-min-height [rem(32px)] - The min-height of the thumb.
 /// @prop {Map} sb-thumb-bg-color [color: ('gray', 400)] - The background color of the thumb.
@@ -72,8 +72,8 @@ $light-scrollbar: (
 );
 
 /// Generates a material scrollbar schema.
-/// @type {Map}
-/// @requires {Map} $light-scrollbar
+/// @type Map
+/// @requires $light-scrollbar
 $material-scrollbar: extend(
     $light-scrollbar,
     (
@@ -84,10 +84,10 @@ $material-scrollbar: extend(
 );
 
 /// Generates a fluent scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} sb-thumb-bg-color [color: ('gray', 300)] - The background color used for the thumb.
 /// @prop {Map} sb-thumb-bg-color-hover [color: ('gray', 300)] - The :hover background color of the thumb.
-/// @requires {Map} $light-scrollbar
+/// @requires $light-scrollbar
 $fluent-scrollbar: extend(
     $light-scrollbar,
     (
@@ -110,8 +110,8 @@ $fluent-scrollbar: extend(
 );
 
 /// Generates a bootstrap scrollbar schema.
-/// @type {Map}
-/// @requires {Map} $light-scrollbar
+/// @type Map
+/// @requires $light-scrollbar
 $bootstrap-scrollbar: extend(
     $light-scrollbar,
     (
@@ -122,10 +122,10 @@ $bootstrap-scrollbar: extend(
 );
 
 /// Generates an indigo scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} sb-track-bg-color [color: ('gray', 200)] - The background color used for the track.
 /// @prop {Map} sb-track-bg-color-hover [color: ('gray', 100)] - The :hover background color of the track.
-/// @requires {Map} $light-scrollbar
+/// @requires $light-scrollbar
 $indigo-scrollbar: extend(
     $light-scrollbar,
     (

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

@@ -10,7 +10,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-background [color: ('gray', 300)] - The select toggle button background color.
 /// @prop {Map} toggle-button-background-focus [color: ('gray', 400)] - The select toggle button background color when the select is focused.
 /// @prop {Map} toggle-button-foreground [color: ('gray', 700)] - The select toggle button foreground color.
@@ -77,8 +77,8 @@ $light-select: (
 );
 
 /// Generates a material select schema.
-/// @type {Map}
-/// @requires {Map} $light-select
+/// @type Map
+/// @requires $light-select
 $material-select: extend(
     $light-select,
     (
@@ -89,12 +89,12 @@ $material-select: extend(
 );
 
 /// Generates a fluent select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-background [color: ('gray', 100)] - The select toggle button background color.
 /// @prop {Map} toggle-button-background-focus [color: ('gray', 100)] - The select toggle button background color when the select is focused.
 /// @prop {Map} toggle-button-foreground-focus [color: ('gray', 700)] - The select toggle button foreground color when the select is focused.
 /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 700)] - The select toggle button foreground color when the select is focused.
-/// @requires {Map} $light-select
+/// @requires $light-select
 $fluent-select: extend(
     $light-select,
     (
@@ -129,13 +129,13 @@ $fluent-select: extend(
 );
 
 /// Generates a bootstrap select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-foreground [color: ('gray', 800)] - The select toggle button foreground color.
 /// @prop {Map} toggle-button-background-focus [color: ('gray', 300)] - The select toggle button background color when the select is focused.
 /// @prop {Map} toggle-button-foreground-focus [color: ('gray', 800)] - The select toggle button foreground color when the select is focused.
 /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 800)] - The select toggle button foreground color when the select is focused.
 /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 400)] - The select toggle button foreground color when the select is disabled.
-/// @requires {Map} $light-select
+/// @requires $light-select
 $bootstrap-select: extend(
     $light-select,
     (
@@ -178,7 +178,7 @@ $bootstrap-select: extend(
 );
 
 /// Generates an indigo select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-foreground [color: ('gray', 600)] - The select toggle button foreground color.
 /// @prop {Map} toggle-button-foreground-filled [color: ('gray', 600)] - The select toggle button foreground color when the select is filled.
 /// @prop {Map} toggle-button-foreground-focus [color: ('gray', 700)] - The select toggle button foreground color when the select is focused.
@@ -187,7 +187,7 @@ $bootstrap-select: extend(
 /// @prop {Map} toggle-button-background-focus--border [transparent] - The select toggle button background color when the select is focused.
 /// @prop {Color} toggle-button-background-disabled [transparent] - The select toggle button background color when the select is disabled.
 /// @prop {Map} toggle-button-foreground-disabled [color: ('gray', 900, .2)] - The select toggle button foreground color when the select is disabled.
-/// @requires {Map} $light-select
+/// @requires $light-select
 $indigo-select: extend(
     $light-select,
     (

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

@@ -10,7 +10,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-color [color: ('secondary', 500)] - The color of the track.
 /// @prop {Color} track-step-color [white] - The color of the track steps.
 /// @prop {Number} track-step-size [rem(3px)] - The size of the track steps.
@@ -19,10 +19,7 @@
 /// @prop {Map} label-text-color [contrast-color: ('gray', 700)] - The text color of the bubble label.
 /// @prop {Map} tick-label-color [color: ('gray', 500)] - The color of the tick label.
 /// @prop {Map} tick-color [color: ('gray', 500)] - The background-color of the tick.
-/// @prop {Map} typography [
-///   ticks-label: (value: 'caption'),
-///   thumb-label: (value: 'caption')
-/// ] - The typography styles used for the component.
+/// @prop {Map} typography [ticks-label: (value: 'caption'), thumb-label: (value: 'caption')] - The typography styles used for the component.
 $light-slider: (
     track-color: (
         color: (
@@ -77,7 +74,7 @@ $light-slider: (
 );
 
 /// Generates a material slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} thumb-color [color: ('secondary', 500)] - The color of the thumb.
 /// @prop {Map} thumb-border-color [color: ('secondary', 500)] - The thumb border color.
 /// @prop {Map} thumb-border-hover-color [color: ('secondary', 500)] - The thumb border color when hovered.
@@ -90,7 +87,7 @@ $light-slider: (
 /// @prop {Map} base-track-hover-color [color: ('secondary', 500, .24)] - The base background color of the track on hover.
 /// @prop {Map} disabled-base-track-color [color: ('gray', 200)] - The base background color of the track when is disabled.
 /// @prop {Map} disabled-fill-track-color [color: ('gray', 400)] - The background color of the fill track when is disabled.
-/// @requires {Map} $light-slider
+/// @requires $light-slider
 $material-slider: extend(
     $light-slider,
     (
@@ -170,7 +167,7 @@ $material-slider: extend(
 );
 
 /// Generates a fluent slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-color [color: ('gray', 800)] - The color of the track.
 /// @prop {Map} track-hover-color [color: ('primary', 500)] - The color of the track on hover.
 /// @prop {Map} thumb-color [color: ('surface', 500)] - The color of the thumb.
@@ -184,7 +181,7 @@ $material-slider: extend(
 /// @prop {Map} base-track-hover-color [color: ('gray', 600)] - The base background color of the track on hover.
 /// @prop {Map} disabled-base-track-color [color: ('gray', 100)] - The base background color of the track when is disabled.
 /// @prop {Map} disabled-fill-track-color [color: ('gray', 500)] - The background color of the fill track when is disabled.
-/// @requires {Map} $light-slider
+/// @requires $light-slider
 $fluent-slider: extend(
     $light-slider,
     (
@@ -273,7 +270,7 @@ $fluent-slider: extend(
 );
 
 /// Generates a bootstrap slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} base-track-color [color: ('secondary', 500, .24)] - The base background color of the track.
 /// @prop {Map} base-track-hover-color [color: ('secondary', 500, .24)] - The base background color of the track on hover.
 /// @prop {Map} label-background-color [color: ('gray', 700)] - The background color of the bubble label.
@@ -284,7 +281,7 @@ $fluent-slider: extend(
 /// @prop {Map} thumb-focus-color [color: ('primary', 200)] - The focus outline color of the thumb.
 /// @prop {Map} disabled-thumb-color [color: ('gray', 400)] - The thumb color when its disabled.
 /// @prop {Map} disabled-base-track-color [color: ('gray', 200)] - The base background color of the track when is disabled.
-/// @requires {Map} $light-slider
+/// @requires $light-slider
 $bootstrap-slider: extend(
     $fluent-slider,
     (
@@ -357,7 +354,7 @@ $bootstrap-slider: extend(
 );
 
 /// Generates an indigo slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-step-color [color: ('gray', 900, 0.4)] - The color of the track steps.
 /// @prop {Number} track-step-size [rem(2px)] - The size of the track steps.
 /// @prop {Map} base-track-color [color: ('gray', 400)] - The base background color of the track.
@@ -377,11 +374,8 @@ $bootstrap-slider: extend(
 /// @prop {Map} thumb-disabled-border-color [color: ('primary', 50)] - The thumb border color when it's disabled.
 /// @prop {Map} disabled-base-track-color [color: ('gray', 900, 0.15)] - The base background color of the track when is disabled.
 /// @prop {Map} disabled-fill-track-color [color: ('primary', 50)] - The background color of the fill track when is disabled.
-/// @prop {Map} typography [
-///   ticks-label: (value: 'body-2'),
-///   thumb-label: (value: 'subtitle-2')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $light-slider
+/// @prop {Map} typography [ticks-label: (value: 'body-2'), thumb-label: (value: 'subtitle-2')] - The typography styles used for the component.
+/// @requires $light-slider
 $indigo-slider: extend(
     $light-slider,
     (

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

@@ -9,14 +9,14 @@
 ////
 
 /// Generates a base light snackbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 900)] - The background color used in the snackbar.
 /// @prop {Map} text-color [contrast-color: ('gray', 900)] - The text color used in the snackbar.
 /// @prop {Map} button-color [color: ('secondary', 500)] - The button color used in the snackbar.
 /// @prop {Number} elevation [4] - The elevation level, between 0-24, to be used in the snackbar.
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(24px))] - The border radius used for snackbar.
 /// @prop {Map} typography [text: (value: 'body-2')] - The typography styles used for the component.
-/// @requires {Map} $default-elevation-snackbar
+/// @requires $default-elevation-snackbar
 $light-snackbar: extend(
     $default-elevation-snackbar,
     (
@@ -63,7 +63,7 @@ $light-snackbar: extend(
 );
 
 /// Generates a material snackbar schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-snackbar
 $material-snackbar: extend(
     $light-snackbar,
@@ -75,13 +75,13 @@ $material-snackbar: extend(
 );
 
 /// Generates a fluent snackbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 100)] - The background color used in the snackbar.
 /// @prop {Map} text-color [color: ('gray', 900)] - The text color used in the snackbar.
 /// @prop {Map} button-color [color: ('gray', 900)] - The button color used in the snackbar.
 /// @prop {List} border-radius [(rem(0), rem(0), rem(24px))] - The border radius used for snackbar.
 /// @prop {Map} typography [text: (value: 'caption')] - The typography styles used for the component.
-/// @requires {Map} $light-snackbar
+/// @requires $light-snackbar
 $fluent-snackbar: extend(
     $light-snackbar,
     (
@@ -125,13 +125,13 @@ $fluent-snackbar: extend(
 );
 
 /// Generates a bootstrap snackbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('surface')] - The background color used in the snackbar.
 /// @prop {Map} text-color [contrast-color: ('surface')] - The text color used in the snackbar.
 /// @prop {Map} button-color [color: ('primary', 500)] - The button color used in the snackbar.
 /// @prop {Number} elevation [10] - The elevation level, between 0-24, to be used in the snackbar.
 /// @requires $light-snackbar
-/// @requires {Map} $bootstrap-elevation-snackbar
+/// @requires $bootstrap-elevation-snackbar
 $bootstrap-snackbar: extend(
     $light-snackbar,
     $bootstrap-elevation-snackbar,
@@ -161,13 +161,13 @@ $bootstrap-snackbar: extend(
 );
 
 /// Generates an indigo snackbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 200)] - The background color used in the snackbar.
 /// @prop {Map} text-color [color: ('gray', 700)] - The text color used in the snackbar.
 /// @prop {Map} button-color [color: ('gray', 700)] - The button color used in the snackbar.
 /// @prop {List} border-radius [(rem(6px), rem(0), rem(24px))] - The border radius used for snackbar.
 /// @requires $light-snackbar
-/// @requires {Map} $indigo-elevation-snackbar
+/// @requires $indigo-elevation-snackbar
 $indigo-snackbar: extend(
     $light-snackbar,
     $indigo-elevation-snackbar,

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base light splitter schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} bar-color [color: ('gray', 200)] - The background color of the bar.
 /// @prop {Map} handle-color [color: ('gray', 400)] - The color for the bar drag handle.
 /// @prop {Map} expander-color [color: ('gray', 400)] - The color for the arrow expander's.
@@ -84,9 +84,9 @@ $light-splitter: (
 );
 
 /// Generates a material splitter schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} focus-color [color: ('secondary', 500)] - The color used for focused splitter bar.
-/// @requires {Map} $light-splitter
+/// @requires $light-splitter
 $material-splitter: extend(
     $light-splitter,
     (
@@ -103,8 +103,8 @@ $material-splitter: extend(
 );
 
 /// Generates a fluent splitter schema.
-/// @type {Map}
-/// @requires {Map} $light-splitter
+/// @type Map
+/// @requires $light-splitter
 $fluent-splitter: extend(
     $light-splitter,
     (
@@ -115,8 +115,8 @@ $fluent-splitter: extend(
 );
 
 /// Generates a bootstrap splitter schema.
-/// @type {Map}
-/// @requires {Map} $light-splitter
+/// @type Map
+/// @requires $light-splitter
 $bootstrap-splitter: extend(
     $light-splitter,
     (
@@ -127,7 +127,7 @@ $bootstrap-splitter: extend(
 );
 
 /// Generates an indigo splitter schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} bar-color [color: ('gray', 400)] - The background color of the bar.
 /// @prop {Map} focus-color [color: ('primary', 400)] - The color used for focused splitter bar.
 /// @prop {Map} handle-color [color: ('gray', 700)] - The color for the bar drag handle.
@@ -135,7 +135,7 @@ $bootstrap-splitter: extend(
 /// @prop {Map} bar-color-active [color: ('gray', 500)] - The background color of the bar when pressed.
 /// @prop {Map} handle-color-active [color: ('gray', 900)] - The color for the bar drag handle when pressed.
 /// @prop {Map} expander-color-active [color: ('gray', 900)] - The color for the arrow expander's when pressed.
-/// @requires {Map} $light-splitter
+/// @requires $light-splitter
 $indigo-splitter: extend(
     $light-splitter,
     (