igniteui-theming 1.4.5 → 1.4.6

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

@@ -0,0 +1,86 @@
+@use '../../../../utils/map' as *;
+@use '../../../../typography/functions' as *;
+
+////
+/// @package theming
+/// @group schemas
+/// @access public
+////
+
+/// Generates a light highlight schema.
+/// @type {Map}
+/// @prop {Map} resting-background [color: ('gray', 300)] - The background color used for the highlight in its resting state.
+/// @prop {Map} resting-color [contrast-color: ('gray', 300)] - The icon color used for the highlight in its resting state.
+/// @prop {Map} active-background [color: ('secondary', A100)] - The background color used for the highlight in its active state.
+/// @prop {Map} active-color [contrast-color: ('secondary', A100) - The text color used for the highlight in its active state.
+$light-highlight: (
+    resting-background: (
+        color: (
+            'gray',
+            300,
+        ),
+    ),
+
+    resting-color: (
+        contrast-color: (
+            'gray',
+            300,
+        ),
+    ),
+
+    active-background: (
+        color: (
+            'secondary',
+            'A100',
+        ),
+    ),
+
+    active-color: (
+        contrast-color: (
+            'secondary',
+            'A100',
+        ),
+    ),
+);
+
+/// Generates a fluent highlight schema.
+/// @type {Map}
+/// @requires {Map} $light-highlight
+$fluent-highlight: $light-highlight;
+
+/// Generates a bootstrap highlight schema.
+/// @type {Map}
+/// @requires {Map} $light-highlight
+$bootstrap-highlight: $light-highlight;
+
+/// Generates an indigo highlight schema.
+/// @type {Map}
+/// @prop {Map} active-background [color: ('primary', 500)] - The background color used for the highlight in its active state.
+/// @prop {Map} active-color [contrast-color: ('primary', 500)] - The text color used for the highlight in its active state.
+/// @prop {Map} resting-color [contrast-color: ( color: ('gray', 300))] - The icon color used for the highlight in its resting state.
+/// @requires {Map} $light-highlight
+$indigo-highlight: extend(
+    $light-highlight,
+    (
+        active-background: (
+            color: (
+                'primary',
+                500,
+            ),
+        ),
+
+        active-color: (
+            contrast-color: (
+                'primary',
+                500,
+            ),
+        ),
+
+        resting-color: (
+            contrast-color: (
+                'gray',
+                300,
+            ),
+        ),
+    )
+);

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

@@ -9,23 +9,13 @@
 
 /// Generates a light icon schema.
 /// @type {Map}
-/// @prop {Color} color [color: ('gray', 800)] - The icon color.
+/// @prop {Color} color ["'currentColor'"] - The icon color.
 /// @prop {String} size [rem(24px)] - The icon size.
-/// @prop {Color} disabled-color [color: ('gray', 500)] - The disabled icon color.
+/// @prop {Color} disabled-color ["'currentColor'"] - The disabled icon color.
 $light-icon: (
-    color: (
-        color: (
-            'gray',
-            800,
-        ),
-    ),
+    color: "'currentColor'",
     size: rem(24px),
-    disabled-color: (
-        color: (
-            'gray',
-            500,
-        ),
-    ),
+    disabled-color: "'currentColor'",
 );
 
 /// Generates a fluent icon schema.

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

@@ -4,41 +4,114 @@
 /// @access public
 ////
 
+@use './action-strip' as *;
 @use './avatar' as *;
+@use './badge' as *;
+@use './banner' as *;
+@use './bottom-nav' as *;
 @use './button' as *;
+@use './button-group' as *;
+@use './calendar' as *;
+@use './card' as *;
+@use './carousel' as *;
+@use './checkbox' as *;
+@use './chip' as *;
+@use './column-actions' as *;
+@use './combo' as *;
+@use './date-range-picker' as *;
+@use './dialog' as *;
+@use './divider' as *;
+@use './dock-manager' as *;
+@use './drop-down' as *;
+@use './expansion-panel' as *;
+@use './grid' as *;
+@use './grid-filtering' as *;
+@use './grid-summary' as *;
+@use './grid-toolbar' as *;
+@use './highlight' as *;
 @use './icon' as *;
