igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} current-indicator-color [color: ('gray', 900)] - The color of the current step indicator.
 /// @prop {Map} invalid-indicator-color [color: ('gray', 900)] - The color of the invalid step indicator.
 /// @prop {Map} step-hover-background [color: ('gray', 100, .3)] - The background of the step header on hover.
@@ -95,7 +95,7 @@ $base-stepper: (
 );
 
 /// Generates a dark material stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} current-indicator-color [contrast-color: ('gray', 50)] - The color of the current step indicator.
 /// @prop {Map} invalid-indicator-color [contrast-color: ('gray', 900)] - The color of the invalid step indicator.
 /// @prop {Map} invalid-indicator-background [color: ('error', 500)] - The background color of the invalid step indicator.
@@ -176,7 +176,7 @@ $dark-material-stepper: extend(
 );
 
 /// Generates a dark fluent stepper schema
-/// @type {Map}
+/// @type Map
 /// @prop {Map} complete-indicator-background [color: ('gray', 100)] - The background color of the completed step indicator.
 /// @prop {Map} step-focus-background [color: ('gray', 100, .4)] - The background of the step header on focus.
 /// @prop {Map} invalid-step-focus-background [color: ('gray', 100, .4)] - The background of the invalid step header on focus.
@@ -268,7 +268,7 @@ $dark-fluent-stepper: extend(
 );
 
 /// Generates a dark bootstrap stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} indicator-color [color: ('primary', 300)] - The text color of the incomplete step indicator.
 /// @prop {Map} step-separator-color [color: ('gray', 100)] - The separator border-color of between the steps.
 /// @prop {Map} invalid-title-color [color: ('error', 400)] - The color of the invalid step title.
