igniteui-theming 25.0.1 → 25.0.2

package/sass/themes/components/slider/_slider-theme.scss

@@ -44,7 +44,7 @@
 /// @param {Color} $tick-label-color [null] - The color of the tick label.
 /// @param {Color} $tick-color [null] - The background-color of the tick.
 /// @requires $light-material-schema
-/// @example scss Set custom track and thumb on colors
+/// @example scss - Set custom track and thumb on colors
 ///   $my-slider-theme: slider-theme($thumb-color: black, $track-color: yellow);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-slider-theme);
@@ -104,7 +104,7 @@
             }
         } @else {
             @if not($thumb-focus-color) and $thumb-border-color {
-                $thumb-focus-color: hsla(from var(--thumb-border-color) h s l / 0.3);
+                $thumb-focus-color: hsl(from var(--thumb-border-color) h s l / 0.3);
             }
         }
     }
@@ -119,7 +119,7 @@
         }
 
         @if not($base-track-color) and $track-color {
-            $base-track-color: hsla(from var(--track-color) h s l / 0.4);
+            $base-track-color: hsl(from var(--track-color) h s l / 0.4);
         }
     }
 
@@ -129,7 +129,7 @@
         }
 
         @if not($thumb-focus-color) and $thumb-color {
-            $thumb-focus-color: hsla(from var(--thumb-color) h s l / 0.5);
+            $thumb-focus-color: hsl(from var(--thumb-color) h s l / 0.5);
         }
     }
 
