igniteui-theming 4.2.0 → 4.3.0

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

@@ -62,60 +62,60 @@
 /// Use in combination with dark palettes.
 /// @type Map
 $dark-material-schema: (
-    action-strip: $dark-action-strip,
-    avatar: $dark-avatar,
-    badge: $dark-badge,
-    banner: $dark-banner,
-    bottom-nav: $dark-bottom-nav,
-    button: $dark-button,
-    button-group: $dark-button-group,
-    calendar: $dark-calendar,
-    card: $dark-card,
-    carousel: $dark-carousel,
-    checkbox: $dark-checkbox,
-    chip: $dark-chip,
-    column-actions: $dark-column-actions,
-    combo: $dark-combo,
-    date-range: $dark-date-range-picker,
-    dialog: $dark-dialog,
-    divider: $dark-divider,
-    dockmanager: $dark-dock-manager,
-    drop-down: $dark-drop-down,
-    expansion-panel: $dark-expansion-panel,
-    grid: $dark-grid,
-    grid-filtering: $dark-grid-filtering,
-    grid-summary: $dark-grid-summary,
-    grid-toolbar: $dark-grid-toolbar,
-    highlight: $dark-highlight,
-    icon: $dark-icon,
-    icon-button: $dark-icon-button,
-    input-group: $dark-input-group,
+    action-strip: $dark-material-action-strip,
+    avatar: $dark-material-avatar,
+    badge: $dark-material-badge,
+    banner: $dark-material-banner,
+    bottom-nav: $dark-material-bottom-nav,
+    button: $dark-material-button,
+    button-group: $dark-material-button-group,
+    calendar: $dark-material-calendar,
+    card: $dark-material-card,
+    carousel: $dark-material-carousel,
+    checkbox: $dark-material-checkbox,
+    chip: $dark-material-chip,
+    column-actions: $dark-material-column-actions,
+    combo: $dark-material-combo,
+    date-range: $dark-material-date-range-picker,
+    dialog: $dark-material-dialog,
+    divider: $dark-material-divider,
+    dockmanager: $dark-material-dock-manager,
+    drop-down: $dark-material-drop-down,
+    expansion-panel: $dark-material-expansion-panel,
+    grid: $dark-material-grid,
+    grid-filtering: $dark-material-grid-filtering,
+    grid-summary: $dark-material-grid-summary,
+    grid-toolbar: $dark-material-grid-toolbar,
+    highlight: $dark-material-highlight,
+    icon: $dark-material-icon,
+    icon-button: $dark-material-icon-button,
+    input-group: $dark-material-input-group,
     label: $dark-material-label,
-    list: $dark-list,
-    navbar: $dark-navbar,
-    nav-drawer: $dark-navdrawer,
-    overlay: $dark-overlay,
-    paginator: $dark-pagination,
-    pivot-data-selector: $dark-pivot-data-selector,
-    linear-bar: $dark-progress-linear,
-    circular-bar: $dark-progress-circular,
-    query-builder: $dark-query-builder,
-    radio: $dark-radio,
-    rating: $dark-rating,
-    ripple: $dark-ripple,
-    scrollbar: $dark-scrollbar,
-    select: $dark-select,
-    slider: $dark-slider,
-    snackbar: $dark-snackbar,
-    splitter: $dark-splitter,
-    stepper: $dark-stepper,
-    switch: $dark-switch,
-    tabs: $dark-tabs,
-    time-picker: $dark-time-picker,
-    toast: $dark-toast,
-    tooltip: $dark-tooltip,
-    tree: $dark-tree,
-    watermark: $dark-watermark,
+    list: $dark-material-list,
+    navbar: $dark-material-navbar,
+    nav-drawer: $dark-material-navdrawer,
+    overlay: $dark-material-overlay,
+    paginator: $dark-material-pagination,
+    pivot-data-selector: $dark-material-pivot-data-selector,
+    linear-bar: $dark-material-progress-linear,
+    circular-bar: $dark-material-progress-circular,
+    query-builder: $dark-material-query-builder,
+    radio: $dark-material-radio,
+    rating: $dark-material-rating,
+    ripple: $dark-material-ripple,
+    scrollbar: $dark-material-scrollbar,
+    select: $dark-material-select,
+    slider: $dark-material-slider,
+    snackbar: $dark-material-snackbar,
+    splitter: $dark-material-splitter,
+    stepper: $dark-material-stepper,
+    switch: $dark-material-switch,
+    tabs: $dark-material-tabs,
+    time-picker: $dark-material-time-picker,
+    toast: $dark-material-toast,
+    tooltip: $dark-material-tooltip,
+    tree: $dark-material-tree,
+    watermark: $dark-material-watermark,
     _meta: (
         theme: 'material',
         variant: 'dark',

package/sass/themes/schemas/components/dark/_input-group.scss

@@ -9,16 +9,13 @@
 /// @access public
 ////
 
-/// Generates a base dark input-group schema.
-/// @type {Map}
-$base-dark-input-group: $light-input-group;
-
-/// Generates a dark input-group schema based on a mix of $light-input-group and $base-dark-input-group..
+/// Generates a dark material input-group schema.
 /// @type {Map}
 /// @prop {Map} box-background-focus [color: ('gray', 100)] - The background color of an input group of type box on focus.
-/// @requires $base-dark-input-group
-$dark-input-group: extend(
-    $base-dark-input-group,
+/// @prop {Map} hover-bottom-line-color [color: ('gray', 800)] - The bottom line and border colors in the hover state.
+/// @requires $material-input-group
+$dark-material-input-group: extend(
+    $material-input-group,
     (
         box-background-focus: (
             color: (
@@ -35,7 +32,7 @@ $dark-input-group: extend(
     )
 );
 
-/// Generates a dark fluent input-group schema based on a mix of $fluent-input-group and $base-dark-input-group.
+/// Generates a dark fluent input-group schema.
 /// @type {Map}
 /// @prop {Map} input-prefix-background [color: ('gray', 100)] - The background color of an input prefix of type line, box and border.
 /// @prop {Map} input-suffix-background [color: ('gray', 100)] - The background color of an input sufix of type line, box and border.
@@ -45,9 +42,7 @@ $dark-input-group: extend(
 /// @prop {Map} focused-border-color [color: ('gray', 500)] - The focused input border color for input groups of type border and fluent.
 /// @prop {Map} disabled-border-color [color: ('gray', 100)] - The disabled border color for input groups of type border and fluent.
 /// @requires $fluent-input-group
-/// @requires $base-dark-input-group
 $dark-fluent-input-group: extend(
-    $base-dark-input-group,
     $fluent-input-group,
     (
         input-prefix-background: (
@@ -95,13 +90,12 @@ $dark-fluent-input-group: extend(
     )
 );
 
-/// Generates a dark bootstrap input-group schema based on a mix of $bootstrap-input-group and $base-dark-input-group.
+/// Generates a dark bootstrap input-group schema.
 /// @type {Map}
 /// @requires $bootstrap-input-group
-/// @requires $base-dark-input-group
-$dark-bootstrap-input-group: extend($base-dark-input-group, $bootstrap-input-group);
+$dark-bootstrap-input-group: $bootstrap-input-group;
 
-/// Generates an dark indigo input-group schema
+/// Generates a dark indigo input-group schema,
 /// @type {Map}
 /// @prop {Map} success-secondary-color [color: ('success', 500, .7)] - The success color used in the valid state.
 /// @prop {Map} warning-secondary-color [color: ('warn', 500, .7)] - The warning color used in the warning state.

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

@@ -8,17 +8,17 @@
 
 /// Generates a dark material label schema.
 /// @type {Map}
-/// @prop {Color} color [color: ('gray', 700)] - The label color.
+/// @requires $material-label
 $dark-material-label: $material-label;
 
 /// Generates a dark fluent label schema.
 /// @type {Map}
-/// @prop {Color} color [color: ('gray', 900)] - The label color.
+/// @requires $fluent-label
 $dark-fluent-label: $fluent-label;
 
 /// Generates a dark bootstrap label schema.
 /// @type {Map}
-/// @prop {Color} color [color: ('gray', 700)] - The label color.
+/// @requires $bootstrap-label
 $dark-bootstrap-label: $bootstrap-label;
 
 /// Generates a dark indigo label schema.

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

@@ -9,8 +9,8 @@
 
 /// Generates a base dark list schema.
 /// @type {Map}
-/// @prop {Map} item-background-hover [color: ('gray', 400)] - The list item hover background.
-/// @prop {Map} item-background-active [color: ('gray', 400)] - The active list item background color.
+/// @prop {Map} item-background-hover [color: ('gray', 100)] - The list item hover background.
+/// @prop {Map} item-background-active [color: ('gray', 100)] - The active list item background color.
 $base-dark-list: (
     item-background-hover: (
         color: (
@@ -27,19 +27,19 @@ $base-dark-list: (
     ),
 );
 
-/// Generates a base dark list schema based on a mix of $light-list and $base-dark-list.
+/// Generates a dark material list schema based.
 /// @type {Map}
-/// @requires $light-list
+/// @requires $material-list
 /// @requires $base-dark-list
-$dark-list: extend($light-list, $base-dark-list);
+$dark-material-list: extend($material-list, $base-dark-list);
 
-/// Generates a base dark fluent list schema based on a mix of $fluent-list and $base-dark-list..
+/// Generates a dark fluent list schema.
 /// @type {Map}
 /// @requires $fluent-list
 /// @requires $base-dark-list
 $dark-fluent-list: extend($fluent-list, $base-dark-list);
 
-/// Generates a base dark bootstrap list schema based on a mix of $bootstrap-list and $base-dark-list..
+/// Generates a dark bootstrap list schema.
 /// @type {Map}
 /// @prop {Map} border-color [color: ('gray', 100)] - The list border color.
 /// @prop {Map} item-background [color: ('gray', 50)] - The list item background color.
@@ -47,7 +47,6 @@ $dark-fluent-list: extend($fluent-list, $base-dark-list);
 /// @prop {Map} item-background-active [color: ('gray', 100)] - The active list item background color.
 /// @prop {Map} header-background [color: ('gray', 50)] - The list header background color.
 /// @requires $bootstrap-list
-/// @requires $base-dark-list
 $dark-bootstrap-list: extend(
     $bootstrap-list,
     (
@@ -88,7 +87,7 @@ $dark-bootstrap-list: extend(
     )
 );
 
-/// Generates a dark indigo list schema
+/// Generates a dark indigo list schema.
 /// @type {Map}
 /// @prop {Map} header-text-color [contrast-color: 'surface'] - The list header text color.
 /// @prop {Map} item-background-hover [color: ('primary', 500, .5)] - The list item hover background.

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

@@ -6,10 +6,10 @@
 /// @access public
 ////
 
-/// Generates a dark navbar schema.
+/// Generates a dark material navbar schema.
 /// @type {Map}
-/// @requires $light-navbar
-$dark-navbar: $light-navbar;
+/// @requires $material-navbar
+$dark-material-navbar: $material-navbar;
 
 /// Generates a dark fluent navbar schema.
 /// @type {Map}

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

@@ -20,10 +20,11 @@ $dark-base-navdrawer: (
     ),
 );
 
-/// Generates a dark navdrawer schema.
+/// Generates a dark material navdrawer schema.
 /// @type {Map}
-/// @requires $light-navdrawer
-$dark-navdrawer: extend($light-navdrawer, $dark-base-navdrawer);
+/// @requires $material-navdrawer
+/// @requires $dark-base-navdrawer
+$dark-material-navdrawer: extend($material-navdrawer, $dark-base-navdrawer);
 
 /// Generates a dark fluent navdrawer schema.
 /// @type {Map}
@@ -31,6 +32,7 @@ $dark-navdrawer: extend($light-navdrawer, $dark-base-navdrawer);
 /// @prop {Map} item-active-icon-color [color: ('primary', 100)] - The item's icon active color.
 /// @prop {Map} item-active-background [color: ('primary', 400, .12)] - The item's active background color.
 /// @requires $fluent-navdrawer
+/// @requires $dark-base-navdrawer
 $dark-fluent-navdrawer: extend(
     $fluent-navdrawer,
     $dark-base-navdrawer,
@@ -63,6 +65,7 @@ $dark-fluent-navdrawer: extend(
 /// @type {Map}
 /// @prop {Map} item-hover-background [color: ('gray', 100)] - The item's hover background color.
 /// @requires $bootstrap-navdrawer
+/// @requires $dark-base-navdrawer
 $dark-bootstrap-navdrawer: extend(
     $bootstrap-navdrawer,
     $dark-base-navdrawer,

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

@@ -7,10 +7,10 @@
 /// @access public
 ////
 
-/// Generates a dark overlay schema.
+/// Generates a dark material overlay schema.
 /// @type {Map}
-/// @requires $light-overlay
-$dark-overlay: $light-overlay;
+/// @requires $material-overlay
+$dark-material-overlay: $material-overlay;
 
 /// Generates a dark fluent overlay schema.
 /// @type {Map}

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

@@ -10,7 +10,6 @@
 /// Generates a base dark pagination schema.
 /// @type {Map}
 /// @prop {Map} background-color [color: ('surface')] - The background color of the paging panel.
-/// @requires $light-pagination
 $base-dark-pagination: (
     background-color: (
         color: (
@@ -19,19 +18,19 @@ $base-dark-pagination: (
     ),
 );
 
-/// Generates a dark pagination schema based on a mix of $light-pagination and $base-dark-pagination.
+/// Generates a dark material pagination schema.
 /// @type {Map}
-/// @requires $light-pagination
+/// @requires $material-pagination
 /// @requires $base-dark-pagination
-$dark-pagination: extend($light-pagination, $base-dark-pagination);
+$dark-material-pagination: extend($material-pagination, $base-dark-pagination);
 
-/// Generates a dark fluent pagination schema based on a mix of $fluent-pagination and $base-dark-pagination.
+/// Generates a dark fluent pagination schema.
 /// @type {Map}
 /// @requires $fluent-pagination
 /// @requires $base-dark-pagination
 $dark-fluent-pagination: extend($fluent-pagination, $base-dark-pagination);
 
-/// Generates a dark bootstrap pagination schema based on a mix of $bootstrap-pagination and $base-dark-pagination.
+/// Generates a dark bootstrap pagination schema.
 /// @type {Map}
 /// @requires $bootstrap-pagination
 $dark-bootstrap-pagination: $bootstrap-pagination;
@@ -39,4 +38,5 @@ $dark-bootstrap-pagination: $bootstrap-pagination;
 /// Generates a dark indigo pagination schema.
 /// @type {Map}
 /// @requires $indigo-pagination
+/// @requires $base-dark-pagination
 $dark-indigo-pagination: extend($indigo-pagination, $base-dark-pagination);

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

@@ -7,21 +7,22 @@
 /// @access public
 ////
 
-/// Generates a dark pivot data selector schema.
+/// Generates a dark material pivot data selector schema.
 /// @type {Map}
-$dark-pivot-data-selector: $light-pivot-data-selector;
+/// @requires {Map} $material-pivot-data-selector
+$dark-material-pivot-data-selector: $material-pivot-data-selector;
 
 /// Generates a dark fluent pivot data selector schema.
 /// @type {Map}
-/// @requires {Map} $light-pivot-data-selector
+/// @requires {Map} $fluent-pivot-data-selector
 $dark-fluent-pivot-data-selector: $fluent-pivot-data-selector;
 
 /// Generates a dark bootstrap pivot data selector schema.
 /// @type {Map}
-/// @requires {Map} $light-pivot-data-selector
+/// @requires {Map} $bootstrap-pivot-data-selector
 $dark-bootstrap-pivot-data-selector: $bootstrap-pivot-data-selector;
 
 /// Generates a dark indigo pivot data selector schema.
 /// @type {Map}
-/// @requires {Map} $light-pivot-data-selector
+/// @requires {Map} $indigo-pivot-data-selector
 $dark-indigo-pivot-data-selector: $indigo-pivot-data-selector;

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

@@ -7,7 +7,7 @@
 /// @access public
 ////
 
-/// Generates a dark base progress-linear schema.
+/// Generates a base dark progress-linear schema.
 /// @type {Map}
 /// @prop {Map} track-color [color: ('gray', 100)] - The main track color.
 /// @prop {Map} stripes-color [color: ('gray', 900, .7)] - The track stripes color.
@@ -28,11 +28,11 @@ $dark-base-progress-linear: (
     ),
 );
 
-/// Generates a dark progress-linear schema.
+/// Generates a dark material progress-linear schema.
 /// @type {Map}
-/// @requires $light-progress-linear
+/// @requires $material-progress-linear
 /// @requires $dark-base-progress-linear
-$dark-progress-linear: extend($light-progress-linear, $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}
@@ -48,7 +48,7 @@ $dark-bootstrap-progress-linear: $bootstrap-progress-linear;
 /// Generates a dark indigo progress-linear schema.
 /// @type {Map}
 /// @prop {Map} track-color [color: ('gray', 100)] - The main track color.
-/// @prop {Color} stripes-color [rgba(#222, .35)] - The track stripes color.
+/// @prop {Map} stripes-color [color: ('gray', 50, .35)] - The track stripes color.
 /// @requires $indigo-progress-linear
 $dark-indigo-progress-linear: extend(
     $indigo-progress-linear,
@@ -70,9 +70,9 @@ $dark-indigo-progress-linear: extend(
     )
 );
 
-/// Generates a dark progress-circular schema.
+/// Generates a base dark progress-circular schema.
 /// @type {Map}
-/// @prop {Map} track-color [color: ('gray', 100)] - The main track color.
+/// @prop {Map} base-circle-color [color: ('gray', 100)] - The main track color.
 $dark-base-progress-circular: (
     base-circle-color: (
         color: (
@@ -82,22 +82,26 @@ $dark-base-progress-circular: (
     ),
 );
 
-/// Generates a dark progress-circular schema.
+/// Generates a dark material progress-circular schema.
 /// @type {Map}
-/// @requires $light-progress-circular
-$dark-progress-circular: extend($light-progress-circular, $dark-base-progress-circular);
+/// @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}
 /// @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}
 /// @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}
 /// @requires $indigo-progress-circular
+/// @requires $dark-base-progress-circular
 $dark-indigo-progress-circular: extend($indigo-progress-circular, $dark-base-progress-circular);

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

@@ -7,21 +7,21 @@
 /// @access public
 ////
 
-/// Generates the dark query builder schema.
+/// Generates a dark material query builder schema.
 /// @type {Map}
-/// @see $light-query-builder
-/// @requires $light-query-builder
-$dark-query-builder: $light-query-builder;
+/// @see $material-query-builder
+/// @requires $material-query-builder
+$dark-material-query-builder: $material-query-builder;
 
-/// Generates the dark fluent query builder schema.
+/// Generates a dark fluent query builder schema.
 /// @see $fluent-query-builder
 /// @requires $fluent-query-builder
 $dark-fluent-query-builder: $fluent-query-builder;
 
-/// Generates the dark bootstrap query builder schema.
+/// Generates a dark bootstrap query builder schema.
 $dark-bootstrap-query-builder: $bootstrap-query-builder;
 
-/// Generates the dark indigo query builder schema.
+/// Generates a dark indigo query builder schema.
 /// @type {Map}
 /// @prop {Map} background [color: 'surface'] - The background color of the filtering row.
 /// @requires $indigo-query-builder

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

@@ -8,10 +8,29 @@
 /// @access public
 ////
 
-/// Generates a dark radio schema.
+/// Generates a base dark radio schema.
 /// @type {Map}
-/// @requires $light-radio
-$dark-radio: $light-radio;
+/// @prop {Map} fill-color-hover [color: ('gray', 900)] - The checked border and dot colors on hover.
+/// @prop {Map} fill-hover-border-color [color: ('gray', 900)] - The text color used for the label text.
+$base-dark-radio: (
+    fill-color-hover: (
+        color: (
+            'gray',
+            900,
+        ),
+    ),
+    fill-hover-border-color: (
+        color: (
+            'gray',
+            900,
+        ),
+    ),
+);
+
+/// Generates a dark material radio schema.
+/// @type {Map}
+/// @requires $material-radio
+$dark-material-radio: $material-radio;
 
 /// Generates a dark fluent radio schema.
 /// @type {Map}
@@ -73,56 +92,27 @@ $dark-fluent-radio: extend(
 
 /// Generates a dark bootstrap radio schema.
 /// @type {Map}
-/// @prop {Map} fill-hover-border-color [color: ('gray', 900)] - The text color used for the label text.
-/// @prop {Map} fill-color-hover [color: ('gray', 900)] - The checked border and dot colors on hover.
 /// @requires $bootstrap-radio
-$dark-bootstrap-radio: extend(
-    $bootstrap-radio,
-    (
-        fill-hover-border-color: (
-            color: (
-                'gray',
-                900,
-            ),
-        ),
-        fill-color-hover: (
-            color: (
-                'gray',
-                900,
-            ),
-        ),
-    )
-);
+/// @requires $base-dark-radio
+$dark-bootstrap-radio: extend($bootstrap-radio, $base-dark-radio);
 
 /// Generates a dark indigo radio schema.
 /// @type {Map}
-/// @prop {Map} fill-hover-border-color [color: ('gray', 900)] - The text color used for the label text.
 /// @prop {Map} empty-color [color: ('gray', 700)] - The unchecked border color.
 /// @prop {Map} fill-color [color: ('gray', 900)] - The checked border and dot colors.
-/// @prop {Map} fill-color-hover [color: ('gray', 900)] - The checked border and dot colors on hover.
 /// @prop {Map} disabled-color [color: ('gray', 400)] - The disabled border and dot colors.
 /// @requires $indigo-radio
+/// @requires $base-dark-radio
 $dark-indigo-radio: extend(
     $indigo-radio,
+    $base-dark-radio,
     (
-        fill-hover-border-color: (
-            color: (
-                'gray',
-                900,
-            ),
-        ),
         fill-color: (
             color: (
                 'gray',
                 900,
             ),
         ),
-        fill-color-hover: (
-            color: (
-                'gray',
-                900,
-            ),
-        ),
         empty-color: (
             color: (
                 'gray',

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

@@ -8,10 +8,10 @@
 /// @access public
 ////
 
-/// Generates a dark rating schema.
+/// Generates a dark material rating schema.
 /// @type {Map}
-/// @requires $light-rating
-$dark-rating: $light-rating;
+/// @requires $material-rating
+$dark-material-rating: $material-rating;
 
 /// Generates a dark fluent rating schema.
 /// @type {Map}

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

@@ -7,10 +7,10 @@
 /// @access public
 ////
 
-/// Generates a dark ripple schema.
+/// Generates a dark material ripple schema.
 /// @type {Map}
-/// @requires $light-ripple
-$dark-ripple: $light-ripple;
+/// @requires $material-ripple
+$dark-material-ripple: $material-ripple;
 
 /// Generates a dark fluent ripple schema.
 /// @type {Map}

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

@@ -7,11 +7,10 @@
 /// @access public
 ////
 
-/// Generates a dark scrollbar schema.
+/// Generates a dark material scrollbar schema.
 /// @type {Map}
-/// @prop {String | Number} size [16px] - The size of the track.
-/// @requires $light-scrollbar
-$dark-scrollbar: $light-scrollbar;
+/// @requires $material-scrollbar
+$dark-material-scrollbar: $material-scrollbar;
 
 /// Generates a dark fluent scrollbar schema.
 /// @type {Map}
@@ -22,7 +21,7 @@ $dark-fluent-scrollbar: $fluent-scrollbar;
 /// @type {Map}
 /// @prop {Map} thumb-background [color: ('gray', 200, .5)] - The background color used for the thumb.
 /// @prop {Color} track-background [color: ('gray', 100, .5)] - The background color used for the track.
-/// @requires $light-scrollbar
+/// @requires $bootstrap-scrollbar
 $dark-bootstrap-scrollbar: extend(
     $bootstrap-scrollbar,
     (

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

@@ -10,10 +10,10 @@
 
 /* stylelint-disable max-line-length */
 
-/// Generates a dark select schema.
+/// Generates a dark material select schema.
 /// @type {Map}
-/// @requires $light-select
-$dark-select: $light-select;
+/// @requires $material-select
+$dark-material-select: $material-select;
 
 /// Generates a dark fluent select schema.
 /// @type {Map}