igniteui-theming 25.0.0 → 25.0.2

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark navdrawer schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-disabled-text-color [color: ('gray', 200)] - The item's disabled text color.
 /// @prop {Map} item-disabled-icon-color [color: ('gray', 200)] - The item's disabled icon color.
 /// @requires $material-navdrawer
@@ -35,7 +35,7 @@ $dark-base-navdrawer: extend(
 );
 
 /// Generates a dark material navdrawer schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-active-icon-color [color: ('primary', 500)] - The item's icon active color.
 /// @prop {Map} item-active-text-color [color: ('primary', 500)] - The item's active text color.
 /// @prop {Map} item-disabled-text-color [color: ('gray', 300)] - The item's disabled text color.
@@ -66,7 +66,7 @@ $dark-material-navdrawer: extend(
 );
 
 /// Generates a dark fluent navdrawer schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-icon-color [color: ('primary', 100)] - The item's hover icon color.
 /// @prop {Map} item-icon-color [color: ('primary', 200)] - The item's icon color.
 /// @prop {Map} item-hover-background [color: ('gray', 200, .12)] - The item's hover background color.
@@ -114,7 +114,7 @@ $dark-fluent-navdrawer: extend(
 );
 
 /// Generates a dark bootstrap navdrawer schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-hover-background [color: ('gray', 200, .8)] - The item's hover background color.
 /// @requires $bootstrap-navdrawer
 $dark-bootstrap-navdrawer: extend(
@@ -132,7 +132,7 @@ $dark-bootstrap-navdrawer: extend(
 );
 
 /// Generates a dark indigo navdrawer schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} item-header-text-color [contrast-color: ('gray', 50, 0.6)] - The header's idle text color.
 /// @prop {Map} item-text-color [contrast-color: ('gray', 50, 0.8)] - The item's idle text color.
 /// @prop {Map} item-icon-color [contrast-color: ('gray', 50, 0.6)] - The item's icon color.

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark overlay schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-overlay: (
     _meta: (
         name: 'overlay',
@@ -18,21 +18,21 @@ $dark-base-overlay: (
 );
 
 /// Generates a dark material overlay schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-overlay
 $dark-material-overlay: extend($material-overlay, $dark-base-overlay);
 
 /// Generates a dark fluent overlay schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-overlay
 $dark-fluent-overlay: extend($fluent-overlay, $dark-base-overlay);
 
 /// Generates a dark bootstrap overlay schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-overlay
 $dark-bootstrap-overlay: extend($bootstrap-overlay, $dark-base-overlay);
 
 /// Generates a dark indigo overlay schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-overlay
 $dark-indigo-overlay: extend($indigo-overlay, $dark-base-overlay);

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark pagination schema.
-/// @type {Map}
+/// @type Map
 $base-dark-pagination: (
     _meta: (
         name: 'paginator',
@@ -17,7 +17,7 @@ $base-dark-pagination: (
 );
 
 /// Generates a dark material pagination schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-color [color: ('surface')] - The background color of the paging panel.
 /// @requires $material-pagination
 /// @requires $base-dark-pagination
@@ -34,7 +34,7 @@ $dark-material-pagination: extend(
 );
 
 /// Generates a dark fluent pagination schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background-color [color: ('surface')] - The background color of the paging panel.
 /// @requires $fluent-pagination
 /// @requires $base-dark-pagination
@@ -51,12 +51,12 @@ $dark-fluent-pagination: extend(
 );
 
 /// Generates a dark bootstrap pagination schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-pagination
 $dark-bootstrap-pagination: extend($bootstrap-pagination, $base-dark-pagination);
 
 /// Generates a dark indigo pagination schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} border-color [color: ('gray', 200)] - The border color of the paging panel.
 /// @requires $indigo-pagination
 $dark-indigo-pagination: extend(

package/sass/themes/schemas/components/dark/_pivot-data-selector.scss

@@ -9,7 +9,7 @@
 
 /// Generates a base dark pivot data selector schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-pivot-data-selector: (
     _meta: (
         name: 'pivot-data-selector',
@@ -18,21 +18,21 @@ $dark-base-pivot-data-selector: (
 );
 
 /// Generates a dark material pivot data selector schema.
-/// @type {Map}
-/// @requires {Map} $material-pivot-data-selector
+/// @type Map
+/// @requires $material-pivot-data-selector
 $dark-material-pivot-data-selector: extend($material-pivot-data-selector, $dark-base-pivot-data-selector);
 
 /// Generates a dark fluent pivot data selector schema.
-/// @type {Map}
-/// @requires {Map} $fluent-pivot-data-selector
+/// @type Map
+/// @requires $fluent-pivot-data-selector
 $dark-fluent-pivot-data-selector: extend($fluent-pivot-data-selector, $dark-base-pivot-data-selector);
 
 /// Generates a dark bootstrap pivot data selector schema.
-/// @type {Map}
-/// @requires {Map} $bootstrap-pivot-data-selector
+/// @type Map
+/// @requires $bootstrap-pivot-data-selector
 $dark-bootstrap-pivot-data-selector: extend($bootstrap-pivot-data-selector, $dark-base-pivot-data-selector);
 
 /// Generates a dark indigo pivot data selector schema.
-/// @type {Map}
-/// @requires {Map} $indigo-pivot-data-selector
+/// @type Map
+/// @requires $indigo-pivot-data-selector
 $dark-indigo-pivot-data-selector: extend($indigo-pivot-data-selector, $dark-base-pivot-data-selector);

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

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark progress-linear schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-color [color: ('gray', 300)] - The main track color.
 /// @prop {Map} stripes-color [color: ('gray', 900, .7)] - The track stripes color.
 $dark-base-progress-linear: (
@@ -33,19 +33,19 @@ $dark-base-progress-linear: (
 );
 
 /// Generates a dark material progress-linear schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-progress-linear
 /// @requires $dark-base-progress-linear
 $dark-material-progress-linear: extend($material-progress-linear, $dark-base-progress-linear);
 
 /// Generates a dark fluent progress-linear schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-progress-linear
 /// @requires $dark-base-progress-linear
 $dark-fluent-progress-linear: extend($fluent-progress-linear, $dark-base-progress-linear);
 
 /// Generates a dark bootstrap progress-linear schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} stripes-color [color: ('gray', 900, .2)] - The track stripes color.
 /// @requires $bootstrap-progress-linear
 $dark-bootstrap-progress-linear: extend(
@@ -63,7 +63,7 @@ $dark-bootstrap-progress-linear: extend(
 );
 
 /// Generates a dark indigo progress-linear schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} text-color [contrast-color: ('gray', 50, .8)] - The track value text color.
 /// @prop {Map} track-color [contrast-color: ('gray', 50, .2)] - The main track color.
 /// @requires $indigo-progress-linear
@@ -90,7 +90,7 @@ $dark-indigo-progress-linear: extend(
 );
 
 /// Generates a base dark progress-circular schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} base-circle-color [color: ('gray', 300)] - The base circle fill color.
 $dark-base-progress-circular: (
     base-circle-color: (
@@ -106,25 +106,25 @@ $dark-base-progress-circular: (
 );
 
 /// Generates a dark material progress-circular schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-progress-circular
 /// @requires $dark-base-progress-circular
 $dark-material-progress-circular: extend($material-progress-circular, $dark-base-progress-circular);
 
 /// Generates a dark fluent progress-circular schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-progress-circular
 /// @requires $dark-base-progress-circular
 $dark-fluent-progress-circular: extend($fluent-progress-circular, $dark-base-progress-circular);
 
 /// Generates a dark bootstrap progress-circular schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-progress-circular
 /// @requires $dark-base-progress-circular
 $dark-bootstrap-progress-circular: extend($bootstrap-progress-circular, $dark-base-progress-circular);
 
 /// Generates a dark indigo progress-circular schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} base-circle-color [contrast-color: ('gray', 50, .2)] - The base circle fill color.
 /// @prop {Map} text-color [contrast-color: ('gray', 50, .8)] - The value text color.
 /// @requires $indigo-progress-circular

package/sass/themes/schemas/components/dark/_query-builder.scss

@@ -8,7 +8,7 @@
 ////
 
 /// Generates a base dark query builder schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} subquery-header-background [color: ('gray', 50)] - The background color of the subquery header.
 /// @prop {Map} subquery-border-color [color: ('gray', 200)] - The border color of the query block.
 /// @prop {Map} separator-color [color: ('gray', 300)] - The separator color of the query block.
@@ -47,7 +47,7 @@ $dark-query-builder: (
 );
 
 /// Generates a dark material query builder schema.
-/// @type {Map}
+/// @type Map
 /// @see $material-query-builder
 /// @requires $material-query-builder
 /// @requires $dark-query-builder
@@ -78,7 +78,7 @@ $dark-bootstrap-query-builder: extend(
 );
 
 /// Generates a dark indigo query builder schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} background [color: ('gray', 50)] - The background color of the query builder.
 /// @prop {Map} header-background [color: ('gray', 50)] - The background color of the query builder header.
 /// @prop {Map} subquery-header-background [contrast-color: ('gray', 50, .05)] - The background color of the subquery header.

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark radio schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-radio: (
     _meta: (
         name: 'radio',
@@ -19,7 +19,7 @@ $dark-base-radio: (
 );
 
 /// Generates a dark material radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} error-color [color: ('error', 500)] - The label, border and dot color in invalid state.
 /// @prop {Map} error-color-hover [color: ('error', 500)] - The border and dot color in invalid state on hover.
 /// @requires $material-radio
@@ -44,7 +44,7 @@ $dark-material-radio: extend(
 );
 
 /// Generates a dark fluent radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} hover-color [color: ('gray', 400)] - The border and dot colors on hover.
 /// @prop {Map} fill-color [color: ('primary', 300)] - The checked border and dot colors.
 /// @prop {Map} fill-hover-border-color [color: ('primary', 100)] - The text color used for the label text.
@@ -124,7 +124,7 @@ $dark-fluent-radio: extend(
 );
 
 /// Generates a dark bootstrap radio schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-radio
 /// @prop {Map} focus-outline-color [color: ('primary', 900, 0.5)] - The focus outline color.
 /// @prop {Map} focus-outline-color-error [color: ('error', 900, 0.5)] - The focus outline color when radio is invalid.
@@ -178,7 +178,7 @@ $dark-bootstrap-radio: extend(
 );
 
 /// Generates a dark indigo radio schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} label-color [contrast-color: ('primary', 500, 0.8)] - The text color used for the label text.
 /// @prop {Map} label-color-hover [contrast-color: ('primary', 500)] - The text color used for the label text on hover.
 /// @prop {Map} hover-color [contrast-color: ('primary', 500, 0.8)] - The text color used for the label text.

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

@@ -10,7 +10,7 @@
 
 /// Generates a base dark rating schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-rating: (
     _meta: (
         name: 'rating',
@@ -19,12 +19,12 @@ $dark-base-rating: (
 );
 
 /// Generates a dark material rating schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-rating
 $dark-material-rating: extend($material-rating, $dark-base-rating);
 
 /// Generates a dark fluent rating schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} symbol-full-color [color: ('gray', 800)] - sets the color in selected state for the symbol when it is a plane text.
 /// @prop {Map} symbol-empty-color [color: ('gray', 400)] - sets the idle color for the symbol when it is a plane text.
 /// @prop {Map} disabled-full-symbol-color [color: ('warn', 900)] - sets the color for the symbol in selected/disabled state when it is a plane text.
@@ -62,7 +62,7 @@ $dark-fluent-rating: extend(
 );
 
 /// Generates a dark bootstrap rating schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-rating
 $dark-bootstrap-rating: extend($bootstrap-rating, $dark-base-rating);
 
@@ -73,7 +73,7 @@ $dark-bootstrap-rating: extend($bootstrap-rating, $dark-base-rating);
 /// @prop {Map} disabled-label-color [color: ('contrast-color', 50, .2)] - sets the color for the label in disabled state.
 /// @prop {Map} disabled-value-label [color: ('contrast-color', 50, .2)] - sets the color for the value in disabled state.
 /// @prop {Map} disabled-empty-symbol-color [color: ('gray', 300, .4)] - sets the idle color for the symbol in disabled state when it is a plane text.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-rating
 $dark-indigo-rating: extend(
     $indigo-rating,

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

@@ -8,8 +8,8 @@
 ////
 
 /// Generates a dark base resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $light-resize-indicator
+/// @type Map
+/// @requires $light-resize-indicator
 $dark-base-resize-indicator: extend(
     $light-resize-indicator,
     (
@@ -21,22 +21,22 @@ $dark-base-resize-indicator: extend(
 );
 
 /// Generates a dark material resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $dark-base-resize-indicator
+/// @type Map
+/// @requires $dark-base-resize-indicator
 $dark-material-resize-indicator: extend($material-resize-indicator, $dark-base-resize-indicator);
 
 /// Generates a dark fluent resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $dark-base-resize-indicator
+/// @type Map
+/// @requires $dark-base-resize-indicator
 $dark-fluent-resize-indicator: extend($fluent-resize-indicator, $dark-base-resize-indicator);
 
 /// Generates a dark bootstrap resize indicator schema.
-/// @type {Map}
-/// @requires {Map} $dark-base-resize-indicator
+/// @type Map
+/// @requires $dark-base-resize-indicator
 $dark-bootstrap-resize-indicator: extend($bootstrap-resize-indicator, $dark-base-resize-indicator);
 
 /// Generates a dark indigo resize indicator schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} resize-indicator [color: ('primary', 300)] - The color of the resize indicator.
 $dark-indigo-resize-indicator: extend(
     $indigo-resize-indicator,

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark ripple schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-ripple: (
     _meta: (
         name: 'ripple',
@@ -18,21 +18,21 @@ $dark-base-ripple: (
 );
 
 /// Generates a dark material ripple schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-ripple
 $dark-material-ripple: extend($material-ripple, $dark-base-ripple);
 
 /// Generates a dark fluent ripple schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-ripple
 $dark-fluent-ripple: extend($fluent-ripple, $dark-base-ripple);
 
 /// Generates a dark bootstrap ripple schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-ripple
 $dark-bootstrap-ripple: extend($bootstrap-ripple, $dark-base-ripple);
 
 /// Generates a dark indigo ripple schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-ripple
 $dark-indigo-ripple: extend($indigo-ripple, $dark-base-ripple);

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark scrollbar schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-scrollbar: (
     _meta: (
         name: 'scrollbar',
@@ -18,17 +18,17 @@ $dark-base-scrollbar: (
 );
 
 /// Generates a dark material scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-scrollbar
 $dark-material-scrollbar: extend($material-scrollbar, $dark-base-scrollbar);
 
 /// Generates a dark fluent scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-scrollbar
 $dark-fluent-scrollbar: extend($fluent-scrollbar, $dark-base-scrollbar);
 
 /// Generates a dark bootstrap scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} sb-thumb-bg-color [color: ('gray', 200, .5)] - The background color used for the thumb.
 /// @prop {Map} sb-thumb-bg-color-hover [color: ('gray', 200, .5)] - The :hover background color of the thumb.
 /// @prop {Map} sb-track-bg-color [color: ('gray', 100, .5)] - The background color used for the track.
@@ -70,7 +70,7 @@ $dark-bootstrap-scrollbar: extend(
 );
 
 /// Generates a dark indigo scrollbar schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} sb-thumb-bg-color [color: ('gray', 100)] - The background color used for the thumb.
 /// @prop {Map} sb-thumb-bg-color-hover [color: ('gray', 100)] - The :hover background color of the thumb.
 /// @prop {Map} sb-track-bg-color [color: ('gray', 50)] - The background color used for the track.

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

@@ -12,7 +12,7 @@
 
 /// Generates a base dark select schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-select: (
     _meta: (
         name: 'select',
@@ -21,7 +21,7 @@ $dark-base-select: (
 );
 
 /// Generates a dark material 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', 200)] - The select toggle button background color when the select is focused.
 /// @prop {Map} toggle-button-background-focus--border [color: ('gray', 100)] - The select toggle button background color when the select is focused in material border and line variants.
@@ -52,7 +52,7 @@ $dark-material-select: extend(
 );
 
 /// Generates a dark fluent select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-background [color: ('gray', 50)] - The select toggle button background color.
 /// @prop {Map} toggle-button-background-focus [color: ('gray', 50)] - The select toggle button background color when the select is focused.
 /// @prop {Map} toggle-button-foreground [color: ('gray', 400)] - The select toggle button foreground color.
@@ -104,12 +104,12 @@ $dark-fluent-select: extend(
 );
 
 /// Generates a dark bootstrap select schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-select
 $dark-bootstrap-select: extend($bootstrap-select, $dark-base-select);
 
 /// Generates a dark indigo select schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} toggle-button-foreground [contrast-color: ('gray', 100, .6)] - The select toggle button foreground color.
 /// @prop {Map} toggle-button-foreground-focus [contrast-color: ('gray', 100, .6)] - The select toggle button foreground color when the select is focused.
 /// @prop {Map} toggle-button-foreground-filled [contrast-color: ('gray', 100, .8)] - The select toggle button foreground color when the select is focused.

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

@@ -12,7 +12,7 @@
 
 /// Generates a base dark slider schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-base-slider: (
     _meta: (
         name: 'slider',
@@ -21,12 +21,12 @@ $dark-base-slider: (
 );
 
 /// Generates a dark material slider schema.
-/// @type {Map}
+/// @type Map
 /// @requires $material-slider
 $dark-material-slider: extend($material-slider, $dark-base-slider);
 
 /// Generates a dark fluent slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} base-track-color [color: ('gray', 300)] - The base background color of the track.
 /// @prop {Map} base-track-hover-color [color: ('gray', 300)] - The base background color of the track on hover.
 /// @prop {Map} track-color [color: ('gray', 600)] - The color of the track.
@@ -106,7 +106,7 @@ $dark-fluent-slider: extend(
 );
 
 /// Generates a dark bootstrap slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} base-track-color [color: ('secondary', 500, .48)] - The base background color of the track.
 /// @prop {Map} base-track-hover-color [color: ('secondary', 500, .48)] - The base background color of the track on hover.
 /// @requires $bootstrap-slider
@@ -132,7 +132,7 @@ $dark-bootstrap-slider: extend(
 );
 
 /// Generates a dark indigo slider schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} track-step-color [contrast-color: ('gray', 50, 0.3)] - The color of the track steps.
 /// @prop {Map} base-track-color [contrast-color: ('gray', 50, 0.3)] - The base background color of the track.
 /// @prop {Map} base-track-hover-color [contrast-color: ('gray', 50, 0.4)] - The base background color of the track on hover.

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

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

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

@@ -9,7 +9,7 @@
 
 /// Generates a base dark splitter schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 /// @prop {Map} handle-color [color: ('gray', 800)] - The color for the bar drag handle.
 /// @prop {Map} expander-color [color: ('gray', 800)] - The color for the arrow expander's.
 $dark-base-splitter: (
@@ -33,7 +33,7 @@ $dark-base-splitter: (
 );
 
 /// Generates a dark material splitter schema.
-/// @type {Map}
+/// @type Map
 /// @prop {Map} handle-color-active [color: ('gray', 800)] - The color for the bar drag handle when pressed.
 /// @prop {Map} expander-color-active [color: ('gray', 800)] - The color for the arrow expander's when pressed.
 /// @requires $light-splitter
@@ -58,7 +58,7 @@ $dark-material-splitter: extend(
 );
 
 /// Generates a dark fluent splitter schema.
-/// @type {Map}
+/// @type Map
 /// @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 $fluent-splitter
@@ -84,13 +84,19 @@ $dark-fluent-splitter: extend(
 );
 
 /// Generates a dark bootstrap splitter schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-splitter
-/// @requires $dark-base-splitter
-$dark-bootstrap-splitter: extend($bootstrap-splitter, $dark-base-splitter);
+$dark-bootstrap-splitter: extend(
+    $bootstrap-splitter,
+    (
+        _meta: (
+            variant: 'dark',
+        ),
+    )
+);
 
 /// Generates a dark indigo 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', 600)] - The color for the bar drag handle.
 /// @prop {Map} expander-color [color: ('gray', 600)] - The color for the arrow expander.