@@ -166,11 +166,11 @@
     }
 
     @if not($disabled-base-track-color) and $base-track-color {
-        $disabled-base-track-color: hsla(from var(--base-track-color) h s l / 0.5);
+        $disabled-base-track-color: hsl(from var(--base-track-color) h s l / 0.5);
     }
 
     @if not($disabled-fill-track-color) and $track-color {
-        $disabled-fill-track-color: hsla(from var(--track-color) h s l / 0.5);
+        $disabled-fill-track-color: hsl(from var(--track-color) h s l / 0.5);
     }
 
     @if not($disabled-thumb-color) and $thumb-color {
@@ -178,7 +178,7 @@
     }
 
     @if not($thumb-disabled-border-color) and $thumb-border-color {
-        $thumb-disabled-border-color: hsla(from var(--thumb-border-color) h s l / 0.5);
+        $thumb-disabled-border-color: hsl(from var(--thumb-border-color) h s l / 0.5);
     }
 
     @return extend(

package/sass/themes/components/snackbar/_snackbar-theme.scss

@@ -25,10 +25,10 @@
 /// @param {Color} $background [null] - The background color used in the snackbar. PRIMARY - derives text-color, button-color.
 /// @param {Color} $text-color [null] - The text color used in the snackbar. Auto-derived from background.
 /// @param {Color} $button-color [null] - The button color used in the snackbar. Auto-derived from background.
-/// @param {box-shadow} $shadow [null] - Sets a shadow to be used for the snackbar.
+/// @param {List} $shadow [null] - Sets a shadow to be used for the snackbar.
 /// @param {List} $border-radius [null] - The border radius used for the snackbar component.
 /// @requires $light-material-schema
-/// @example scss Set a custom background color
+/// @example scss - Set a custom background color
 ///   $my-snackbar-theme: snackbar-theme($background: white);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-snackbar-theme);

package/sass/themes/components/splitter/_splitter-theme.scss

@@ -30,7 +30,7 @@
 /// @param {Color} $expander-color-active [null] - The color for the arrow expander's when pressed.
 /// @param {Number} $size [null] - The size of the splitter, its width for vertical and height for horizontal splitter.
 /// @requires $light-material-schema
-/// @example scss Set a custom expander color
+/// @example scss - Set a custom expander color
 ///   $my-splitter-theme: splitter-theme($expander-color: red);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-splitter-them);

package/sass/themes/components/stepper/_stepper-theme.scss

@@ -95,7 +95,7 @@
 /// @param {List} $border-radius-step-header [null] - The border-radius of the step header.
 ///
 /// @requires $light-material-schema
-/// @example scss Set custom stepper colors
+/// @example scss - Set custom stepper colors
 ///   $my-stepper-theme: stepper-theme($step-hover-background: red);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-stepper-theme);
@@ -211,7 +211,7 @@
     }
 
     @if not($indicator-background) and $step-background {
-        $indicator-background: hsla(from adaptive-contrast(var(--step-background)) h s l / 0.6);
+        $indicator-background: hsl(from adaptive-contrast(var(--step-background)) h s l / 0.6);
     }
 
     @if not($indicator-outline) and $indicator-background {

package/sass/themes/components/switch/_switch-theme.scss

@@ -36,9 +36,9 @@
 /// @param {Color} $label-color [null] - The color of the switch label
 /// @param {Color} $label-hover-color [null] - The color of the switch label on hover.
 /// @param {Color} $label-disabled-color [null] - The color of the switch label when the switch is disabled
-/// @param {box-shadow} $resting-shadow [null] - The shadow used for the thumb in resting state of the switch.
-/// @param {box-shadow} $hover-shadow [null] - The shadow used for the thumb in hover state of the switch.
-/// @param {box-shadow} $disabled-shadow [null] - The shadow used for the thumb in disable state of the switch.
+/// @param {List} $resting-shadow [null] - The shadow used for the thumb in resting state of the switch.
+/// @param {List} $hover-shadow [null] - The shadow used for the thumb in hover state of the switch.
+/// @param {List} $disabled-shadow [null] - The shadow used for the thumb in disable state of the switch.
 /// @param {List} $border-radius-track [null] - The border radius used for switch track.
 /// @param {List} $border-radius-thumb [null] - The border radius used for switch thumb.
 /// @param {List} $border-radius-ripple [null] - The border radius used for switch ripple.
@@ -53,7 +53,7 @@
 /// @param {Color} $focus-fill-hover-color [null] - The focus fill color on hover. Auto-derived from focus-fill-color.
 /// @requires $light-material-schema
 ///
-/// @example scss Set custom track and thumb on colors
+/// @example scss - Set custom track and thumb on colors
 ///   $my-switch-theme: switch-theme($thumb-on-color: black, $track-on-color: yellow);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-switch-theme);
@@ -140,7 +140,7 @@
         }
     } @else {
         @if not($thumb-off-color) and $track-off-color {
-            $thumb-off-color: hsla(from adaptive-contrast(var(--track-off-color)) h s l / 0.8);
+            $thumb-off-color: hsl(from adaptive-contrast(var(--track-off-color)) h s l / 0.8);
         }
 
         @if not($border-color) and $thumb-off-color {
@@ -180,15 +180,15 @@
         }
 
         @if not($thumb-disabled-color) and $thumb-off-color {
-            $thumb-disabled-color: hsla(from var(--thumb-off-color) h s l / 0.3);
+            $thumb-disabled-color: hsl(from var(--thumb-off-color) h s l / 0.3);
         }
 
         @if not($border-disabled-color) and $border-color {
-            $border-disabled-color: hsla(from var(--border-color) h s l / 0.3);
+            $border-disabled-color: hsl(from var(--border-color) h s l / 0.3);
         }
 
         @if not($thumb-on-disabled-color) and $thumb-on-color {
-            $thumb-on-disabled-color: hsla(from var(--thumb-on-color) h s l / 0.3);
+            $thumb-on-disabled-color: hsl(from var(--thumb-on-color) h s l / 0.3);
         }
 
         @if $variant == 'bootstrap' {
@@ -197,7 +197,7 @@
             }
 
             @if not($focus-outline-color) and $focus-fill-color {
-                $focus-outline-color: hsla(from var(--focus-fill-color) h s l / 0.5);
+                $focus-outline-color: hsl(from var(--focus-fill-color) h s l / 0.5);
             }
 
             @if not($focus-fill-hover-color) and $focus-fill-color {
@@ -207,21 +207,21 @@
 
         @if $variant == 'indigo' {
             @if not($focus-outline-color) and $border-color {
-                $focus-outline-color: hsla(from var(--border-color) h s l / 0.5);
+                $focus-outline-color: hsl(from var(--border-color) h s l / 0.5);
             }
 
             @if not($focus-outline-color-focused) and $border-on-color {
-                $focus-outline-color-focused: hsla(from var(--border-on-color) h s l / 0.5);
+                $focus-outline-color-focused: hsl(from var(--border-on-color) h s l / 0.5);
             }
         }
     }
 
     @if not($track-disabled-color) and $track-off-color {
-        $track-disabled-color: hsla(from var(--track-off-color) h s l / 0.5);
+        $track-disabled-color: hsl(from var(--track-off-color) h s l / 0.5);
     }
 
     @if not($track-on-disabled-color) and $track-on-color {
-        $track-on-disabled-color: hsla(from var(--track-on-color) h s l / 0.5);
+        $track-on-disabled-color: hsl(from var(--track-on-color) h s l / 0.5);
     }
 
     @if not($resting-shadow) {

package/sass/themes/components/tabs/_tabs-theme.scss

@@ -48,7 +48,7 @@
 /// @param {Color} $tab-ripple-color [null] - The color used for the tab ripple effect. Auto-derived from item-active-background or item-background.
 /// @param {Color} $button-ripple-color [null] - The color used for the button ripple effect. Auto-derived from button-color.
 /// @requires $light-material-schema
-/// @example scss Set a custom background color
+/// @example scss - Set a custom background color
 ///   $my-tabs-theme: tabs-theme(
 ///      $item-background: orange
 ///    );
@@ -112,11 +112,11 @@
         }
     } @else {
         @if not($item-text-color) and $item-background {
-            $item-text-color: hsla(from adaptive-contrast(var(--item-background)) h s l / 0.8);
+            $item-text-color: hsl(from adaptive-contrast(var(--item-background)) h s l / 0.8);
         }
 
         @if not($item-icon-color) and $item-background {
-            $item-icon-color: hsla(from adaptive-contrast(var(--item-background) h s l / 0.8));
+            $item-icon-color: hsl(from adaptive-contrast(var(--item-background) h s l / 0.8));
         }
     }
 
