@progress/kendo-theme-core 13.2.0-dev.2 → 13.2.0-dev.4

package/scss/components/icons/_theme.scss

@@ -4,4 +4,8 @@
     .k-accent-icon {
         color: $kendo-accent-icon-color;
     }
+
+    .k-action-icon {
+        color: $kendo-action-icon-color;
+    }
 }

package/scss/components/icons/_variables.scss

@@ -11,3 +11,4 @@ $kendo-icon-spacing: null !default;
 $kendo-icon-padding: null !default;
 
 $kendo-accent-icon-color: null !default;
+$kendo-action-icon-color: null !default;

package/scss/components/listbox/_layout.scss

@@ -51,6 +51,7 @@
 
         .k-list-scroller {
             width: 100%;
+            min-width: 0;
             min-height: 0;
             height: inherit;
             border-width: $kendo-listbox-border-width;

package/scss/components/loader/_layout.scss

@@ -420,8 +420,7 @@
 
     }
 
-    .k-loader-container,
-    .k-loader-container-overlay {
+    .k-loader-container {
         width: 100%;
         height: 100%;
         position: absolute;
@@ -431,10 +430,6 @@
         inset-inline-start: 0;
     }
 
-    // TODO: use k-overlay as a base class in rendering
-    .k-loader-container-overlay {
-        opacity: $kendo-overlay-opacity;
-    }
 
     .k-loader-container-inner {
         display: flex;
@@ -443,6 +438,14 @@
         z-index: k-z-index("base", 2);
     }
 
+    .k-loader-container-overlay {
+        position: absolute;
+    }
+
+    .k-loader-container-overlay + .k-loader-container-inner {
+        z-index: k-z-index("overlay");
+    }
+
     .k-loader-container-panel {
         border-width: $kendo-loader-container-panel-border-width;
         border-style: $kendo-loader-container-panel-border-style;

package/scss/components/loader/_variables.scss

@@ -56,4 +56,4 @@ $kendo-zindex-loading: null !default;
 
 /// The theme colors map of the Loader.
 /// @group loader
-$kendo-loader-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-loader-theme-colors: ("base", "primary", "secondary", "tertiary") !default;

package/scss/components/messagebox/_theme.scss

@@ -11,19 +11,11 @@
         .k-messagebox {
             #{k-when-default($kendo-message-box-default-theme-color, $color-name)}
             &.k-messagebox-#{$color-name} {
-                @if $color-name == "inverse" {
-                    @include fill(
-                        k-color(dark-on-subtle),
-                        k-color(dark-subtle),
-                        k-color(dark-hover)
-                    );
-                } @else {
-                    @include fill(
-                        k-color(#{$color-name}-on-subtle),
-                        k-color(#{$color-name}-subtle),
-                        k-color(#{$color-name}-emphasis)
-                    );
-                }
+                @include fill(
+                    k-color(#{$color-name}-on-subtle),
+                    k-color(#{$color-name}-subtle),
+                    k-color(#{$color-name}-emphasis)
+                );
             }
         }
     }

package/scss/components/messagebox/_variables.scss

@@ -19,4 +19,4 @@ $kendo-message-box-link-text-decoration: null !default;
 
 /// The theme colors map of the MessageBox.
 /// @group message-box
-$kendo-message-box-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-message-box-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") !default;

package/scss/components/overlay/_theme.scss

@@ -1,25 +1,8 @@
-@use "../../color-system/_functions.scss" as *;
-@use "../../functions/default.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-overlay--theme-base() {
     // Overlay
     .k-overlay {
-        @each $name in $kendo-overlay-theme-colors {
-            #{k-when-default($kendo-overlay-default-theme-color, $name)}
-            &.k-overlay-#{$name} {
-                background-color: k-color(#{$name});
-            }
-        }
-
         background-color: $kendo-overlay-bg;
     }
-
-    // Where single k-overlay-{color} is used as a theme element
-    @each $name in $kendo-overlay-theme-colors {
-        .k-overlay-#{$name} {
-            background-color: k-color(#{$name});
-        }
-    }
-
 }

package/scss/components/overlay/_variables.scss

@@ -1,8 +1,3 @@
-$kendo-overlay-default-theme-color: null !default;
-
 $kendo-overlay-bg: null !default;
 $kendo-overlay-opacity: null !default;
 
-/// The theme colors map of the Overlay.
-/// @group overlay
-$kendo-overlay-theme-colors: ("dark", "light", "inverse") !default;

package/scss/components/suggestion/_layout.scss

@@ -16,6 +16,7 @@
 
     .k-suggestion-group {
         padding-block: calc( #{$kendo-suggestion-padding-y} / 2 );
+        margin-inline: calc( #{$kendo-suggestion-padding-y} / -2 );
         display: flex;
         flex: 1;
         flex-wrap: wrap;
@@ -27,8 +28,12 @@
             flex-wrap: nowrap;
         }
 
+        &:not(:has(.k-suggestions-scroll)) {
+            padding-inline: calc( #{$kendo-suggestion-padding-y} / 2 );
+        }
+
         .k-suggestions-scroll {
-            padding-block: calc( #{$kendo-suggestion-padding-y} / 2 );
+            padding: calc( #{$kendo-suggestion-padding-y} / 2 );
             margin-block: calc( #{$kendo-suggestion-padding-y} / -2 );
             display: flex;
             overflow-x: auto;

package/scss/components/suggestion/_variables.scss

@@ -15,7 +15,7 @@ $kendo-suggestion-focus-shadow-color: null !default;
 
 /// The theme colors map of the Suggestion.
 /// @group suggestion
-$kendo-suggestion-theme-colors: ("base", "primary", "secondary") !default;
+$kendo-suggestion-theme-colors: ("base", "primary", "secondary", "tertiary") !default;
 
 $kendo-suggestion-default-theme-color: null !default;
 

package/scss/components/timeselector/_theme.scss

@@ -60,7 +60,7 @@
         }
 
         .k-item:hover {
-            color: k-color(primary);
+            color: k-color(primary-on-surface);
         }
     }
 

package/scss/components/window/_theme.scss

@@ -14,18 +14,6 @@
             $kendo-window-border
         );
         @include box-shadow( $kendo-window-shadow );
-
-        // Window theme colors
-        @each $name in $kendo-window-theme-colors {
-
-            #{k-when-default($kendo-window-default-theme-color, $name)}
-            &.k-window-#{$name} {
-                .k-window-titlebar {
-                    color: k-color(on-#{$name});
-                    background-color: k-color(#{$name});
-                }
-            }
-        }
     }
 
     .k-window:focus,

package/scss/components/window/_variables.scss

@@ -1,6 +1,5 @@
 // Window
 
-$kendo-window-default-theme-color: null !default;
 $kendo-window-default-size: null !default;
 
 $kendo-window-border-width: null !default;
@@ -47,7 +46,3 @@ $kendo-window-sizes: (
     md: 800px,
     lg: 1200px
 ) !default;
-
-/// The theme colors map of the Window.
-/// @group window
-$kendo-window-theme-colors: ("primary", "light", "dark") !default;