@progress/kendo-theme-core 10.6.0-dev.1 → 10.6.0-dev.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "10.6.0-dev.1",
+  "version": "10.6.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,5 +45,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "ad221dc64d09d67b542d5aec44da07a8604904a3"
+  "gitHead": "d84da47877d4b18773ad7e5d2d9e7934e78094dd"
 }

package/scss/components/action-sheet/_layout.scss

@@ -69,7 +69,12 @@
         overflow: hidden;
         position: relative;
         display: flex;
-        flex-flow: row nowrap;
+
+        // Leave only "flex-flow: row nowrap;" here after the suites adopt the "k-actionsheet-view" element.
+        flex-flow: column nowrap;
+        &:has(> .k-actionsheet-view) {
+            flex-flow: row nowrap;
+        }
 
         .k-actionsheet-view {
             display: flex;

package/scss/components/calendar/_layout.scss

@@ -135,7 +135,7 @@
     .k-calendar-header {
         padding-block: $kendo-calendar-header-padding-y;
         padding-inline: $kendo-calendar-header-padding-x;
-        min-width: ($kendo-calendar-cell-size * 8);
+        min-width: var( --INTERNAL--kendo-calendar-view-width, #{$kendo-calendar-view-width});
         box-sizing: border-box;
         display: flex;
         align-items: center;
@@ -167,7 +167,7 @@
         padding-block: 0;
         padding-inline: $kendo-calendar-header-padding-x;
         // setting width / height prevents layout changes in meta views
-        width: $kendo-calendar-view-width;
+        width: var( --INTERNAL--kendo-calendar-view-width, #{$kendo-calendar-view-width});
         inline-size: var( --INTERNAL--kendo-calendar-view-width, #{$kendo-calendar-view-width});
         min-height: $kendo-calendar-view-height;
         box-sizing: content-box;
@@ -188,8 +188,8 @@
         $_month-cell-size: $kendo-calendar-cell-size;
 
         .k-calendar-td {
-            width: $_month-cell-size;
-            height: $_month-cell-size;
+            width: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
+            height: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
             inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
             block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
         }
@@ -202,8 +202,8 @@
         $_year-cell-size: ( 2 * $kendo-calendar-cell-size );
 
         .k-calendar-td {
-            width: $_year-cell-size;
-            height: $_year-cell-size;
+            width: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
+            height: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
             inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
             block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
         }
@@ -216,8 +216,8 @@
         $_decade-cell-size: ( 2 * $kendo-calendar-cell-size );
 
         .k-calendar-td {
-            width: $_decade-cell-size;
-            height: $_decade-cell-size;
+            width: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
+            height: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );;
             inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
             block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
         }
@@ -230,8 +230,8 @@
         $_century-cell-size: ( 2 * $kendo-calendar-cell-size );
 
         .k-calendar-td {
-            width: $_century-cell-size;
-            height: $_century-cell-size;
+            width: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
+            height: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
             inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
             block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
         }

package/scss/components/column-menu/_layout.scss

@@ -16,7 +16,18 @@
             font-size: $_font-size;
             line-height: $_line-height;
 
-            .k-columnmenu-item,
+            .k-columnmenu-item {
+                padding-block: $_padding-y;
+                padding-inline: $_padding-x;
+                font-size: $_font-size;
+                line-height: $_line-height;
+            }
+        }
+
+        .k-column-list-#{$size} {
+            font-size: $_font-size;
+            line-height: $_line-height;
+
             .k-column-list-item {
                 padding-block: $_padding-y;
                 padding-inline: $_padding-x;