@@ -166,11 +166,11 @@
 
     @if not($item-hover-background) {
         @if not($item-hover-color) and $item-text-color {
-            $item-hover-color: hsla(from var(--item-text-color) h s l / 1);
+            $item-hover-color: hsl(from var(--item-text-color) h s l / 1);
         }
 
         @if not($item-hover-icon-color) and $item-icon-color {
-            $item-hover-icon-color: hsla(from var(--item-icon-color) h s l / 1);
+            $item-hover-icon-color: hsl(from var(--item-icon-color) h s l / 1);
         }
     } @else {
         @if not($item-hover-color) {
@@ -188,7 +188,7 @@
 
     @if $variant == 'bootstrap' {
         @if not($border-color) and $item-background {
-            $border-color: hsla(from adaptive-contrast(var(--item-background)) h s l / 0.5);
+            $border-color: hsl(from adaptive-contrast(var(--item-background)) h s l / 0.5);
         }
 
         @if not($border-color--hover) and $border-color {
@@ -230,7 +230,7 @@
             }
 
             @if not($button-disabled-color) and $button-color {
-                $button-disabled-color: hsla(from var(--button-color) h s l / 0.5);
+                $button-disabled-color: hsl(from var(--button-color) h s l / 0.5);
             }
         }
     }
@@ -254,7 +254,7 @@
     }
 
     @if not($button-disabled-color) and $button-color {
-        $button-disabled-color: hsla(from var(--button-color) h s l / 0.4);
+        $button-disabled-color: hsl(from var(--button-color) h s l / 0.4);
     }
 
     // Button end

package/sass/themes/components/time-picker/_time-picker-theme.scss

@@ -36,12 +36,12 @@
 /// @param {Number} $time-item-size [null] - The height of the time item.
 /// @param {Color} $divider-color [null] - The color for the actions area divider. Auto-derived from border-color.
 /// @param {Color} $border-color [null] - The border color around the time picker. Auto-derived from background-color.