-@use './navbar' as *;
 @use './input-group' as *;
-@use './checkbox' as *;
-@use './switch' as *;
+@use './list' as *;
+@use './navbar' as *;
+@use './navdrawer' as *;
+@use './overlay' as *;
+@use './pagination' as *;
+@use './pivot-data-selector' as *;
+@use './progress' as *;
+@use './query-builder' as *;
 @use './radio' as *;
-@use './tabs' as *;
 @use './rating' as *;
+@use './ripple' as *;
+@use './scrollbar' as *;
 @use './select' as *;
 @use './slider' as *;
-@use './drop-down' as *;
-@use './combo' as *;
+@use './snackbar' as *;
+@use './splitter' as *;
+@use './stepper' as *;
+@use './switch' as *;
+@use './tabs' as *;
+@use './time-picker' as *;
+@use './toast' as *;
+@use './tooltip' as *;
 @use './tree' as *;
+@use './watermark' as *;
 
 /// Used to create material component themes.
 /// Use in combination with light palettes.
 /// @type Map.
 $light-material-schema: (
+    action-strip: $light-action-strip,
     avatar: $light-avatar,
+    badge: $light-badge,
+    banner: $light-banner,
+    bottom-nav: $light-bottom-nav,
     button: $light-button,
+    button-group: $light-button-group,
+    calendar: $light-calendar,
+    card: $light-card,
+    carousel: $light-carousel,
+    checkbox: $light-checkbox,
+    chip: $light-chip,
+    column-actions: $light-column-actions,
+    combo: $light-combo,
+    date-range: $light-date-range-picker,
+    dialog: $light-dialog,
+    divider: $light-divider,
+    dockmanager: $light-dock-manager,
+    drop-down: $light-drop-down,
+    expansion-panel: $light-expansion-panel,
+    grid: $light-grid,
+    grid-filtering: $light-grid-filtering,
+    grid-summary: $light-grid-summary,
+    grid-toolbar: $light-grid-toolbar,
+    highlight: $light-highlight,
     icon: $light-icon,
-    navbar: $light-navbar,
     input-group: $light-input-group,
-    checkbox: $light-checkbox,
-    switch: $light-switch,
+    list: $light-list,
+    navbar: $light-navbar,
+    nav-drawer: $light-navdrawer,
+    overlay: $light-overlay,
+    paginator: $light-pagination,
+    pivot-data-selector: $light-pivot-data-selector,
+    linear-bar: $light-progress-linear,
+    circular-bar: $light-progress-circular,
+    query-builder: $light-query-builder,
     radio: $light-radio,
-    tabs: $light-tabs,
     rating: $light-rating,
+    ripple: $light-ripple,
+    scrollbar: $light-scrollbar,
     select: $light-select,
     slider: $light-slider,
-    dropdown: $light-drop-down,
-    combo: $light-combo,
+    snackbar: $light-snackbar,
+    splitter: $light-splitter,
+    stepper: $light-stepper,
+    switch: $light-switch,
+    tabs: $light-tabs,
+    time-picker: $light-time-picker,
+    toast: $light-toast,
+    tooltip: $light-tooltip,
     tree: $light-tree,
+    watermark: $light-watermark,
     _meta: (
         theme: 'material',
         variant: 'light',
@@ -49,21 +122,58 @@ $light-material-schema: (
 /// Use in combination with light palettes.
 /// @type Map
 $light-fluent-schema: (
+    action-strip: $fluent-action-strip,
     avatar: $fluent-avatar,
+    badge: $fluent-badge,
+    banner: $fluent-banner,
+    bottom-nav: $fluent-bottom-nav,
     button: $fluent-button,
+    button-group: $fluent-button-group,
+    calendar: $fluent-calendar,
+    card: $fluent-card,
+    carousel: $fluent-carousel,
+    checkbox: $fluent-checkbox,
+    chip: $fluent-chip,
+    column-actions: $fluent-column-actions,
+    combo: $fluent-combo,
+    date-range: $fluent-date-range-picker,
+    dialog: $fluent-dialog,
+    divider: $fluent-divider,
+    dockmanager: $fluent-dock-manager,
+    drop-down: $fluent-drop-down,
+    expansion-panel: $fluent-expansion-panel,
+    grid: $fluent-grid,
+    grid-filtering: $fluent-grid-filtering,
+    grid-summary: $fluent-grid-summary,
+    grid-toolbar: $fluent-grid-toolbar,
+    highlight: $fluent-highlight,
     icon: $fluent-icon,
-    navbar: $fluent-navbar,
     input-group: $fluent-input-group,
-    checkbox: $fluent-checkbox,
-    switch: $fluent-switch,
+    list: $fluent-list,
+    navbar: $fluent-navbar,
+    nav-drawer: $fluent-navdrawer,
+    overlay: $fluent-overlay,
+    paginator: $fluent-pagination,
+    pivot-data-selector: $fluent-pivot-data-selector,
+    linear-bar: $fluent-progress-linear,
+    circular-bar: $fluent-progress-circular,
+    query-builder: $fluent-query-builder,
     radio: $fluent-radio,
-    tabs: $fluent-tabs,
     rating: $fluent-rating,
+    ripple: $fluent-ripple,
+    scrollbar: $fluent-scrollbar,
     select: $fluent-select,
     slider: $fluent-slider,
-    dropdown: $fluent-drop-down,
-    combo: $fluent-combo,
+    snackbar: $fluent-snackbar,
+    splitter: $fluent-splitter,
+    stepper: $fluent-stepper,
+    switch: $fluent-switch,
+    tabs: $fluent-tabs,
+    time-picker: $fluent-time-picker,
+    toast: $fluent-toast,
+    tooltip: $fluent-tooltip,
     tree: $fluent-tree,
+    watermark: $fluent-watermark,
     _meta: (
         theme: 'fluent',
         variant: 'light',
@@ -74,21 +184,58 @@ $light-fluent-schema: (
 /// Use in combination with light palettes.
 /// @type Map
 $light-bootstrap-schema: (
+    action-strip: $bootstrap-action-strip,
     avatar: $bootstrap-avatar,
+    badge: $bootstrap-badge,
+    banner: $bootstrap-banner,
+    bottom-nav: $bootstrap-bottom-nav,
     button: $bootstrap-button,
+    button-group: $bootstrap-button-group,
+    calendar: $bootstrap-calendar,
+    card: $bootstrap-card,
+    carousel: $bootstrap-carousel,
+    checkbox: $bootstrap-checkbox,
+    chip: $bootstrap-chip,
+    column-actions: $bootstrap-column-actions,
+    combo: $bootstrap-combo,
+    date-range: $bootstrap-date-range-picker,
+    dialog: $bootstrap-dialog,
+    divider: $bootstrap-divider,
+    dockmanager: $bootstrap-dock-manager,
+    drop-down: $bootstrap-drop-down,
+    expansion-panel: $bootstrap-expansion-panel,
+    grid: $bootstrap-grid,
+    grid-filtering: $bootstrap-grid-filtering,
+    grid-summary: $bootstrap-grid-summary,
+    grid-toolbar: $bootstrap-grid-toolbar,
+    highlight: $bootstrap-highlight,
     icon: $bootstrap-icon,
-    navbar: $bootstrap-navbar,
     input-group: $bootstrap-input-group,
-    checkbox: $bootstrap-checkbox,
-    switch: $bootstrap-switch,
+    list: $bootstrap-list,
+    navbar: $bootstrap-navbar,
+    nav-drawer: $bootstrap-navdrawer,
+    overlay: $bootstrap-overlay,
+    paginator: $bootstrap-pagination,
+    pivot-data-selector: $bootstrap-pivot-data-selector,
+    linear-bar: $bootstrap-progress-linear,
+    circular-bar: $bootstrap-progress-circular,
+    query-builder: $bootstrap-query-builder,
     radio: $bootstrap-radio,
-    tabs: $bootstrap-tabs,
     rating: $bootstrap-rating,
+    ripple: $bootstrap-ripple,
+    scrollbar: $bootstrap-scrollbar,
     select: $bootstrap-select,
     slider: $bootstrap-slider,
-    dropdown: $bootstrap-drop-down,
-    combo: $bootstrap-combo,
+    snackbar: $bootstrap-snackbar,
+    splitter: $bootstrap-splitter,
+    stepper: $bootstrap-stepper,
+    switch: $bootstrap-switch,
+    tabs: $bootstrap-tabs,
+    time-picker: $bootstrap-time-picker,
+    toast: $bootstrap-toast,
+    tooltip: $bootstrap-tooltip,
     tree: $bootstrap-tree,
+    watermark: $bootstrap-watermark,
     _meta: (
         theme: 'bootstrap',
         variant: 'light',
@@ -99,21 +246,58 @@ $light-bootstrap-schema: (
 /// Use in combination with light palettes.
 /// @type Map
 $light-indigo-schema: (
+    action-strip: $indigo-action-strip,
     avatar: $indigo-avatar,
+    badge: $indigo-badge,
+    banner: $indigo-banner,
+    bottom-nav: $indigo-bottom-nav,
     button: $indigo-button,
+    button-group: $indigo-button-group,
+    calendar: $indigo-calendar,
+    card: $indigo-card,
+    carousel: $indigo-carousel,
+    checkbox: $indigo-checkbox,
+    chip: $indigo-chip,
+    column-actions: $indigo-column-actions,
+    combo: $indigo-combo,
+    date-range: $indigo-date-range-picker,
+    dialog: $indigo-dialog,
+    divider: $indigo-divider,
+    dockmanager: $indigo-dock-manager,
+    drop-down: $indigo-drop-down,
+    expansion-panel: $indigo-expansion-panel,
+    grid: $indigo-grid,
+    grid-filtering: $indigo-grid-filtering,
+    grid-summary: $indigo-grid-summary,
+    grid-toolbar: $indigo-grid-toolbar,
+    highlight: $indigo-highlight,
     icon: $indigo-icon,
-    navbar: $indigo-navbar,
     input-group: $indigo-input-group,
-    checkbox: $indigo-checkbox,
-    switch: $indigo-switch,
+    list: $indigo-list,
+    navbar: $indigo-navbar,
+    nav-drawer: $indigo-navdrawer,
+    overlay: $indigo-overlay,
+    paginator: $indigo-pagination,
+    pivot-data-selector: $indigo-pivot-data-selector,
+    linear-bar: $indigo-progress-linear,
+    circular-bar: $indigo-progress-circular,
+    query-builder: $indigo-query-builder,
     radio: $indigo-radio,
-    tabs: $indigo-tabs,
     rating: $indigo-rating,
+    ripple: $indigo-ripple,
+    scrollbar: $indigo-scrollbar,
     select: $indigo-select,
     slider: $indigo-slider,
-    dropdown: $indigo-drop-down,
-    combo: $indigo-combo,
+    snackbar: $indigo-snackbar,
+    splitter: $indigo-splitter,
+    stepper: $indigo-stepper,
+    switch: $indigo-switch,
+    tabs: $indigo-tabs,
+    time-picker: $indigo-time-picker,
+    toast: $indigo-toast,
+    tooltip: $indigo-tooltip,
     tree: $indigo-tree,
+    watermark: $indigo-watermark,
     _meta: (
         theme: 'indigo-design',
         variant: 'light',