@@ -349,7 +349,7 @@ $dark-bootstrap-stepper: extend(
 );
 
 /// Generates a dark indigo stepper schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} content-foreground [contrast-color: ('gray', 50, .8)] - The foreground of the step content.
 /// @prop {Map} indicator-color [contrast-color: ('gray', 50, .8)] - The text color of the incomplete step indicator.
 /// @prop {Map} indicator-background [contrast-color: ('gray', 50, .15)] - The background color of the incomplete step indicator.

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark switch schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-switch: (
     _meta: (
         name: 'switch',
@@ -20,7 +20,7 @@ $dark-base-switch: (
 
 // stylelint-disable max-line-length
 /// Generates a dark material switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} thumb-off-color [color: ('gray', 100)] - The color of the thumb when the switch is off.
 /// @prop {Map} thumb-off-hover-color [color: ('gray', 100)] - The color of the thumb when the switch is off and hovered.
 /// @prop {Map} thumb-disabled-color [color: ('gray', 200)] - The color of the thumb when the switch is disabled.
@@ -51,7 +51,7 @@ $dark-material-switch: extend(
 );
 
 /// Generates a dark fluent switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} focus-outline-color [color: ('gray', 400)] - The focus outlined color.
 /// @prop {Map} border-color [color: ('gray', 400)] - The border color of the switch.
 /// @prop {Map} border-on-color [color: ('primary', 300)] - The border color of the on-switch.
@@ -159,7 +159,7 @@ $dark-fluent-switch: extend(
 );
 
 /// Generates a dark bootstrap switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} focus-outline-color [color: ('primary', 900, 0.5)] - The focus outlined color.
 /// @prop {Map} label-disabled-color [color: ('gray', 300)] - The color of the switch label when the switch is disabled
 /// @prop {Map} border-disabled-color [color: ('gray', 100)] - The border color of the disabled switch.
@@ -202,7 +202,7 @@ $dark-bootstrap-switch: extend(
 );
 
 /// Generates a dark indigo switch schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [contrast-color: ('gray', 50, .8)] - The color of the switch label.
 /// @prop {Map} label-hover-color [contrast-color: ('gray', 50)] - The color of the switch label on hover.
 /// @prop {Map} label-disabled-color [contrast-color: ('gray', 50, .2)] - The color of the switch label when the switch is disabled.

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

@@ -11,7 +11,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base dark tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-background [color: ('gray', 100, .5)] - The background used for the tabs on hover.
 /// @prop {Map} item-active-hover-background [color: ('gray', 100, .5)] - The color used for the active tab background on hover and focus.
 $base-dark-tabs: (
@@ -36,7 +36,7 @@ $base-dark-tabs: (
 );
 
 /// Generates a dark material tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-background [color: ('gray', 100, 0.3)] - The background used for the tabs on hover.
 /// @prop {Map} item-active-hover-background [color: ('gray', 100, 0.3)] - The color used for the active tab background on hover and focus.
 /// @prop {Map} item-active-icon-color [color: ('primary', 500)] - The color used for the active tab icon.
@@ -112,7 +112,7 @@ $dark-material-tabs: extend(
 );
 
 /// Generates a dark fluent tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-disabled-color [color: ('gray', 300)] - The color used for the disabled tabs text.
 /// @prop {Map} item-disabled-icon-color [color: ('gray', 300)] - The color used for the disabled tab icon.
 /// @prop {Map} item-hover-background [color: ('gray', 50)] - The background used for the tabs on hover.
@@ -166,7 +166,7 @@ $dark-fluent-tabs: extend(
 );
 
 /// Generates a dark bootstrap tabs schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-tabs
 $dark-bootstrap-tabs: extend(
     $bootstrap-tabs,
@@ -178,7 +178,7 @@ $dark-bootstrap-tabs: extend(
 );
 
 /// Generates a dark indigo tabs schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-background [contrast-color: ('gray', 50, .1)] - The background used for the tabs on hover.
 /// @prop {Map} item-active-hover-background [contrast-color: ('gray', 50, .1)] - The color used for the active tab background on hover and focus.
 /// @prop {Map} item-text-color [contrast-color: ('gray', 50, .8)] - The color used for the tab text color.

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a dark base tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-border-color [color: ('gray', 200)] - The border color of the tile component on hover.
 /// @prop {Map} placeholder-background [color: ('primary', 700, .15)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Map} overlay-background [color: ('primary', 700, .5)] - The background color of the ghost element that appears on top of the tile that will be swapped.
@@ -42,25 +42,25 @@ $dark-base-tile-manager: (
 );
 
 /// Generates a dark material tile manager schema.
-/// @type {Map}
-/// @requires {Map} $material-tile-manager
-/// @requires {Map} $dark-base-tile-manager
+/// @type Map
+/// @requires $material-tile-manager
+/// @requires $dark-base-tile-manager
 $dark-material-tile-manager: extend($material-tile-manager, $dark-base-tile-manager);
 
 /// Generates a dark fluent tile manager schema.
-/// @type {Map}
-/// @requires {Map} $fluent-tile-manager
-/// @requires {Map} $dark-base-tile-manager
+/// @type Map
+/// @requires $fluent-tile-manager
+/// @requires $dark-base-tile-manager
 $dark-fluent-tile-manager: extend($fluent-tile-manager, $dark-base-tile-manager);
 
 /// Generates a dark bootstrap tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 100)] - The background color of the tile manager component.
 /// @prop {Map} border-color [color: ('gray', 200)] - The border color of the tile component on hover.
 /// @prop {Map} hover-border-color [color: ('gray', 300)] - The border color of the tile component on hover.
 /// @prop {Map} placeholder-background [color: ('primary', 700, .15)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Map} overlay-background [color: ('primary', 700, .4)] - The background color of the ghost element that appears on top of the tile that will be swapped.
-/// @requires {Map} $bootstrap-tile-manager
+/// @requires $bootstrap-tile-manager
 $dark-bootstrap-tile-manager: extend(
     $bootstrap-tile-manager,
     (
@@ -108,7 +108,7 @@ $dark-bootstrap-tile-manager: extend(
 );
 
 /// Generates a dark indigo tile manager schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} tile-background [color: ('gray', 50)] - The background color of the tile component inside the tile manager.
 /// @prop {Map} title-color [contrast-color: ('gray', 50, .9)] - The title color of the tile component.
 /// @prop {Map} header-background [color: ('gray', 50)] - The background color of the tile header component.
@@ -118,7 +118,7 @@ $dark-bootstrap-tile-manager: extend(
 /// @prop {Map} placeholder-background [color: ('primary', 500, .15)] - The background color of the ghost element that appears during drag and drop and while resizing.
 /// @prop {Map} overlay-background [color: ('primary', 700, .5)] - The background color of the ghost element that appears on top of the tile that will be swapped.
 /// @prop {Map} ghost-border [color: ('primary', 300)] - The border color of the ghost element that appears during drag and drop and while resizing.
-/// @requires {Map} $indigo-tile-manager
+/// @requires $indigo-tile-manager
 $dark-indigo-tile-manager: extend(
     $indigo-tile-manager,
     (

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark time-picker schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-time-picker: (
     _meta: (
         name: 'time-picker',
@@ -19,7 +19,7 @@ $dark-base-time-picker: (
 );
 
 /// Generates a dark material time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-text-color [color: ('secondary', 200)] - The hover text color of an open time picker.
 /// @prop {Map} selected-text-color [color: ('secondary', 200)] -  The text color of a selected item in time picker.
 /// @prop {Map} divider-color [color: ('gray', 100)] - The divider color of the time picker.
@@ -52,7 +52,7 @@ $dark-material-time-picker: extend(
 );
 
 /// Generates a dark fluent time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-text-color [color: ('primary', 200)] - The hover text color of an open time picker.
 /// @prop {Map} selected-text-color [color: ('primary', 200)] -  The text color of a selected item in time picker.
 /// @prop {Map} header-background [color: ('primary', 200)] - The header background color of a time picker.
@@ -117,7 +117,7 @@ $dark-fluent-time-picker: extend(
 );
 
 /// Generates a dark bootstrap time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-text-color [color: ('primary', 300)] - The hover text color of an open time picker.
 /// @prop {Map} active-item-background [color: ('primary', 500)] - The background color for current item in focused column inside the time picker.
 /// @prop {Map} selected-text-color [color: ('primary', 300)] -  The text color of a selected item in time picker.
@@ -150,7 +150,7 @@ $dark-bootstrap-time-picker: extend(
 );
 
 /// Generates a dark indigo time-picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} text-color [color: ('gray', 900)] - The text color of an open time picker.
 /// @prop {Map} background-color [color: ('gray', 50)] - The time-picker panel background color.
 /// @prop {Map} header-background [color: ('gray', 50)] - The header background color of a time picker.

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

@@ -10,7 +10,7 @@
 
 /// Generates a dark base toast schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-toast: (
     _meta: (
         name: 'toast',
@@ -19,13 +19,13 @@ $dark-base-toast: (
 );
 
 /// Generates a dark material toast schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-toast
 /// @requires $dark-base-toast
 $dark-material-toast: extend($material-toast, $dark-base-toast);
 
 /// Generates a dark fluent toast schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-toast
 /// @requires $dark-base-toast
 $dark-fluent-toast: extend($fluent-toast, $dark-base-toast);
@@ -37,7 +37,7 @@ $dark-fluent-toast: extend($fluent-toast, $dark-base-toast);
 $dark-bootstrap-toast: extend($bootstrap-toast, $dark-base-toast);
 
 /// Generates a dark indigo toast schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 300)] - The background color used for the toast.
 /// @prop {Map} text-color [contrast-color: ('gray', 50)] - The text-color used for the toast.
 /// @requires $indigo-toast

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark tooltip schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-tooltip: (
     _meta: (
         name: 'tooltip',
@@ -19,27 +19,27 @@ $dark-base-tooltip: (
 );
 
 /// Generates a dark material tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-tooltip
 $dark-material-tooltip: extend($material-tooltip, $dark-base-tooltip);
 
 /// Generates a dark fluent tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-tooltip
 $dark-fluent-tooltip: extend($fluent-tooltip, $dark-base-tooltip);
 
 /// Generates a dark bootstrap tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-tooltip
 $dark-bootstrap-tooltip: extend($bootstrap-tooltip, $dark-base-tooltip);
 
 /// Generates a dark indigo tooltip schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 300, .9)] - The background color of the tooltip.
 /// @prop {Map} text-color [contrast-color: ('gray', 50)] - The text color of the tooltip.
 /// @prop {Number} elevation [9] - The elevation level, between 0-24, to be used for the tooltip.
-/// @requires {Map} $indigo-tooltip
-/// @requires {Map} $dark-indigo-elevation-tooltip
+/// @requires $indigo-tooltip
+/// @requires $dark-indigo-elevation-tooltip
 $dark-indigo-tooltip: extend(
     $indigo-tooltip,
     $dark-indigo-elevation-tooltip,

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

@@ -11,7 +11,7 @@
 // stylelint-disable max-line-length
 
 /// Generates a base dark tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-active [color: ('gray', 100)] - The background color used for the active tree node.
 /// @prop {Map} foreground-active [color: ('gray', 900)] - The color used for the content in active state of the tree node.
 /// @prop {Map} hover-color [color: ('gray', 200, .5)] - The background color used for the tree node on hover.
@@ -50,13 +50,13 @@ $base-dark-tree: (
 );
 
 /// Generates a dark material tree schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-tree
 /// @requires $base-dark-tree
 $dark-material-tree: extend($material-tree, $base-dark-tree);
 
 /// Generates a dark fluent tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-selected [color: ('gray', 100)] - The background color used for the selected tree node.
 /// @prop {Map} foreground-selected [color: ('gray', 900)] - The color used for the content of the selected tree node.
 /// @prop {Map} background-active-selected [color: ('gray', 200)] - The background color used for the active selected tree node.
@@ -95,7 +95,7 @@ $dark-fluent-tree: extend(
 );
 
 /// Generates a dark bootstrap tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-color [color: ('gray', 500, .3)] - The background color used for the tree node on hover.
 /// @prop {Map} foreground-active [contrast-color: ('surface')] - The color used for the content in active state of the tree node.
 /// @requires $bootstrap-tree
@@ -120,7 +120,7 @@ $dark-bootstrap-tree: extend(
 );
 
 /// Generates a dark indigo tree schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-active [color: ('primary', 400, 0.3)] - The background color used for the active tree node.
 /// @prop {Map} background-active-selected [color: ('primary', 400, 0.3)] - The background color used for the active selected tree node.
 /// @prop {Map} foreground [contrast-color: ('gray', 50, 0.8)] - The color used for the tree node content.

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark validator schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-validator: (
     _meta: (
         name: 'validator',
@@ -18,22 +18,22 @@ $dark-base-validator: (
 );
 
 /// Generates a base dark validator schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-validator
 $dark-material-validator: extend($material-validator, $dark-base-validator);
 
 /// Generates a dark fluent validator schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-validator
 $dark-fluent-validator: extend($fluent-validator, $dark-base-validator);
 
 /// Generates a dark bootstrap validator schema.
-/// @type {Map}
+/// @type Map
 /// @requires $light-validator
 $dark-bootstrap-validator: extend($bootstrap-validator, $dark-base-validator);
 
 /// Generates a dark indigo validator schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} helper-text-color [contrast-color: ('gray', 50, .8)] - The color used for helper text.
 /// @prop {Map} text-error-color [contrast-color: ('gray', 50, .8)] - The color used for the error message.
 /// @requires $indigo-validator

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark watermark schema.
-/// @type {Map}
+/// @type Map
 $dark-watermark: (
     image-opacity: 15%,
     _meta: (
@@ -18,25 +18,25 @@ $dark-watermark: (
 );
 
 /// Generates a base dark watermark schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-watermark
 /// @requires $dark-watermark
 $dark-material-watermark: extend($material-watermark, $dark-watermark);
 
 /// Generates a dark fluent watermark schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-watermark
 /// @requires $dark-watermark
 $dark-fluent-watermark: extend($fluent-watermark, $dark-watermark);
 
 /// Generates a dark bootstrap watermark schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-watermark
 /// @requires $dark-watermark
 $dark-bootstrap-watermark: extend($bootstrap-watermark, $dark-watermark);
 
 /// Generates a dark indigo watermark schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-watermark
 /// @requires $dark-watermark
 $dark-indigo-watermark: extend($indigo-watermark, $dark-watermark);

package/sass/themes/schemas/components/dark/calendar/_base.scss

@@ -4,7 +4,7 @@
 
 /// Generates a base dark calendar schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-calendar-base: (
     _meta: (
         variant: 'dark',
@@ -12,9 +12,9 @@ $dark-calendar-base: (
 );
 
 /// Generates a base dark material calendar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @requires {Map} $material-base
+/// @requires $material-base
 $dark-material-base: extend(
     $material-base,
     $dark-calendar-base,
@@ -29,11 +29,11 @@ $dark-material-base: extend(
 );
 
 /// Generates a base dark fluent calendar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} header-foreground [contrast-color: ('primary', 200)] - The header foreground color.
 /// @prop {Map} header-background [color: ('primary', 200)] - The background color of the month and year pickers.
 /// @prop {Мap} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @requires {Map} $fluent-base
+/// @requires $fluent-base
 $dark-fluent-base: extend(
     $fluent-base,
     $dark-calendar-base,
@@ -60,8 +60,8 @@ $dark-fluent-base: extend(
 );
 
 /// Generates a base dark bootstrap calendar schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-base
+/// @type Map
+/// @requires $bootstrap-base
 $dark-bootstrap-base: extend($bootstrap-base, $dark-calendar-base);
 
 /// Generates a base dark indigo calendar schema.
@@ -71,8 +71,8 @@ $dark-bootstrap-base: extend($bootstrap-base, $dark-calendar-base);
 /// @prop {Map} content-background [color: ('gray', 50)] - The background color of the days, months and years views.
 /// @prop {Map} border-color [color: ('gray', 100)] - The calendar border color.
 /// @prop {Map} actions-divider-color [color: ('gray', 100)] - The border color used for the date-picker actions divider.
-/// @type {Map}
-/// @requires {Map} $indigo-base
+/// @type Map
+/// @requires $indigo-base
 $dark-indigo-base: extend(
     $indigo-base,
     $dark-calendar-base,

package/sass/themes/schemas/components/dark/calendar/_days-view.scss

@@ -4,7 +4,7 @@
 @use '../../light/calendar/days-view' as *;
 
 /// Generates a dark material days-view schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} date-special-foreground [color: ('secondary', 200)] - The foreground color of a special date.
 /// @prop {Map} date-special-hover-foreground [color: ('secondary', 100)] - The :hover foreground color of a special date.
 /// @prop {Map} date-special-focus-foreground [color: ('secondary', 100)] - The :focus foreground color of a special date.
@@ -19,8 +19,8 @@
 /// @prop {Map} week-number-foreground [color: ('gray', 600)] - The foreground color of the week number column.
 /// @prop {Map} date-special-range-hover-foreground [color: ('secondary', 100)] - The :hover foreground color of a special date in range selection.
 /// @prop {Map} date-special-range-focus-foreground [color: ('secondary', 100)] - The :focus foreground color of a special date in range selection.
-/// @requires {Map} $material-days-view
-/// @requires {Map} $dark-material-base
+/// @requires $material-days-view
+/// @requires $dark-material-base
 $dark-material-days-view: extend(
     $material-days-view,
     $dark-material-base,
@@ -113,7 +113,7 @@ $dark-material-days-view: extend(
 );
 
 /// Generates a dark fluent days-view schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} date-current-foreground [contrast-color: ('gray', 900)] - The foreground color of the current date.
 /// @prop {Map} date-current-background [color: ('primary', 200)] - The background color of the current date.
 /// @prop {Map} date-current-hover-background [color: ('gray', 200)] - The :hover background color of the current date.
@@ -148,8 +148,8 @@ $dark-material-days-view: extend(
 /// @prop {Map} date-selected-current-hover-border-color [color: ('primary', 200)] - The :hover border color of the selected current date.
 /// @prop {Map} date-selected-current-focus-border-color [color: ('primary', 200)] - The :focus border color of the selected current date.
 /// @prop {Map} week-number-foreground [color: ('gray', 500)] - The foreground color of the week number column.
-/// @requires {Map} $fluent-days-view
-/// @requires {Map} $dark-fluent-base
+/// @requires $fluent-days-view
+/// @requires $dark-fluent-base
 $dark-fluent-days-view: extend(
     $fluent-days-view,
     $dark-fluent-base,
@@ -362,7 +362,7 @@ $dark-fluent-days-view: extend(
 );
 
 /// Generates a dark bootstrap days-view schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} date-special-hover-background [color: ('gray', 100)] - The :hover background color of a special date.
 /// @prop {Map} date-special-focus-background [color: ('gray', 100)] - The :focus background color of a special date.
 /// @prop {Map} date-special-range-hover-background [color: ('gray', 100)] - The :hover background color of a special date in range selection.
@@ -383,8 +383,8 @@ $dark-fluent-days-view: extend(
 /// @prop {Map} date-selected-current-range-hover-background [color: ('gray', 100)] - The :hover background color of the current date in the selected range.
 /// @prop {Map} weekday-color [color: ('primary', 200)] - The foreground color of the weekday labels.
 /// @prop {Map} week-number-foreground [color: ('primary', 300)] - The foreground color of the week number column.
-/// @requires {Map} $bootstrap-days-view
-/// @requires {Map} $dark-bootstrap-base
+/// @requires $bootstrap-days-view
+/// @requires $dark-bootstrap-base
 $dark-bootstrap-days-view: extend(
     $bootstrap-days-view,
     $dark-bootstrap-base,
@@ -519,7 +519,7 @@ $dark-bootstrap-days-view: extend(
 );
 
 /// Generates a dark indigo days-view schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} weekend-color [color: ('gray', 900)] - The foreground color of the weekend days.
 /// @prop {Map} date-hover-foreground [contrast-color: ('gray', 50)] - The :hover foreground color of a date.
 /// @prop {Map} date-hover-background [contrast-color: ('gray', 50, .1)] - The :hover background color of a date.
@@ -567,7 +567,7 @@ $dark-bootstrap-days-view: extend(
 /// @prop {Map} date-selected-current-range-focus-foreground [contrast-color: ('gray', 50)] - The :focus foreground color of the current date in the selected range.
 /// @prop {Map} date-special-range-hover-foreground [color: ('primary', 50)] - The :hover foreground color of a special date in range selection.
 /// @prop {Map} date-special-range-focus-foreground [color: ('primary', 50)] - The :focus foreground color of a special date in range selection.
-/// @requires {Map} $dark-indigo-base
+/// @requires $dark-indigo-base
 $dark-indigo-days-view: extend(
     $indigo-days-view,
     $dark-indigo-base,

package/sass/themes/schemas/components/dark/calendar/_picker.scss

@@ -3,12 +3,12 @@
 @use '../../light/calendar/picker' as *;
 
 /// Generates a dark material month/year picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} navigation-hover-color [color: ('secondary', 200)] - The :hover color of the icon button responsible for month navigation.
 /// @prop {Map} navigation-focus-color [color: ('secondary', 200)] - The :focus color of the icon button responsible for month navigation.
 /// @prop {Map} picker-hover-foreground [color: ('secondary', 200)] - The :hover foreground color of the month and year pickers.
 /// @prop {Map} picker-focus-foreground [color: ('secondary', 200)] - The :focus foreground color of the month and year pickers.
-/// @requires {Map} $material-picker
+/// @requires $material-picker
 $dark-material-picker: extend(
     $material-picker,
     (
@@ -40,12 +40,12 @@ $dark-material-picker: extend(
 );
 
 /// Generates a dark fluent month/year picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} picker-hover-foreground [color: ('primary', 200)] - The :hover foreground color of the month and year pickers.
 /// @prop {Map} picker-focus-foreground [color: ('primary', 200)] - The :focus foreground color of the month and year pickers.
 /// @prop {Map} navigation-hover-color [color: ('primary', 200)] - The :hover color of the buttons responsible for navigation.
 /// @prop {Map} navigation-focus-color [color: ('primary', 200)] - The :focus color of the buttons responsible for navigation.
-/// @requires {Map} $fluent-picker
+/// @requires $fluent-picker
 $dark-fluent-picker: extend(
     $fluent-picker,
     (
@@ -77,12 +77,12 @@ $dark-fluent-picker: extend(
 );
 
 /// Generates a dark bootstrap month/year picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} picker-hover-foreground [color: ('secondary', 200)] - The :hover foreground color of the month and year pickers.
 /// @prop {Map} picker-focus-foreground [color: ('secondary', 200)] - The :focus foreground color of the month and year pickers.
 /// @prop {Map} navigation-hover-color [color: ('secondary', 200)] - The :hover color of the buttons responsible for navigation.
 /// @prop {Map} navigation-focus-color [color: ('secondary', 200)] - The :focus color of the buttons responsible for navigation.
-/// @requires {Map} $bootstrap-picker
+/// @requires $bootstrap-picker
 $dark-bootstrap-picker: extend(
     $bootstrap-picker,
     (
@@ -114,13 +114,13 @@ $dark-bootstrap-picker: extend(
 );
 
 /// Generates a dark indigo month/year picker schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} picker-background [color: ('gray', 50)] - The background color of the month and year pickers.
 /// @prop {Map} picker-hover-foreground [color: ('primary', 300)] - The :hover foreground color of the month and year pickers.
 /// @prop {Map} picker-focus-foreground [color: ('primary', 300)] - The :focus foreground color of the month and year pickers.
 /// @prop {Map} navigation-hover-color [color: ('primary', 300)] - The :hover color of the icon button responsible for month navigation.
 /// @prop {Map} navigation-focus-color [color: ('primary', 300)] - The :focus color of the icon button responsible for month navigation.
-/// @requires {Map} $indigo-picker
+/// @requires $indigo-picker
 $dark-indigo-picker: extend(
     $indigo-picker,
     (