igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base light stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} step-background [transparent] - The background of the step header.
 /// @prop {Map} title-color [color: ('gray', 900)] - The text color of the step title.
 /// @prop {Map} title-hover-color [color: ('gray', 900)] - The text color of the step title on hover.
@@ -325,7 +325,7 @@ $light-stepper: (
 );
 
 /// Generates a material stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} indicator-background [color: ('gray', 400)] - The background color of the incomplete step indicator.
 /// @prop {Map} indicator-color [contrast-color: ('gray', 400)] - The text color of the incomplete step indicator.
 /// @prop {Map} complete-indicator-background [color: ('gray', 900)] - The background color of the completed step indicator.
@@ -351,7 +351,7 @@ $light-stepper: (
 /// @prop {Map} current-step-focus-background [color: ('gray', 200)] - The background of the current step header on hover.
 /// @prop {Map} complete-step-focus-background [color: ('gray', 200)] - The background of the complete step header on hover.
 /// @prop {Map} disabled-indicator-background [color: ('gray', 200)] - The background color of the disabled step indicator.
-/// @requires {Map} $light-stepper
+/// @requires $light-stepper
 $material-stepper: extend(
     $light-stepper,
     (
@@ -512,7 +512,7 @@ $material-stepper: extend(
 );
 
 /// Generates a fluent stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} indicator-outline [transparent] - The outline color of the incomplete step indicator.
 /// @prop {Map} indicator-color [color: ('gray', 900)] - The text color of the incomplete step indicator.
 /// @prop {Map} complete-indicator-background [color: ('gray', 300)] - The background color of the completed step indicator.
@@ -529,7 +529,7 @@ $material-stepper: extend(
 /// @prop {Color} disabled-indicator-outline [transparent] - The outline color of the disabled step indicator.
 /// @prop {List} border-radius-indicator [(rem(2px), rem(0), rem(100px))] - The indicator border radius.
 /// @prop {List} border-radius-step-header [(rem(2px), rem(0), rem(100px))] - The header border radius.
-/// @requires {Map} $light-stepper
+/// @requires $light-stepper
 $fluent-stepper: extend(
     $light-stepper,
     (
@@ -628,7 +628,7 @@ $fluent-stepper: extend(
 );
 
 /// Generates a bootstrap stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} indicator-color [color: ('primary', 600)] - The text color of the incomplete step indicator.
 /// @prop {Map} indicator-outline [color: ('gray', 400)] - The outline color of the incomplete step indicator.
 /// @prop {Map} disabled-indicator-outline [color: ('gray', 300)] - The outline color of the disabled step indicator.
@@ -652,7 +652,7 @@ $fluent-stepper: extend(
 /// @prop {Map} complete-step-focus-background [color: ('gray', 300, .5)] - The background of the complete step header on hover.
 /// @prop {List} border-radius-indicator [(rem(2px), rem(0), rem(100px))] - The indicator border radius.
 /// @prop {List} border-radius-step-header [(rem(2px), rem(0), rem(100px))] - The header border radius.
-/// @requires {Map} $light-stepper
+/// @requires $light-stepper
 $bootstrap-stepper: extend(
     $light-stepper,
     (
@@ -811,7 +811,7 @@ $bootstrap-stepper: extend(
 );
 
 /// Generates an indigo stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} complete-indicator-background [color: ('gray', 600)] - The background color of the completed step indicator.
 /// @prop {Color} complete-indicator-outline [transparent] - The outline color of the completed step indicator.
 /// @prop {Map} complete-indicator-color [contrast-color: ('gray', 900)] - The color of the completed step indicator.

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

@@ -11,7 +11,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} thumb-on-color [color: ('gray', 50)] - The color of the thumb when the switch is on.
 /// @prop {Map} track-on-color [color: ('primary', 500)] - The color of the track when the switch is on.
 /// @prop {Color} track-off-color [transparent] - The color of the track when the switch is off.
@@ -104,7 +104,7 @@ $light-switch: extend(
 );
 
 /// Generates a material switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} focus-outline-color [transparent] - The focus outlined color.
 /// @prop {Color} border-color [transparent] - The border color of the switch.
 /// @prop {Color} border-hover-color [transparent] - The border color of the switch on hover.
@@ -126,8 +126,8 @@ $light-switch: extend(
 /// @prop {Number} hover-elevation [1] - The elevation level, between 0-24, to be used for the hover state.
 /// @prop {Number} disabled-elevation [1] - The elevation level, between 0-24, to be used for the disabled state.
 /// @prop {Map} typography [label: (value: 'subtitle-1')] - The typography styles used for the component.
-/// @requires {Map} $light-switch
-/// @requires {Map} $default-elevation-switch
+/// @requires $light-switch
+/// @requires $default-elevation-switch
 $material-switch: extend(
     $light-switch,
     $default-elevation-switch,
@@ -207,7 +207,7 @@ $material-switch: extend(
 );
 
 /// Generates a fluent switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 700)] - The border color of the switch.
 /// @prop {Map} border-hover-color [color: ('gray', 900)] - The border color of the switch on hover.
 /// @prop {Map} focus-fill-color [color: ('gray', 700)] - The focus fill color.
@@ -224,7 +224,7 @@ $material-switch: extend(
 /// @prop {Map} thumb-on-disabled-color [color: ('gray', 100)] - The color of the thumb when the switch is on and disabled.
 /// @prop {Map} focus-outline-color [color: ('gray', 700)] - The focus outlined color.
 /// @prop {List} border-radius-track [(rem(10px), rem(0), rem(10px))] - The border radius used for switch track.
-/// @requires {Map} $light-switch
+/// @requires $light-switch
 $fluent-switch: extend(
     $light-switch,
     (
@@ -332,7 +332,7 @@ $fluent-switch: extend(
 );
 
 /// Generates a bootstrap switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-on-hover-color [color: ('primary', 600)] - The color of the track when the switch is on and hovered.
 /// @prop {Map} focus-outline-color [color: ('primary', 200, 0.5)] - The focus outlined color.
 /// @prop {Map} focus-fill-color [color: ('primary', 200)] - The focus fill color.
@@ -350,7 +350,7 @@ $fluent-switch: extend(
 /// @prop {List} border-radius-track [(rem(32px), rem(0), rem(32px))] - The border radius used for switch track.
 /// @prop {List} border-radius-thumb [(rem(32px), rem(0), rem(32px))] - The border radius used for switch thumb.
 /// @prop {Map} typography [label: (value: 'body-2')] - The typography styles used for the component.
-/// @requires {Map} $fluent-switch
+/// @requires $fluent-switch
 $bootstrap-switch: extend(
     $fluent-switch,
     (
@@ -465,7 +465,7 @@ $bootstrap-switch: extend(
 );
 
 /// Generates an indigo switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [color: ('gray', 800)] - The color of the switch label.
 /// @prop {Map} label-disabled-color [color: ('gray', 900, .2)] - The color of the switch label when the switch is disabled
 /// @prop {Map} thumb-on-color [contrast-color: ('gray', 900)] - The color of the thumb when the switch is on.

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

@@ -10,7 +10,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-text-color [color: ('gray', 700)] - The color used for the tab text color.
 /// @prop {Map} item-background [color: ('surface')] - The background color used for the tabs header.
 /// @prop {Map} item-hover-background [color: ('gray', 200)] - The background used for the tabs on hover.
@@ -188,14 +188,14 @@ $light-tabs: (
 );
 
 /// Generates a material tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-color [color: ('gray', 700)] - The text color used for the tabs on hover.
 /// @prop {Map} item-active-icon-color [color: ('primary', 900)] - The color used for the active tab icon.
 /// @prop {Map} item-active-hover-icon-color [color: ('primary', 900)] - The color used for the active tab icon on hover and focus.
 /// @prop {Map} item-active-color [color: ('primary', 900)] - The color used for the active tabs text.
 /// @prop {Map} item-active-hover-color [color: ('primary', 900)] - The color used for the active tabs text on hover and focus.
 /// @prop {Map} indicator-color [color: ('primary', 900)] - The color used for the active tab indicator.
-/// @requires {Map} $light-tabs
+/// @requires $light-tabs
 $material-tabs: extend(
     $light-tabs,
     (
@@ -242,7 +242,7 @@ $material-tabs: extend(
 );
 
 /// Generates a fluent tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-text-color [color: ('gray', 800)] - The color used for the tab text color.
 /// @prop {Map} button-color [color: ('gray', 500)] - The color used for the button icon/text color.
 /// @prop {Map} button-hover-color [color: ('gray', 600)] - The color used for the button icon/text color on hover.
@@ -254,7 +254,7 @@ $material-tabs: extend(
 /// @prop {Map} item-hover-icon-color [color: ('gray', 900)] - The color used for the tab icon on hover.
 /// @prop {Map} item-icon-color [color: ('gray', 800)] - The color used for the tab icon.
 /// @prop {Map} typography [label: (value: 'body-2')] - The typography styles used for the component.
-/// @requires {Map} $light-tabs
+/// @requires $light-tabs
 $fluent-tabs: extend(
     $light-tabs,
     (
@@ -330,7 +330,7 @@ $fluent-tabs: extend(
 );
 
 /// Generates a bootstrap tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {map} item-text-color [color: ('primary', 500)] - The color used for the tab text color.
 /// @prop {map} item-icon-color [color: ('primary', 500)] - The color used for the tab icon.
 /// @prop {map} item-hover-color [color: ('primary', 700)] - The text color used for the tabs on hover.
@@ -349,7 +349,7 @@ $fluent-tabs: extend(
 /// @prop {map} border-color [color: ('gray', 300)] - The color used for the tab items border.
 /// @prop {map} border-color--hover [color: ('gray', 200)] - The color used for the tab items border on hover/focus.
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(6px))] - The border radius used for tabs.
-/// @requires {Map} $light-tabs
+/// @requires $light-tabs
 $bootstrap-tabs: extend(
     $light-tabs,
     (
@@ -470,7 +470,7 @@ $bootstrap-tabs: extend(
 );
 
 /// Generates an indigo tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} item-background [transparent] - The background color used for the tabs header.
 /// @prop {Map} item-hover-background [color: ('gray', 900, .05)] - The background used for the tabs on hover.
 /// @prop {Color} item-active-background [transparent] - The color used for the active tab background.
@@ -492,7 +492,7 @@ $bootstrap-tabs: extend(
 /// @prop {Map} button-hover-color [color: ('gray', 700)] - The color used for the button icon/text color on hover.
 /// @prop {Map} button-disabled-color [color: ('gray', 900, .2)] - The color used for the disabled button icon/text.
 /// @prop {Map} typography [label: (value: 'subtitle-2')] - The typography styles used for the component.
-/// @requires {Map} $light-tabs
+/// @requires $light-tabs
 $indigo-tabs: extend(
     $light-tabs,
     (

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

@@ -9,7 +9,7 @@
 ////
 
 /// Generates a light base tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 100)] - The background color of the tile manager component.
 /// @prop {Map} tile-background [color: ('surface', 500)] - The background color of the tile component inside the tile manager.
 /// @prop {Map} title-color [color: ('gray', 900)] - The title color of the tile component.
@@ -24,7 +24,7 @@
 /// @prop {Color} divider-color [transparent] - The color of the divider component inside the tile header.
 /// @prop {Number} border-radius [rem(4px)] - The border radius of the tile component.
 /// @prop {Number} default-size [2] - The default size used for the tile manager component.
-/// @requires {Map} $default-elevation-tile
+/// @requires $default-elevation-tile
 $light-tile-manager: extend(
     $default-elevation-tile,
     (
@@ -113,8 +113,8 @@ $light-tile-manager: extend(
 );
 
 /// Generates a material tile manager schema.
-/// @type {Map}
-/// @requires {Map} $light-tile-manager
+/// @type Map
+/// @requires $light-tile-manager
 $material-tile-manager: extend(
     $light-tile-manager,
     (
@@ -125,11 +125,11 @@ $material-tile-manager: extend(
 );
 
 /// Generates a fluent tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} placeholder-background [color: ('primary', 100, .2)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Map} overlay-background [color: ('primary', 100, .5)] - The background color of the ghost element that appears on top of the tile that will be swapped.
 /// @prop {Number} border-radius [0] - The border radius of the tile component.
-/// @requires {Map} $light-tile-manager
+/// @requires $light-tile-manager
 $fluent-tile-manager: extend(
     $light-tile-manager,
     $default-elevation-tile,
@@ -159,12 +159,12 @@ $fluent-tile-manager: extend(
 );
 
 /// Generates a bootstrap tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 200)] - The background color of the tile manager component.
 /// @prop {Map} border-color [color: ('gray', 300)] - The border color of the tile component.
 /// @prop {Map} placeholder-background [color: ('primary', 300, .15)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Map} overlay-background [color: ('primary', 300, .4)] - The background color of the ghost element that appears on top of the tile that will be swapped.
-/// @requires {Map} $light-tile-manager
+/// @requires $light-tile-manager
 $bootstrap-tile-manager: extend(
     $light-tile-manager,
     $default-elevation-tile,
@@ -206,7 +206,7 @@ $bootstrap-tile-manager: extend(
 );
 
 /// Generates an indigo tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('surface', 500)] - The background color of the tile manager component.
 /// @prop {Map} tile-background [contrast-color: ('gray', 900)] - The background color of the tile component inside the tile manager.
 /// @prop {Map} title-color [color: ('gray', 800)] - The title color of the tile component.
@@ -216,7 +216,7 @@ $bootstrap-tile-manager: extend(
 /// @prop {Map} hover-border-color [color: ('gray', 500)] - The border color of the tile component on hover.
 /// @prop {Map} placeholder-background [color: ('primary', 100, .2)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Number} border-radius [rem(6px)] - The border radius of the tile component.
-/// @requires {Map} $light-tile-manager
+/// @requires $light-tile-manager
 $indigo-tile-manager: extend(
     $light-tile-manager,
     $default-elevation-tile,

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

@@ -9,7 +9,7 @@
 ////
 
 /// Generates a base light time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} text-color [color: ('gray', 900)] - The text color of an open time picker.
 /// @prop {Map} hover-text-color [color: ('primary', 500)] - The hover text color of an open time picker.
 /// @prop {Map} selected-text-color [color: ('primary', 500)] -  The text color of a selected item in time picker.
@@ -24,11 +24,8 @@
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for the overall shape of the time-picker.
 /// @prop {List} time-item-size [(rem(28px), rem(32px), rem(36px))] - The height of the time item.
 /// @prop {Number} default-size [2] - the default size.
-/// @prop {Map} typography [
-///   header-hour: (value: 'h4'),
-///   selected-time: (value: 'h5')
-/// ] - The typography styles used for the component.
-/// @requires {Map} $default-elevation-time-picker
+/// @prop {Map} typography [header-hour: (value: 'h4'), selected-time: (value: 'h5')] - The typography styles used for the component.
+/// @requires $default-elevation-time-picker
 $light-time-picker: extend(
     $default-elevation-time-picker,
     (
@@ -124,7 +121,7 @@ $light-time-picker: extend(
 );
 
 /// Generates a light material time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-background [color: ('secondary', 500)] - The header background color of a time picker.
 /// @prop {Map} header-hour-text-color [contrast-color: ('secondary', 500)] - The header hour text color of a time picker.
 /// @prop {Map} hover-text-color [color: ('secondary', 500)] - The hover text color of an open time picker.
@@ -132,7 +129,7 @@ $light-time-picker: extend(
 /// @prop {Map} active-item-foreground [contrast-color: ('secondary', 500)] - The foreground color for current item in focused column inside the time picker.
 /// @prop {Map} active-item-background [color: ('secondary', 500)] - The background color for current item in focused column inside the time picker.
 /// @prop {List} active-item-border-radius [(rem(15px), rem(0), rem(20px))] - The border radius used for the highlight of the active item in the time-picker.
-/// @requires {Map} $light-time-picker
+/// @requires $light-time-picker
 $material-time-picker: extend(
     $light-time-picker,
     (
@@ -193,7 +190,7 @@ $material-time-picker: extend(
 );
 
 /// Generates a fluent time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-background [color: ('primary', 500)] - The header background color of a time picker.
 /// @prop {Map} header-hour-text-color [contrast-color: ('primary', 500)] - The header hour text color of a time picker.
 /// @prop {List} border-radius [(rem(0), rem(0), rem(20px))] - The border radius used for the overall shape of the time-picker.
@@ -248,7 +245,7 @@ $fluent-time-picker: extend(
 );
 
 /// Generates a bootstrap time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} selected-text-color [color: ('primary', 600)] -  The text color of a selected item in time picker.
 /// @prop {Map} hover-text-color [color: ('primary', 600)] - The hover text color of an open time picker.
 /// @prop {Map} header-background [color: ('gray', 100)] - The header background color of a time picker.
@@ -257,10 +254,7 @@ $fluent-time-picker: extend(
 /// @prop {Map} divider-color [color: ('gray', 300)] - The divider color of the time picker.
 /// @prop {Map} active-item-background [color: ('primary', 600)] - The background color for current item in focused column inside the time picker.
 /// @prop {List} active-item-border-radius [(rem(4px), rem(0), rem(20px))] - The border radius used for the highlight of the active item in the time-picker.
-/// @prop {Map} typography [
-///   header-hour: (value: 'h4'),
-///   selected-time: (value: 'h4')
-/// ] - The typography styles used for the component.
+/// @prop {Map} typography [header-hour: (value: 'h4'), selected-time: (value: 'h4')] - The typography styles used for the component.
 /// @requires $light-time-picker
 $bootstrap-time-picker: extend(
     $light-time-picker,
@@ -338,7 +332,7 @@ $bootstrap-time-picker: extend(
 );
 
 /// Generates an indigo time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} text-color [color: ('gray', 800)] - The text color of an open time picker.
 /// @prop {Map} active-item-foreground [contrast-color: ('primary', 900)] - The foreground color for current item in focused column inside the time picker.
 /// @prop {Map} background-color [contrast-color: ('gray', 900)] - The time-picker panel background color.
@@ -348,10 +342,7 @@ $bootstrap-time-picker: extend(
 /// @prop {List} active-item-border-radius [(rem(32px), rem(0), rem(32px))] - The border radius used for the highlight of the active item in the time-picker.
 /// @prop {Map} border-color [color: ('gray', 400)] - The border-color of the time picker.
 /// @prop {Map} divider-color [color: ('gray', 400)] - The divider color of the time picker.
-/// @prop {Map} typography [
-///   header-hour: (value: 'h5'),
-///   selected-time: (value: 'h6')
-/// ] - The typography styles used for the component.
+/// @prop {Map} typography [header-hour: (value: 'h5'), selected-time: (value: 'h6')] - The typography styles used for the component.
 /// @requires $light-time-picker
 $indigo-time-picker: extend(
     $light-time-picker,

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

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

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

@@ -9,13 +9,13 @@
 ////
 
 /// Generates a base light tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 700, .9)] - The background color of the tooltip.
 /// @prop {Map} text-color [contrast-color: ('gray', 700)] - The text color of the tooltip.
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(16px))] - The border radius used for tooltip.
 /// @prop {Map} typography [tooltip-text: (value: null)] - The typography styles used for the tooltip.
 /// @prop {Number} elevation [0] - The elevation level, between 0-24, to be used for the tooltip.
-/// @requires {Map} $default-elevation-tooltip
+/// @requires $default-elevation-tooltip
 $light-tooltip: extend(
     $default-elevation-tooltip,
     (
@@ -56,8 +56,8 @@ $light-tooltip: extend(
 );
 
 /// Generates a light material tooltip schema.
-/// @type {Map}
-/// @requires {Map} $light-tooltip
+/// @type Map
+/// @requires $light-tooltip
 $material-tooltip: extend(
     $light-tooltip,
     (
@@ -68,11 +68,11 @@ $material-tooltip: extend(
 );
 
 /// Generates a light fluent tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 900, .8)] - The background color of the tooltip.
 /// @prop {Map} text-color [contrast-color: ('gray', 900)] - The text color of the tooltip.
 /// @prop {List} border-radius [(rem(2px), rem(0), rem(16px))] - The border radius used for tooltip.
-/// @requires {Map} $light-tooltip
+/// @requires $light-tooltip
 $fluent-tooltip: extend(
     $light-tooltip,
     (
@@ -105,7 +105,7 @@ $fluent-tooltip: extend(
 );
 
 /// Generates a bootstrap tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 900, .8)] - The background color of the tooltip.
 /// @prop {Map} text-color [contrast-color: ('gray', 900)] - The text color of the tooltip.
 /// @requires $light-tooltip
@@ -132,13 +132,13 @@ $bootstrap-tooltip: extend(
 );
 
 /// Generates an indigo tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 600, .9)] - The background color of the tooltip.
 /// @prop {List} border-radius [(rem(4px), rem(0), rem(16px))] - The border radius used for tooltip.
 /// @prop {Map} typography [tooltip-text: (value: 'subtitle-2')] - The typography styles used for the tooltip.
 /// @prop {Number} elevation [8] - The elevation level, between 0-24, to be used for the tooltip.
-/// @requires {Map} $light-tooltip
-/// @requires {Map} $indigo-elevation-tooltip
+/// @requires $light-tooltip
+/// @requires $indigo-elevation-tooltip
 $indigo-tooltip: extend(
     $light-tooltip,
     $indigo-elevation-tooltip,

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

@@ -10,7 +10,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base light tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [ color: ('surface')] - The background color used for the tree node.
 /// @prop {Map} background-selected [color: ('primary')] - The background color used for the selected tree node.
 /// @prop {Map} background-active [color: ('gray', 200)] - The background color used for the active tree node.
@@ -108,13 +108,13 @@ $light-tree: (
 );
 
 /// Generates a light material tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-selected [color: ('secondary', 200)] - The background color used for the selected tree node.
 /// @prop {Map} foreground-selected [contrast-color: ('secondary', 200)] - The color used for the content of the selected tree node.
 /// @prop {Map} background-active-selected [color: ('secondary', 300)] - The background color used for the active selected tree node.
 /// @prop {Map} foreground-active-selected [contrast-color: ('secondary', 300)] - The color used for the content of the active selected tree node.
 /// @prop {Map} border-color [color: ('secondary')] - The outline shadow color used for tree node in focus state.
-/// @requires {Map} $light-tree
+/// @requires $light-tree
 $material-tree: extend(
     $light-tree,
     (
@@ -154,13 +154,13 @@ $material-tree: extend(
 );
 
 /// Generates a light fluent tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-selected [color: ('gray', 200)] - The background color used for the selected tree node.
 /// @prop {Map} foreground-selected [contrast-color: ('gray', 200)] - The color used for the content of the selected tree node.
 /// @prop {Map} background-active-selected [color: ('gray', 300)] - The background color used for the active selected tree node.
 /// @prop {Map} foreground-active-selected [contrast-color: ('gray', 300)] - The color used for the content of the active selected tree node.
 /// @prop {Map} border-color [color: ('gray', 800)] - The outline shadow color used for tree node in focus state.
-/// @requires {Map} $light-tree
+/// @requires $light-tree
 $fluent-tree: extend(
     $light-tree,
     (
@@ -201,7 +201,7 @@ $fluent-tree: extend(
 );
 
 /// Generates a light bootstrap tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} foreground-active [color: ('primary', 800)] - The color used for the content in active state of the tree node.
 /// @prop {Map} foreground-selected [contrast-color: ('primary', 600)] - The color used for the content of the selected tree node.
 /// @prop {Map} background-active-selected [color: ('primary', 600)] - The background color used for the active selected tree node.
@@ -248,7 +248,7 @@ $bootstrap-tree: extend(
 );
 
 /// Generates a light indigo tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Color} background [transparent] - The background color used for the tree node.
 /// @prop {Color} background-selected [transparent] - The background color used for the selected tree node.
 /// @prop {Map} background-active [color: ('primary', 300, 0.3)] - The background color used for the active tree node.
@@ -264,7 +264,7 @@ $bootstrap-tree: extend(
 /// @prop {Map} hover-color [color: ('gray', 900, .05)] - The background color used for the tree node on hover.
 /// @prop {Map} hover-selected-color [color: ('primary', 300, 0.5)] - The background color used for the selected tree node on hover.
 /// @prop {List} size [(rem(24px), rem(28px), rem(32px))] - The size used for the tree node.
-/// @requires {Map} $light-tree
+/// @requires $light-tree
 $indigo-tree: extend(
     $light-tree,
     (