-/// @param {box-shadow} $modal-shadow [null] - The custom shadow to be used for the time picker in modal mode.
-/// @param {box-shadow} $dropdown-shadow [null] - The custom shadow to be used for the time picker in dropdown mode.
+/// @param {List} $modal-shadow [null] - The custom shadow to be used for the time picker in modal mode.
+/// @param {List} $dropdown-shadow [null] - The custom shadow to be used for the time picker in dropdown mode.
 /// @param {List} $border-radius [null] - The border radius used for the outline of the picker.
 /// @param {List} $active-item-border-radius [null] - The border radius used for the outline of the currently active item (hours, minutes, AM/PM).
 /// @requires $light-material-schema
-/// @example scss Change the background and text colors in  time picker
+/// @example scss - Change the background and text colors in  time picker
 ///   $my-time-picker-theme: time-picker-theme(
 ///     $text-color: white,
 ///     $background-color: black
@@ -85,11 +85,11 @@
     $theme: digest-schema($time-picker-schema);
 
     @if not($text-color) and $background-color {
-        $text-color: hsla(from adaptive-contrast(var(--background-color)) h s l / 0.7);
+        $text-color: hsl(from adaptive-contrast(var(--background-color)) h s l / 0.7);
     }
 
     @if not($hover-text-color) and $text-color {
-        $hover-text-color: hsla(from var(--text-color) h s l / 1);
+        $hover-text-color: hsl(from var(--text-color) h s l / 1);
     }
 
     @if not($header-background) and $selected-text-color {
@@ -113,7 +113,7 @@
     }
 
     @if not($active-item-background) and $background-color {
-        $active-item-background: hsla(from adaptive-contrast(var(--background-color)) h s l / 0.5);
+        $active-item-background: hsl(from adaptive-contrast(var(--background-color)) h s l / 0.5);
     }
 
     @if not($active-item-foreground) and $active-item-background {
@@ -125,11 +125,11 @@
     }
 
     @if not($disabled-text-color) and $disabled-item-background {
-        $disabled-text-color: hsla(from adaptive-contrast(var(--disabled-item-background)) h s l / 0.6);
+        $disabled-text-color: hsl(from adaptive-contrast(var(--disabled-item-background)) h s l / 0.6);
     }
 
     @if not($border-color) and $background-color {
-        $border-color: hsla(from adaptive-contrast(var(--background-color)) h s l / 0.6);
+        $border-color: hsl(from adaptive-contrast(var(--background-color)) h s l / 0.6);
     }
 
     @if not($divider-color) and $border-color {

package/sass/themes/components/toast/_toast-theme.scss

@@ -26,10 +26,10 @@
 /// @param {Color} $text-color [null] - The text-color used for the toast. Auto-derived from background.
 /// @param {Color} $border-color [null] - The border-color used for the toast. Auto-derived from text-color.
 /// @param {List} $border-radius [null] - The border radius used for the toast component.
-/// @param {box-shadow} $shadow [null] - Sets a shadow to be used for the toast.
+/// @param {List} $shadow [null] - Sets a shadow to be used for the toast.
 /// @requires $light-material-schema
 ///
-/// @example scss Set a custom background color
+/// @example scss - Set a custom background color
 ///   $my-toast-theme: toast-theme($background: green);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-toast-theme);
@@ -58,7 +58,7 @@
     }
 
     @if not($border-color) and $text-color {
-        $border-color: hsla(from var(--text-color) h s l / 0.3);
+        $border-color: hsl(from var(--text-color) h s l / 0.3);
     }
 
     @if not($shadow) {

package/sass/themes/components/tooltip/_tooltip-theme.scss

@@ -25,9 +25,9 @@
 /// @param {Color} $background [null] - The background color of the tooltip. PRIMARY - derives text-color.
 /// @param {Color} $text-color [null] - The text color of the tooltip. Auto-derived from background.
 /// @param {List} $border-radius [null] - The border radius used for the tooltip component.
-/// @param {box-shadow} $shadow [null] - Sets a shadow to be used for the tooltip component.
+/// @param {List} $shadow [null] - Sets a shadow to be used for the tooltip component.
 /// @requires $light-material-schema
-/// @example scss Change the tooltip background
+/// @example scss - Change the tooltip background
 ///   $my-tooltip-theme: tooltip-theme($background: magenta);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-tooltip-theme);

package/sass/themes/components/tree/_tree-theme.scss

@@ -23,24 +23,24 @@
 /// Derived colors are auto-calculated for contrast.
 ///
 /// @param {Map} $schema [$light-material-schema] - The schema used as basis for styling the component.
-/// @param {Color} background [null] - The background color used for the tree node. PRIMARY - derives all state colors.
-/// @param {Color} foreground [null] - The color used for the tree node content. Auto-derived from background.
-/// @param {Color} icon-color [null] - The color used for the tree node icon.
-/// @param {Color} background-selected [null] - The background color used for the selected tree node. Auto-derived from background.
-/// @param {Color} foreground-selected [null] - The color used for the content of the selected tree node. Auto-derived from background-selected.
-/// @param {Color} background-active [null] - The background color used for the active tree node. Auto-derived from background.
-/// @param {Color} foreground-active [null] - The color used for the content of the active tree node. Auto-derived from background-active.
-/// @param {Color} background-active-selected [null] - The background color used for the active selected tree node. Auto-derived from background-active.
-/// @param {Color} foreground-active-selected [null] - The color used for the content of the active selected tree node. Auto-derived from background-active-selected.
-/// @param {Color} background-disabled [null] - The background color used for the tree node in disabled state. Auto-derived from background.
-/// @param {Color} foreground-disabled [null] - The color used for the content of the disabled tree node. Auto-derived from background-disabled.
-/// @param {Color} drop-area-color [null] - The background color used for the tree node drop aria.
-/// @param {Color} border-color [null] - The outline shadow color used for tree node in focus state.
-/// @param {Color} hover-color [null] - The background color used for the tree node on hover. Auto-derived from background.
-/// @param {Color} hover-selected-color [null] - The background color used for the selected tree node on hover. Auto-derived from background-selected.
+/// @param {Color} $background [null] - The background color used for the tree node. PRIMARY - derives all state colors.
+/// @param {Color} $foreground [null] - The color used for the tree node content. Auto-derived from background.
+/// @param {Color} $icon-color [null] - The color used for the tree node icon.
+/// @param {Color} $background-selected [null] - The background color used for the selected tree node. Auto-derived from background.
+/// @param {Color} $foreground-selected [null] - The color used for the content of the selected tree node. Auto-derived from background-selected.
+/// @param {Color} $background-active [null] - The background color used for the active tree node. Auto-derived from background.
+/// @param {Color} $foreground-active [null] - The color used for the content of the active tree node. Auto-derived from background-active.
+/// @param {Color} $background-active-selected [null] - The background color used for the active selected tree node. Auto-derived from background-active.
+/// @param {Color} $foreground-active-selected [null] - The color used for the content of the active selected tree node. Auto-derived from background-active-selected.
+/// @param {Color} $background-disabled [null] - The background color used for the tree node in disabled state. Auto-derived from background.
+/// @param {Color} $foreground-disabled [null] - The color used for the content of the disabled tree node. Auto-derived from background-disabled.
+/// @param {Color} $drop-area-color [null] - The background color used for the tree node drop aria.
+/// @param {Color} $border-color [null] - The outline shadow color used for tree node in focus state.
+/// @param {Color} $hover-color [null] - The background color used for the tree node on hover. Auto-derived from background.
+/// @param {Color} $hover-selected-color [null] - The background color used for the selected tree node on hover. Auto-derived from background-selected.
 /// @requires $light-material-schema
 ///
-/// @example scss Change the tree background
+/// @example scss - Change the tree background
 ///   $my-tree-theme: tree-theme($background: magenta);
 ///   // Pass the theme to the css-vars() mixin
 ///   @include css-vars($my-tree-theme);
@@ -83,7 +83,7 @@
     }
 
     @if not($hover-color) and $background {
-        $hover-color: hsla(from adaptive-contrast(var(--background)) h s l / 0.1);
+        $hover-color: hsl(from adaptive-contrast(var(--background)) h s l / 0.1);
     }
 
     @if not($hover-selected-color) and $background-selected {

package/sass/themes/components/watermark/_watermark-theme.scss

@@ -29,7 +29,7 @@
 /// @param {Color} $border-color [null] - The border color used for the  link.
 /// @param {List} $border-radius [null] - The border radius used for the link.
 ///
-/// @example scss Change the watermark link background
+/// @example scss - Change the watermark link background
 /// @requires $light-material-schema
 @function watermark-theme(
     $schema: $light-material-schema,

package/sass/themes/schemas/charts/dark/_category-chart.scss

@@ -11,7 +11,7 @@
 
 /// Generates a base category chart schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-category-chart: (
     _meta: (
         variant: 'dark',
@@ -19,21 +19,21 @@ $dark-category-chart: (
 );
 
 /// Generates a dark category-chart schema based on a mix of $material-category-chart and $base-dark-category-chart
-/// @type {Map}
+/// @type Map
 /// @requires $material-category-chart
 $dark-material-category-chart: extend($material-category-chart, $dark-category-chart);
 
 /// Generates a dark fluent category-chart schema based on a mix of $fluent-category-chart and $base-dark-category-chart
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-category-chart
 $dark-fluent-category-chart: extend($fluent-category-chart, $dark-category-chart);
 
 /// Generates a bootstrap category-chart schema based on a mix of $bootstrap-category-chart and $base-dark-category-chart
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-category-chart
 $dark-bootstrap-category-chart: extend($bootstrap-category-chart, $dark-category-chart);
 
 /// Generates an indigo category-chart schema based on a mix of $indigo-category-chart and $base-dark-category-chart
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-category-chart
 $dark-indigo-category-chart: extend($indigo-category-chart, $dark-category-chart);

package/sass/themes/schemas/charts/dark/_data-chart.scss

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

package/sass/themes/schemas/charts/dark/_doughnut-chart.scss

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

package/sass/themes/schemas/charts/dark/_financial-chart.scss

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

package/sass/themes/schemas/charts/dark/_funnel-chart.scss

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

package/sass/themes/schemas/charts/dark/_gauge.scss

@@ -10,7 +10,7 @@
 
 /// Generates a base dark gauge schema.
 /// @access private
-/// @type {Map}
+/// @type Map
 $dark-gauge: (
     _meta: (
         variant: 'dark',
@@ -18,41 +18,41 @@ $dark-gauge: (
 );
 
 /// Generates dark gauge schemas.
-/// @type {Map}
+/// @type Map
 /// @requires $material-linear-gauge
 $dark-material-linear-gauge: extend($material-linear-gauge, $dark-gauge);
 
 /// Generates dark gauge schemas.
-/// @type {Map}
+/// @type Map
 /// @requires $material-radial-gauge
 $dark-material-radial-gauge: extend($material-radial-gauge, $dark-gauge);
 
 /// Generates a dark fluent gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-linear-gauge
 $dark-fluent-linear-gauge: extend($fluent-linear-gauge, $dark-gauge);
 
 /// Generates a dark fluent gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $fluent-radial-gauge
 $dark-fluent-radial-gauge: extend($fluent-radial-gauge, $dark-gauge);
 
 /// Generates a dark bootstrap gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-linear-gauge
 $dark-bootstrap-linear-gauge: extend($bootstrap-linear-gauge, $dark-gauge);
 
 /// Generates a dark bootstrap gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $bootstrap-radial-gauge
 $dark-bootstrap-radial-gauge: extend($bootstrap-radial-gauge, $dark-gauge);
 
 /// Generates a dark indigo gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-linear-gauge
 $dark-indigo-linear-gauge: extend($indigo-linear-gauge, $dark-gauge);
 
 /// Generates a dark indigo gauge schema.
-/// @type {Map}
+/// @type Map
 /// @requires $indigo-radial-gauge
 $dark-indigo-radial-gauge: extend($indigo-radial-gauge, $dark-gauge);