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

package/dist/meta/sassdoc-raw-data.json

@@ -399,8 +399,8 @@
     {
         "description": "The theme colors map of the AppBar.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -408,8 +408,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -524,8 +524,8 @@
     {
         "description": "The theme colors map of the BottomNavigation.\n",
         "commentRange": {
-            "start": 31,
-            "end": 32
+            "start": 32,
+            "end": 33
         },
         "context": {
             "type": "variable",
@@ -533,8 +533,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 33,
-                "end": 33
+                "start": 34,
+                "end": 34
             }
         },
         "group": [
@@ -574,8 +574,8 @@
     {
         "description": "The theme colors map of the Button.\n",
         "commentRange": {
-            "start": 114,
-            "end": 115
+            "start": 116,
+            "end": 117
         },
         "context": {
             "type": "variable",
@@ -583,8 +583,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 116,
-                "end": 116
+                "start": 118,
+                "end": 118
             }
         },
         "group": [
@@ -599,8 +599,8 @@
     {
         "description": "The sizes map of the Button.\n",
         "commentRange": {
-            "start": 118,
-            "end": 119
+            "start": 120,
+            "end": 121
         },
         "context": {
             "type": "variable",
@@ -608,8 +608,8 @@
             "value": "(\n    xs: (\n        padding-x: $kendo-button-xs-padding-x,\n        padding-y: $kendo-button-xs-padding-y,\n        font-size: $kendo-button-xs-font-size,\n        line-height: $kendo-button-xs-line-height\n    ),\n    sm: (\n        padding-x: $kendo-button-sm-padding-x,\n        padding-y: $kendo-button-sm-padding-y,\n        font-size: $kendo-button-sm-font-size,\n        line-height: $kendo-button-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-button-md-padding-x,\n        padding-y: $kendo-button-md-padding-y,\n        font-size: $kendo-button-md-font-size,\n        line-height: $kendo-button-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-button-lg-padding-x,\n        padding-y: $kendo-button-lg-padding-y,\n        font-size: $kendo-button-lg-font-size,\n        line-height: $kendo-button-lg-line-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 120,
-                "end": 145
+                "start": 122,
+                "end": 147
             }
         },
         "group": [
@@ -3583,8 +3583,8 @@
     {
         "description": "The sizes map for the ColumnMenu.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -3592,8 +3592,8 @@
             "value": "(\n    sm: (\n        padding-x: $kendo-column-menu-item-sm-padding-x,\n        padding-y: $kendo-column-menu-item-sm-padding-y,\n        font-size: $kendo-column-menu-sm-font-size,\n        line-height: $kendo-column-menu-sm-line-height\n    ),\n    md: (\n        padding-x: $kendo-column-menu-item-md-padding-x,\n        padding-y: $kendo-column-menu-item-md-padding-y,\n        font-size: $kendo-column-menu-md-font-size,\n        line-height: $kendo-column-menu-md-line-height\n    ),\n    lg: (\n        padding-x: $kendo-column-menu-item-lg-padding-x,\n        padding-y: $kendo-column-menu-item-lg-padding-y,\n        font-size: $kendo-column-menu-lg-font-size,\n        line-height: $kendo-column-menu-lg-line-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 45
+                "start": 30,
+                "end": 49
             }
         },
         "group": [
@@ -3708,8 +3708,8 @@
     {
         "description": "The sizes map of the Form.\n",
         "commentRange": {
-            "start": 64,
-            "end": 65
+            "start": 70,
+            "end": 71
         },
         "context": {
             "type": "variable",
@@ -3717,8 +3717,8 @@
             "value": "(\n    sm: (\n        form-rows-spacing: $kendo-form-sm-rows-spacing\n    ),\n    md: (\n        form-rows-spacing: $kendo-form-md-rows-spacing\n    ),\n    lg: (\n        form-rows-spacing: $kendo-form-lg-rows-spacing\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 66,
-                "end": 76
+                "start": 72,
+                "end": 82
             }
         },
         "group": [
@@ -3733,8 +3733,8 @@
     {
         "description": "The sizes map of the Grid.\n",
         "commentRange": {
-            "start": 66,
-            "end": 67
+            "start": 71,
+            "end": 72
         },
         "context": {
             "type": "variable",
@@ -3742,8 +3742,8 @@
             "value": "(\n    sm: (\n        header-padding-x: $kendo-grid-sm-header-padding-x,\n        header-padding-y: $kendo-grid-sm-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-sm-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-sm-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-sm-cell-padding-x,\n        cell-padding-y: $kendo-grid-sm-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-sm-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-sm-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-sm-edit-cell-padding-y,\n        button-padding-y: $kendo-button-sm-padding-y,\n        button-calc-size: $kendo-button-sm-calc-size,\n        group-dropclue-height: $kendo-grid-sm-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-sm-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-sm-selection-aggregates-padding-y\n    ),\n    md: (\n        header-padding-x: $kendo-grid-md-header-padding-x,\n        header-padding-y: $kendo-grid-md-header-padding-y,\n        grouping-header-padding-x: $kendo-grid-md-grouping-header-padding-x,\n        grouping-header-padding-y: $kendo-grid-md-grouping-header-padding-y,\n        cell-padding-x: $kendo-grid-md-cell-padding-x,\n        cell-padding-y: $kendo-grid-md-cell-padding-y,\n        filter-cell-padding-x: $kendo-grid-md-filter-cell-padding-x,\n        filter-cell-padding-y: $kendo-grid-md-filter-cell-padding-y,\n        edit-cell-padding-x: $kendo-grid-md-edit-cell-padding-x,\n        edit-cell-padding-y: $kendo-grid-md-edit-cell-padding-y,\n        button-padding-y: $kendo-button-md-padding-y,\n        button-calc-size: $kendo-button-md-calc-size,\n        group-dropclue-height: $kendo-grid-md-group-dropclue-height,\n        selection-aggregates-padding-x: $kendo-grid-md-selection-aggregates-padding-x,\n        selection-aggregates-padding-y: $kendo-grid-md-selection-aggregates-padding-y\n    ),\n)",
             "scope": "default",
             "line": {
-                "start": 68,
-                "end": 103
+                "start": 73,
+                "end": 108
             }
         },
         "group": [
@@ -3858,8 +3858,8 @@
     {
         "description": "The theme colors map of the MessageBox.\n",
         "commentRange": {
-            "start": 20,
-            "end": 21
+            "start": 21,
+            "end": 22
         },
         "context": {
             "type": "variable",
@@ -3867,8 +3867,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\", \"info\", \"success\", \"warning\", \"error\", \"inverse\")",
             "scope": "default",
             "line": {
-                "start": 22,
-                "end": 22
+                "start": 23,
+                "end": 23
             }
         },
         "group": [
@@ -4491,8 +4491,8 @@
     {
         "description": "The theme colors map of the Suggestion.\n",
         "commentRange": {
-            "start": 16,
-            "end": 17
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -4500,8 +4500,8 @@
             "value": "(\"base\", \"primary\", \"secondary\", \"tertiary\")",
             "scope": "default",
             "line": {
-                "start": 18,
-                "end": 18
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -4541,17 +4541,17 @@
     {
         "description": "The sizes map of the Table.\n",
         "commentRange": {
-            "start": 22,
-            "end": 23
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
             "name": "kendo-table-sizes",
-            "value": "(\n    sm: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: var(--kendo-font-size),\n        line-height: var(--kendo-line-height),\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
+            "value": "(\n    sm: (\n        font-size: $kendo-table-sm-font-size,\n        line-height: $kendo-table-sm-line-height,\n        cell-padding-x: $kendo-table-sm-cell-padding-x,\n        cell-padding-y: $kendo-table-sm-cell-padding-y\n    ),\n    md: (\n        font-size: $kendo-table-md-font-size,\n        line-height: $kendo-table-md-line-height,\n        cell-padding-x: $kendo-table-md-cell-padding-x,\n        cell-padding-y: $kendo-table-md-cell-padding-y\n    ),\n    lg: (\n        font-size: $kendo-table-lg-font-size,\n        line-height: $kendo-table-lg-line-height,\n        cell-padding-x: $kendo-table-lg-cell-padding-x,\n        cell-padding-y: $kendo-table-lg-cell-padding-y\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 24,
-                "end": 43
+                "start": 33,
+                "end": 52
             }
         },
         "group": [
@@ -4616,8 +4616,8 @@
     {
         "description": "The sizes map of the ToolBar.\n",
         "commentRange": {
-            "start": 59,
-            "end": 60
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -4625,8 +4625,8 @@
             "value": "(\n    sm: (\n        padding-x: $kendo-toolbar-sm-padding-x,\n        padding-y: $kendo-toolbar-sm-padding-y,\n        spacing: $kendo-toolbar-sm-spacing,\n        separator-height: $kendo-toolbar-sm-separator-height\n    ),\n    md: (\n        padding-x: $kendo-toolbar-md-padding-x,\n        padding-y: $kendo-toolbar-md-padding-y,\n        spacing: $kendo-toolbar-md-spacing,\n        separator-height: $kendo-toolbar-md-separator-height\n    ),\n    lg: (\n        padding-x: $kendo-toolbar-lg-padding-x,\n        padding-y: $kendo-toolbar-lg-padding-y,\n        spacing: $kendo-toolbar-lg-spacing,\n        separator-height: $kendo-toolbar-lg-separator-height\n    )\n)",
             "scope": "default",
             "line": {
-                "start": 61,
-                "end": 80
+                "start": 62,
+                "end": 81
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -469,9 +469,17 @@
         "type": "Number",
         "value": "0.001"
     },
-    "kendo-elevation-border-opacity-step": {
+    "kendo-translucency-base": {
         "type": "Number",
-        "value": "10"
+        "value": "0%"
+    },
+    "kendo-translucency-blur-base": {
+        "type": "Number",
+        "value": "6px"
+    },
+    "kendo-translucency-blur-step": {
+        "type": "Number",
+        "value": "2px"
     },
     "kendo-font-size": {
         "type": "Number",

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": "13.2.0-dev.4",
+  "version": "14.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "7368a47b22d3a917d55b6f022728aee002b3125a"
+  "gitHead": "3f1cafd275c148edc39e26aa67cc7105a3421dbc"
 }

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

@@ -104,6 +104,7 @@
         border-block-end-style: solid;
         font-size: $kendo-actionsheet-titlebar-font-size;
         font-family: $kendo-actionsheet-titlebar-font-family;
+        font-weight: $kendo-actionsheet-titlebar-font-weight;
         line-height: $kendo-actionsheet-titlebar-line-height;
         flex: none;
         display: flex;
@@ -157,6 +158,7 @@
     // Actionsheet item
     .k-actionsheet-item {
         padding: 0;
+        border-radius: $kendo-actionsheet-item-border-radius;
         box-sizing: border-box;
         display: flex;
         flex-flow: row nowrap;

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

@@ -28,6 +28,7 @@ $kendo-actionsheet-titlebar-font-size: null !default;
 $kendo-actionsheet-titlebar-font-family: null !default;
 $kendo-actionsheet-titlebar-line-height: null !default;
 $kendo-actionsheet-titlebar-gap: null !default;
+$kendo-actionsheet-titlebar-font-weight: null !default;
 
 $kendo-actionsheet-titlebar-bg: null !default;
 $kendo-actionsheet-titlebar-text: null !default;
@@ -54,6 +55,7 @@ $kendo-actionsheet-item-padding-x: null !default;
 $kendo-actionsheet-item-padding-y: null !default;
 $kendo-actionsheet-item-border-width: null !default;
 $kendo-actionsheet-item-spacing: null !default;
+$kendo-actionsheet-item-border-radius: null !default;
 
 $kendo-actionsheet-item-title-font-weight: null !default;
 $kendo-actionsheet-item-title-text-transform: null !default;

package/scss/components/appbar/_layout.scss

@@ -12,6 +12,7 @@
         padding-inline: $kendo-appbar-padding-x;
         border-width: $kendo-appbar-border-width;
         border-style: solid;
+        border-radius: $kendo-appbar-border-radius;
         box-sizing: border-box;
         outline: 0;
         font-family: $kendo-appbar-font-family;

package/scss/components/appbar/_variables.scss

@@ -8,6 +8,7 @@ $kendo-appbar-margin-y: null !default;
 $kendo-appbar-padding-x: null !default;
 $kendo-appbar-padding-y: null !default;
 $kendo-appbar-border-width: null !default;
+$kendo-appbar-border-radius: null !default;
 $kendo-appbar-zindex: null !default;
 $kendo-appbar-font-family: null !default;
 $kendo-appbar-font-size: null !default;

package/scss/components/bottom-navigation/_layout.scss

@@ -13,6 +13,7 @@
         border-width: 0;
         border-style: solid;
         border-color: transparent;
+        border-radius: $kendo-bottom-nav-border-radius;
         box-sizing: border-box;
         font-size: $kendo-bottom-nav-font-size;
         line-height: $kendo-bottom-nav-line-height;

package/scss/components/bottom-navigation/_theme.scss

@@ -34,20 +34,21 @@
         // Fillmode: flat
         #{k-when-default($kendo-bottom-nav-default-fill-mode, "flat")}
         &.k-bottom-nav-flat {
+            @include fill(
+                $kendo-bottom-nav-flat-text,
+                $kendo-bottom-nav-flat-bg,
+                $kendo-bottom-nav-flat-border
+            );
+
+            .k-bottom-nav-item.k-focus,
+            .k-bottom-nav-item:focus {
+                @include fill( $bg: color-mix(in srgb, k-color(on-app-surface) 5%, transparent));
+            }
+
             // Theme colors
             @each $name in $kendo-bottom-navigation-theme-colors {
                 #{k-when-default($kendo-bottom-nav-default-theme-color, $name)}
                 &.k-bottom-nav-#{$name} {
-                    @include fill(
-                        $kendo-bottom-nav-flat-text,
-                        $kendo-bottom-nav-flat-bg,
-                        $kendo-bottom-nav-flat-border
-                    );
-
-                    .k-bottom-nav-item.k-focus,
-                    .k-bottom-nav-item:focus {
-                        @include fill( $bg: color-mix(in srgb, k-color(on-app-surface) 5%, transparent));
-                    }
 
                     .k-bottom-nav-item.k-selected {
                         @include fill( $color: k-color(#{$name}-on-surface));

package/scss/components/bottom-navigation/_variables.scss

@@ -9,6 +9,7 @@ $kendo-bottom-nav-padding-x: null !default;
 $kendo-bottom-nav-padding-y: null !default;
 $kendo-bottom-nav-gap: null !default;
 $kendo-bottom-nav-border-width: null !default;
+$kendo-bottom-nav-border-radius: null !default;
 $kendo-bottom-nav-font-family: null !default;
 $kendo-bottom-nav-font-size: null !default;
 $kendo-bottom-nav-line-height: null !default;

package/scss/components/button/_layout.scss

@@ -25,7 +25,7 @@
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        gap: $kendo-icon-spacing;
+        gap: $kendo-button-gap;
         vertical-align: middle;
         user-select: none;
         cursor: pointer;

package/scss/components/button/_variables.scss

@@ -9,6 +9,8 @@ $kendo-button-border-width: null !default;
 
 $kendo-button-border-radius: null !default;
 
+$kendo-button-gap: null !default;
+
 $kendo-button-xs-padding-x: null !default;
 $kendo-button-sm-padding-x: null !default;
 $kendo-button-md-padding-x: null !default;

package/scss/components/chart-wizard/_layout.scss

@@ -15,7 +15,12 @@
             display: flex;
             padding: $kendo-chart-wizard-icon-area-padding;
             border-radius: $kendo-chart-wizard-icon-area-border-radius;
-            transition: box-shadow k-transition(rapid);
+            transition: box-shadow k-transition(rapid), border-color k-transition(rapid);
+
+            @if $kendo-chart-wizard-icon-area-border-width {
+                border-width: $kendo-chart-wizard-icon-area-border-width;
+                border-style: solid;
+            }
         }
     }
 

package/scss/components/chart-wizard/_theme.scss

@@ -7,7 +7,9 @@
                 color: $kendo-chart-wizard-chart-type-selected-color;
 
                 .k-icon-background-area {
+                    background-color: $kendo-chart-wizard-icon-area-selected-bg;
                     box-shadow: $kendo-chart-wizard-icon-area-selected-shadow;
+                    border-color: $kendo-chart-wizard-icon-area-selected-border-color;
                 }
             }
 
@@ -27,6 +29,7 @@
         .k-icon-background-area {
             color: $kendo-chart-wizard-icon-area-color;
             background-color: $kendo-chart-wizard-icon-area-bg;
+            border-color: $kendo-chart-wizard-icon-area-border-color;
         }
     }
 }

package/scss/components/chart-wizard/_variables.scss

@@ -3,9 +3,13 @@
 $kendo-chart-wizard-icon-area-color: null !default;
 $kendo-chart-wizard-icon-area-bg: null !default;
 $kendo-chart-wizard-icon-area-border-radius: null !default;
+$kendo-chart-wizard-icon-area-border-width: null !default;
+$kendo-chart-wizard-icon-area-border-color: null !default;
 $kendo-chart-wizard-icon-area-padding: null !default;
 $kendo-chart-wizard-icon-area-focus-shadow: null !default;
 $kendo-chart-wizard-icon-area-selected-shadow: null !default;
+$kendo-chart-wizard-icon-area-selected-border-color: null !default;
+$kendo-chart-wizard-icon-area-selected-bg: null !default;
 
 $kendo-chart-wizard-chart-type-selected-color: null !default;
 

package/scss/components/chat/_layout.scss

@@ -17,6 +17,7 @@
         min-height: $kendo-chat-height;
         max-height: 100%;
         border-width: $kendo-chat-border-width;
+        border-radius: $kendo-chat-border-radius;
         border-style: solid;
         box-sizing: border-box;
         outline: 0;
@@ -42,6 +43,7 @@
         z-index: k-z-index("banner");
         border-inline-width: 0;
         border-block-start-width: 0;
+        border-radius: 0;
     }
 
     // Message list
@@ -413,6 +415,9 @@
             inset-inline-start: $kendo-chat-message-reference-padding-x;
             height: calc( 100% - #{$kendo-chat-message-reference-padding-y} );
             width: 2px;
+            margin-block: auto;
+            top: 0;
+            bottom: 0;
         }
     }
 

package/scss/components/chat/_variables.scss

@@ -5,6 +5,7 @@ $kendo-chat-padding-y: null !default;
 $kendo-chat-width: null !default;
 $kendo-chat-height: null !default;
 $kendo-chat-border-width: null !default;
+$kendo-chat-border-radius: null !default;
 $kendo-chat-font-family: null !default;
 $kendo-chat-font-size: null !default;
 $kendo-chat-line-height: null !default;

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

@@ -65,6 +65,15 @@
         border-block-start: 1px solid;
     }
 
+    .k-columnmenu-item-wrapper {
+        padding-block: $kendo-column-menu-item-wrapper-padding-y;
+    }
+
+    .k-columnmenu-item,
+    .k-column-list-item {
+        border-radius: $kendo-column-list-item-border-radius;
+    }
+
     .k-group-menu-item {
         display: flex;
         user-select: none;

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

@@ -9,6 +9,8 @@ $kendo-column-menu-item-md-padding-y: null !default;
 $kendo-column-menu-item-lg-padding-x: null !default;
 $kendo-column-menu-item-lg-padding-y: null !default;
 
+$kendo-column-menu-item-wrapper-padding-y: null !default;
+
 $kendo-column-menu-font-size: null !default;
 $kendo-column-menu-sm-font-size: null !default;
 $kendo-column-menu-md-font-size: null !default;
@@ -21,6 +23,8 @@ $kendo-column-menu-lg-line-height: null !default;
 
 $kendo-column-menu-font-family: null !default;
 
+$kendo-column-list-item-border-radius: null !default;
+
 /// The sizes map for the ColumnMenu.
 /// @group column-menu
 $kendo-column-menu-sizes: (

package/scss/components/dataviz/_layout.scss

@@ -46,6 +46,8 @@
 
     .k-chart-surface {
         height: 100%;
+        border-radius: $kendo-chart-border-radius;
+        overflow: hidden;
     }
 
     .k-chart .k-popup {
@@ -296,6 +298,7 @@
         box-sizing: border-box;
         border-width: 1px;
         border-style: solid;
+        border-radius: $kendo-treemap-border-radius;
         outline: 0;
         font-family: $kendo-treemap-font-family;
         font-size: $kendo-treemap-font-size;

package/scss/components/dataviz/_variables.scss

@@ -68,6 +68,7 @@ $kendo-series-29: null !default;
 $kendo-series-30: null !default;
 
 $kendo-chart-border-width: null !default;
+$kendo-chart-border-radius: null !default;
 $kendo-chart-font-family: null !default;
 $kendo-chart-font-size: null !default;
 $kendo-chart-line-height: null !default;
@@ -122,6 +123,7 @@ $kendo-treemap-line-height: null !default;
 
 $kendo-treemap-padding-x: null !default;
 $kendo-treemap-padding-y: null !default;
+$kendo-treemap-border-radius: null !default;
 
 $kendo-treemap-text: null !default;
 $kendo-treemap-bg: null !default;

package/scss/components/dock-manager/_layout.scss

@@ -11,6 +11,7 @@
         height: 100%;
         border-width: $kendo-dock-manager-border-width;
         border-style: $kendo-dock-manager-border-style;
+        border-radius: $kendo-dock-manager-border-radius;
         position: relative;
         display: flex;
         flex-flow: row nowrap;

package/scss/components/dock-manager/_variables.scss

@@ -1,6 +1,7 @@
 $kendo-dock-manager-border-width: null !default;
 $kendo-dock-manager-border-style: null !default;
 $kendo-dock-manager-border: null !default;
+$kendo-dock-manager-border-radius: null !default;
 
 $kendo-dock-manager-pane-header-padding-y: null !default;
 $kendo-dock-manager-pane-header-padding-x: null !default;

package/scss/components/dropzone/_layout.scss

@@ -15,6 +15,7 @@
         padding-inline: $kendo-dropzone-padding-x;
         border-width: $kendo-dropzone-border-width;
         border-style: solid;
+        border-radius: $kendo-dropzone-border-radius;
         box-sizing: border-box;
         font-size: $kendo-dropzone-font-size;
         font-family: $kendo-dropzone-font-family;

package/scss/components/dropzone/_variables.scss

@@ -3,6 +3,7 @@
 $kendo-dropzone-padding-x: null !default;
 $kendo-dropzone-padding-y: null !default;
 $kendo-dropzone-border-width: null !default;
+$kendo-dropzone-border-radius: null !default;
 $kendo-dropzone-min-height: null !default;
 
 $kendo-dropzone-font-family: null !default;

package/scss/components/editor/_layout.scss

@@ -14,6 +14,7 @@
     // Base
     .k-editor {
         border-width: $kendo-editor-border-width;
+        border-radius: $kendo-editor-border-radius;
         border-style: solid;
         box-sizing: border-box;
         outline: 0;

package/scss/components/editor/_variables.scss

@@ -1,6 +1,7 @@
 // Editor
 
 $kendo-editor-border-width: null !default;
+$kendo-editor-border-radius: null !default;
 $kendo-editor-font-family: null !default;
 $kendo-editor-font-size: null !default;
 $kendo-editor-line-height: null !default;

package/scss/components/expansion-panel/_layout.scss

@@ -7,6 +7,7 @@
     .k-expander {
         border-width: $kendo-expander-border-width;
         border-style: solid;
+        border-radius: $kendo-expander-border-radius;
         box-sizing: border-box;
         overflow: hidden;
         outline: 0;
@@ -42,8 +43,8 @@
 
     // Title
     .k-expander-title {
-        text-transform: uppercase;
-        font-weight: 500;
+        text-transform: $kendo-expander-title-text-transform;
+        font-weight: $kendo-expander-title-font-weight;
     }
 
     // Expand / collapse icon

package/scss/components/expansion-panel/_variables.scss

@@ -2,6 +2,7 @@
 
 $kendo-expander-spacing-y: null !default;
 $kendo-expander-border-width: null !default;
+$kendo-expander-border-radius: null !default;
 $kendo-expander-font-family: null !default;
 $kendo-expander-font-size: null !default;
 $kendo-expander-line-height: null !default;
@@ -23,6 +24,9 @@ $kendo-expander-header-hover-bg: null !default;
 $kendo-expander-header-focus-bg: null !default;
 $kendo-expander-header-focus-shadow: null !default;
 
+$kendo-expander-title-font-weight: null !default;
+$kendo-expander-title-text-transform: null !default;
+
 $kendo-expander-title-text: null !default;
 
 $kendo-expander-header-sub-title-text: null !default;