@progress/kendo-theme-core 12.3.1-dev.8 → 13.0.0-dev.0

package/scss/components/treeview/_variables.scss

@@ -1,5 +1,7 @@
 // TreeView
 
+$kendo-treeview-default-size: null !default;
+
 $kendo-treeview-font-family: null !default;
 $kendo-treeview-font-size: null !default;
 $kendo-treeview-sm-font-size: null !default;
@@ -28,7 +30,34 @@ $kendo-treeview-md-checkbox-padding-y: null !default;
 $kendo-treeview-lg-checkbox-padding-y: null !default;
 
 
-$kendo-treeview-sizes: null !default;
+/// The sizes map of the TreeView.
+/// @group treeview
+$kendo-treeview-sizes: (
+    sm: (
+        font-size: $kendo-treeview-sm-font-size,
+        line-height: $kendo-treeview-sm-line-height,
+        item-padding-x: $kendo-treeview-sm-item-padding-x,
+        item-padding-y: $kendo-treeview-sm-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-sm-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-sm-checkbox-padding-y
+    ),
+    md: (
+        font-size: $kendo-treeview-md-font-size,
+        line-height: $kendo-treeview-md-line-height,
+        item-padding-x: $kendo-treeview-md-item-padding-x,
+        item-padding-y: $kendo-treeview-md-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-md-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-md-checkbox-padding-y
+    ),
+    lg: (
+        font-size: $kendo-treeview-lg-font-size,
+        line-height: $kendo-treeview-lg-line-height,
+        item-padding-x: $kendo-treeview-lg-item-padding-x,
+        item-padding-y: $kendo-treeview-lg-item-padding-y,
+        checkbox-padding-x: $kendo-treeview-lg-checkbox-padding-x,
+        checkbox-padding-y: $kendo-treeview-lg-checkbox-padding-y
+    )
+) !default;
 
 
 $kendo-treeview-bg: null !default;

package/scss/components/window/_layout.scss

@@ -1,5 +1,6 @@
 @use "sass:list";
 @use "../../mixins/index.scss" as *;
+@use "../../functions/index.scss" as *;
 @use "../../color-system/_constants.scss" as *;
 @use "../../z-index/index.scss" as *;
 @use "./variables.scss" as *;
@@ -23,11 +24,13 @@
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
 
-        // overlay during dragging
-        // .k-overlay {
-        //    position: absolute;
-        //    opacity: 0;
-        // }
+        // Window sizes
+        @each $size, $width in $kendo-window-sizes {
+            #{k-when-default( $kendo-window-default-size, $size )}
+            &.k-window-#{$size} {
+                width: $width;
+            }
+        }
     }
     .k-window.k-window-maximized {
         max-width: 100vw;
@@ -35,13 +38,6 @@
         box-shadow: none;
     }
 
-
-    // Window sizes
-    @each $size, $width in $kendo-window-sizes {
-        .k-window-#{$size} { width: $width; }
-    }
-
-
     // Title bar
     .k-window-titlebar {
         @include border-top-radius( $kendo-window-border-radius );

package/scss/components/window/_theme.scss

@@ -14,6 +14,18 @@
             $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,
@@ -32,12 +44,4 @@
         );
     }
 
-    // Window theme colors
-    @each $name, $color in $kendo-window-theme-colors {
-        .k-window-#{$name} .k-window-titlebar {
-            color: k-color(on-#{$name});
-            background-color: $color;
-        }
-    }
-
 }

package/scss/components/window/_variables.scss

@@ -1,5 +1,8 @@
 // Window
 
+$kendo-window-default-theme-color: null !default;
+$kendo-window-default-size: null !default;
+
 $kendo-window-border-width: null !default;
 $kendo-window-border-radius: null !default;
 $kendo-window-font-family: null !default;
@@ -36,6 +39,15 @@ $kendo-window-titlebar-text: null !default;
 $kendo-window-titlebar-border: null !default;
 $kendo-window-titlebar-gradient: null !default;
 
-$kendo-window-sizes: null !default;
-
-$kendo-window-theme-colors: null !default;
+/// The sizes map of the Window.
+/// @group window
+$kendo-window-sizes: (
+    auto: null,
+    sm: 300px,
+    md: 800px,
+    lg: 1200px
+) !default;
+
+/// The theme colors map of the Window.
+/// @group window
+$kendo-window-theme-colors: ("primary", "light", "dark") !default;

package/scss/functions/_default.scss

@@ -0,0 +1,16 @@
+@use "sass:list";
+@use "sass:meta";
+
+/// Returns a SCSS selector self-reference ("&") when the current value matches the default value,
+/// otherwise returns null. This is useful for conditionally applying styles only when a component
+/// option is set to its default value, allowing default styles to be grouped together.
+/// @param {String} $default - The default value to compare against.
+/// @param {String | List} $current - The current value to check. Can be a single value or a list of values.
+/// @return {String | Null} - Returns "&," when values match, null otherwise.
+
+@function k-when-default($default, $current) {
+  @if meta.type-of($current) == "list" {
+    @return if(list.index($current, $default) != null, "&,", null);
+  }
+  @return if($default == $current, "&,", null);
+}

package/scss/functions/index.scss

@@ -1,4 +1,5 @@
 @forward "./_color.scss";
+@forward "./_default.scss";
 @forward "./_lang.scss";
 @forward "./_list.scss";
 @forward "./_math.scss";