@progress/kendo-theme-meridian 14.0.0-dev.4 → 14.0.0-dev.6

package/dist/meta/variables.json

@@ -623,7 +623,7 @@
     },
     "kendo-font-family": {
         "type": "List",
-        "value": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")"
+        "value": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")"
     },
     "default-font-sizes": {
         "type": "Map",
@@ -677,11 +677,11 @@
     },
     "default-font-families": {
         "type": "Map",
-        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
+        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
         "prettyValue": {
             "sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
             "serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
-            "sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
+            "sans-serif": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
             "monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)"
         }
     },
@@ -737,11 +737,11 @@
     },
     "kendo-font-families": {
         "type": "Map",
-        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
+        "value": "(sans: (Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans), serif: (\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville), sans-serif: (Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"), monospace: (SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace))",
         "prettyValue": {
             "sans": "(Arial, Verdana, Tahoma, \"Trebuchet MS\", Helvetica, Impact, Gill Sans)",
             "serif": "(\"Times New Roman\", Georgia, Garamond, Palatino, Baskerville)",
-            "sans-serif": "(system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
+            "sans-serif": "(Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\")",
             "monospace": "(SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace)"
         }
     },
@@ -2919,8 +2919,8 @@
         "value": "var(--kendo-color-surface-alt)"
     },
     "kendo-color-preview-no-color-text": {
-        "type": "String",
-        "value": "var(--kendo-color-error)"
+        "type": "Color",
+        "value": "oklch(51.01% 0.1951 14.31deg)"
     },
     "kendo-color-preview-no-color-border": {
         "type": "Null",
@@ -2928,7 +2928,7 @@
     },
     "kendo-color-preview-no-color-image": {
         "type": "String",
-        "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='var%28--kendo-color-error%29' stroke-width='1'/%3e%3c/svg%3e\")"
+        "value": "url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' version='1.1'%3e%3cline x1='0' x2='20' y1='0' y2='20' stroke='oklch%2851.01%25 0.1951 14.31deg%29' stroke-width='1'/%3e%3c/svg%3e\")"
     },
     "kendo-color-preview-transparent-color-image": {
         "type": "String",
@@ -5560,7 +5560,7 @@
     },
     "kendo-menu-item-text": {
         "type": "String",
-        "value": "var(--kendo-color-subtle)"
+        "value": "var(--kendo-color-on-app-surface)"
     },
     "kendo-menu-item-border": {
         "type": "Null",
@@ -7038,8 +7038,8 @@
         "value": "var(--kendo-spacing-8)"
     },
     "kendo-color-palette-tile-focus-shadow": {
-        "type": "List",
-        "value": "(inset 0 0 0 2px var(--kendo-color-on-inverse), inset 0 0 0 4px var(--kendo-color-subtle))"
+        "type": "String",
+        "value": "none"
     },
     "kendo-color-palette-tile-hover-shadow": {
         "type": "List",
@@ -7067,6 +7067,18 @@
             }
         }
     },
+    "kendo-color-palette-tile-focus-outline-color": {
+        "type": "String",
+        "value": "var(--kendo-color-subtle)"
+    },
+    "kendo-color-palette-tile-focus-outline-width": {
+        "type": "Number",
+        "value": "1px"
+    },
+    "kendo-color-palette-tile-focus-outline-offset": {
+        "type": "Number",
+        "value": "1px"
+    },
     "kendo-color-gradient-default-size": {
         "type": "String",
         "value": "\"md\""
@@ -12480,7 +12492,7 @@
     },
     "kendo-grid-grouping-row-border-top": {
         "type": "Number",
-        "value": "0px"
+        "value": "1px"
     },
     "kendo-grid-group-footer-border-y": {
         "type": "Number",
@@ -13015,8 +13027,8 @@
         "value": "1px"
     },
     "kendo-pivotgrid-border-radius": {
-        "type": "String",
-        "value": "var(--kendo-border-radius-xxl)"
+        "type": "Null",
+        "value": "null"
     },
     "kendo-pivotgrid-icon-spacing": {
         "type": "String",
@@ -13595,12 +13607,12 @@
         "value": "null"
     },
     "kendo-taskboard-toolbar-padding-y": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-spacing-4) * 0.625)"
+        "type": "String",
+        "value": "var(--kendo-spacing-3\\.5)"
     },
     "kendo-taskboard-toolbar-padding-x": {
-        "type": "Calculation",
-        "value": "calc(var(--kendo-spacing-4) * 0.625)"
+        "type": "String",
+        "value": "var(--kendo-spacing-3\\.5)"
     },
     "kendo-taskboard-toolbar-bg": {
         "type": "String",
@@ -13619,8 +13631,12 @@
         "value": "null"
     },
     "kendo-taskboard-content-padding-y": {
-        "type": "String",
-        "value": "var(--kendo-spacing-4)"
+        "type": "List",
+        "value": "(0 var(--kendo-spacing-4))"
+    },
+    "kendo-taskboard-content-padding-x": {
+        "type": "Number",
+        "value": "0"
     },
     "kendo-taskboard-column-container-spacing-y": {
         "type": "Calculation",

package/lib/swatches/meridian-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.0.0-dev.4",
+    "version": "14.0.0-dev.6",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.0.0-dev.4",
+    "version": "14.0.0-dev.6",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.0.0-dev.4",
+  "version": "14.0.0-dev.6",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,13 +52,13 @@
     "postpublish": "echo 'no postpublish for meridian theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "14.0.0-dev.4",
-    "@progress/kendo-theme-utils": "14.0.0-dev.4"
+    "@progress/kendo-svg-icons": "4.9.0",
+    "@progress/kendo-theme-core": "14.0.0-dev.6",
+    "@progress/kendo-theme-utils": "14.0.0-dev.6"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "0a049a1cd9554ac43cbd9fde45dc9ac49703cadf"
+  "gitHead": "0df0e4e29b482e22243c6e74b121a3bdb0976828"
 }

package/scss/action-sheet/_layout.scss

@@ -6,10 +6,6 @@
 @mixin kendo-action-sheet--layout() {
     @include kendo-action-sheet--layout-base();
 
-    .k-actionsheet-item {
-        transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
-    }
-
     .k-actionsheet .k-list-ul {
         padding-inline: $kendo-list-container-padding-inline;
         padding-block: $kendo-list-container-padding-block;

package/scss/bottom-navigation/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-bottom-navigation--layout() {
     @include kendo-bottom-navigation--layout-base();
-
-    .k-bottom-nav-item {
-        transition: background-color k-transition(emphasis), color k-transition(emphasis), font-weight k-transition(emphasis), outline k-transition(emphasis);
-    }
 }

package/scss/breadcrumb/_layout.scss

@@ -4,9 +4,4 @@
 
 @mixin kendo-breadcrumb--layout() {
     @include kendo-breadcrumb--layout-base();
-
-    .k-breadcrumb-link,
-    .k-breadcrumb-root-link {
-        transition: color k-transition(rapid), background-color k-transition(rapid), outline k-transition(rapid);
-    }
 }

package/scss/bubble/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-bubble--layout() {
     @include kendo-bubble--layout-base();
-
-    .k-bubble {
-        transition: border-color k-transition(rapid), background-color k-transition(rapid), outline k-transition(rapid);
-    }
 }

package/scss/button/_theme.scss

@@ -162,18 +162,30 @@
                         // Hover state
                         &:hover,
                         &.k-hover {
-                            background-color: color-mix(in srgb, k-color(#{$name}-subtle-hover) 70%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            @if $name == "warning" {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-hover) 25%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            } @else {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-hover) 50%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            }
                         }
 
                         // Active state
                         &:active,
                         &.k-active {
-                            background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 70%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            @if $name == "warning" {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 35%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            } @else {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 70%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            }
                         }
 
                         // Selected state
                         &.k-selected {
-                            background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 70%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            @if $name == "warning" {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 35%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            } @else {
+                                background-color: color-mix(in srgb, k-color(#{$name}-subtle-active) 70%, transparent) !important; // stylelint-disable-line declaration-no-important
+                            }
                         }
                     }
                 }

package/scss/calendar/_layout.scss

@@ -15,10 +15,6 @@
                 border-radius: $kendo-calendar-range-cell-border-radius;
             }
         }
-
-        .k-calendar-cell-inner {
-            transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
-        }
     }
 
     .k-calendar:not(.k-calendar-infinite) {

package/scss/chart-wizard/_layout.scss

@@ -3,10 +3,4 @@
 
 @mixin kendo-chart-wizard--layout() {
     @include kendo-chart-wizard--layout-base();
-
-    .k-chart-wizard {
-        .k-icon-background-area {
-            transition: outline k-transition(rapid), border-color k-transition(rapid);
-        }
-    }
 }

package/scss/checkbox/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-checkbox--layout() {
     @include kendo-checkbox--layout-base();
-
-    .k-checkbox {
-        transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
-    }
 }

package/scss/chip/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-chip--layout() {
     @include kendo-chip--layout-base();
-
-    .k-chip {
-        transition: color k-transition(rapid), background-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
-    }
 }

package/scss/color-preview/_variables.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 @use "../core/_index.scss" as *;
 @use "../core/functions/index.scss" as *;
 
@@ -26,7 +27,7 @@ $kendo-color-preview-hover-border: k-color(border) !default;
 $kendo-color-preview-no-color-bg: k-color(surface-alt) !default;
 /// The text color of the ColorPreview when no color is selected.
 /// @group color-preview
-$kendo-color-preview-no-color-text: k-color(error) !default;
+$kendo-color-preview-no-color-text: map.get($kendo-colors, error) !default;
 /// The border color of the ColorPreview when no color is selected.
 /// @group color-preview
 $kendo-color-preview-no-color-border: null !default;

package/scss/colorpalette/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-color-palette--layout() {
     @include kendo-color-palette--layout-base();
-
-    .k-colorpalette-tile {
-        transition: outline k-transition(rapid);
-    }
 }

package/scss/colorpalette/_theme.scss

@@ -1,6 +1,20 @@
 @use "@progress/kendo-theme-core/scss/components/colorpalette/_theme.scss" as *;
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
 
 
 @mixin kendo-color-palette--theme() {
     @include kendo-color-palette--theme-base();
+
+    .k-colorpalette-tile {
+        &:focus,
+        &.k-focus {
+            @include focus-indicator(
+                $indicator: $kendo-color-palette-tile-focus-outline-color,
+                $type: "outline",
+                $outline-width: $kendo-color-palette-tile-focus-outline-width,
+                $outline-offset: $kendo-color-palette-tile-focus-outline-offset
+            );
+        }
+    }
 }

package/scss/colorpalette/_variables.scss

@@ -44,7 +44,16 @@ $kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default
 
 /// The shadow of the ColorPalette focused tile.
 /// @group color-palette
-$kendo-color-palette-tile-focus-shadow: inset 0 0 0 2px k-color(on-inverse), inset 0 0 0 4px k-color(subtle) !default;
+$kendo-color-palette-tile-focus-shadow: none !default;
+/// The outline color of the ColorPalette focused tile.
+/// @group color-palette
+$kendo-color-palette-tile-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the ColorPalette focused tile.
+/// @group color-palette
+$kendo-color-palette-tile-focus-outline-width: 1px !default;
+/// The outline offset of the ColorPalette focused tile.
+/// @group color-palette
+$kendo-color-palette-tile-focus-outline-offset: 1px !default;
 /// The shadow of the ColorPalette hovered tile.
 /// @group color-palette
 $kendo-color-palette-tile-hover-shadow: 0 0 3px 1px k-color(inverse), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;

package/scss/colorpicker/_layout.scss

@@ -1,5 +1,27 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.scss" as *;
+@use "../input/_variables.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/colorpicker/_layout.scss" as *;
 
 @mixin kendo-color-picker--layout() {
     @include kendo-color-picker--layout-base();
+
+    .k-colorpicker {
+        // Roundness
+        @each $roundness in $kendo-picker-roundness {
+            #{k-when-default($kendo-picker-default-roundness, $roundness)}
+            &.k-rounded-#{$roundness} {
+
+                @each $size, $size-props in $kendo-input-sizes {
+                    $_padding-y: map.get( $size-props, padding-y );
+
+                    #{k-when-default($kendo-picker-default-size, $size)}
+                    &.k-picker-#{$size} {
+                        @include concentric-radius(k-border-radius($roundness), $_padding-y, ".k-color-preview");
+                    }
+                }
+            }
+        }
+    }
 }

package/scss/core/typography/index.scss

@@ -106,7 +106,7 @@ $kendo-font-family-sans: Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Impa
 $kendo-font-family-serif: "Times New Roman", Georgia, Garamond, Palatino, Baskerville !default;
 /// The sans-serif font family across all components.
 /// @group typography
-$kendo-font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$kendo-font-family-sans-serif: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 /// The monospace font family across all components.
 /// @group typography
 $kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;

package/scss/drawer/_layout.scss

@@ -12,7 +12,6 @@
     }
 
     .k-drawer-item {
-        transition: background-color k-transition(snappy), color k-transition(snappy), outline k-transition(snappy);
 
         > .k-drawer-link {
             gap: $kendo-drawer-item-spacing;

package/scss/fab/_layout.scss

@@ -7,7 +7,6 @@
     @include kendo-fab--layout-base();
 
     .k-fab {
-        transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
 
         .k-fab-icon {
             min-width: calc( #{$kendo-fab-font-size} * #{$kendo-fab-line-height} );

package/scss/filter/_layout.scss

@@ -4,8 +4,4 @@
 
 @mixin kendo-filter--layout() {
     @include kendo-filter--layout-base();
-
-    .k-filter-menu-container .k-toolbar {
-        transition: outline k-transition(snappy);
-    }
 }

package/scss/gantt/_layout.scss

@@ -1,16 +1,24 @@
 @use "@progress/kendo-theme-core/scss/components/gantt/_layout.scss" as *;
+@use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 
 @mixin kendo-gantt--layout() {
     @include kendo-gantt--layout-base();
 
      .k-gantt{
+
         .k-splitbar {
             border-inline: 1px solid $kendo-gantt-border;
         }
-        .k-gantt-header,
+
+        .k-gantt-header {
+            @include border-top-radius($kendo-gantt-border-radius);
+            @include border-bottom-radius(0);
+        }
+
         .k-gantt-footer {
-            border-radius: 0;
+            @include border-top-radius(0);
+            @include border-bottom-radius($kendo-gantt-border-radius);
         }
     }
 }

package/scss/grid/_layout.scss

@@ -15,6 +15,7 @@
     }
 
     .k-grid {
+
         .k-table .k-grid-header-sticky,
         .k-table .k-grid-content-sticky,
         .k-table .k-grid-footer-sticky {
@@ -42,6 +43,18 @@
                 border-inline-start: 1px solid k-color(border);
             }
         }
+
+        .k-table .k-table-row .k-table-group-td {
+            border-width: 0;
+        }
+
+        .k-grouping-row + .k-table-row .k-table-td {
+            border-block-start-width: 0;
+        }
+
+        .k-grouping-row + .k-master-row .k-table-td {
+            border-block-start-width: $kendo-grid-grouping-row-border-top;
+        }
     }
 
     // Column menu fix for action buttons focus state
@@ -62,4 +75,38 @@
     .k-grouping-row .k-table-td {
         font-weight: var(--kendo-font-weight-medium, 500);
     }
+
+    .k-table-group-row .k-table-td {
+        border-block-end-width: 0;
+    }
+
+    // Row-span cells use an inset shadow for all borders,
+    // so zero out the td's own borders to avoid doubling.
+    .k-grid .k-table-td-row-span {
+        border-width: 0;
+    }
+
+    // Pinned and sticky containers have their own borders,
+    // so zero out the adjacent row td borders to avoid doubling.
+    .k-grid-pinned-wrap,
+    .k-grid-sticky-container {
+        .k-table-row:first-child > .k-table-td {
+            border-block-start-width: 0;
+        }
+        .k-table-row:last-child > .k-table-td {
+            border-block-end-width: 0;
+        }
+    }
+
+     .k-grid-header {
+        .k-table-thead > .k-table-row:not(:only-child) > .k-table-th,
+        .k-table-thead > .k-table-row:not(:only-child) > .k-table-td {
+            border-inline-start: 1px solid k-color(border);
+        }
+
+        .k-table-thead > .k-table-row:not(:only-child):first-child > .k-table-th:first-child,
+        .k-table-thead > .k-table-row:not(:only-child):first-child > .k-table-td:first-child {
+            border-inline-start-width: 0;
+        }
+    }
 }

package/scss/grid/_variables.scss

@@ -462,7 +462,7 @@ $kendo-grid-hierarchy-col-width: ($kendo-icon-size * 2) !default;
 
 /// The grouping border top of the Grid row.
 /// @group grid
-$kendo-grid-grouping-row-border-top: 0px !default;
+$kendo-grid-grouping-row-border-top: 1px !default;
 /// The vertical border of the Grid footer.
 /// @group grid
 $kendo-grid-group-footer-border-y: 1px !default;

package/scss/input/_layout.scss

@@ -10,7 +10,6 @@
     @include kendo-input--layout-base();
 
     .k-input {
-        transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
 
         .k-input-button,
         .k-input-spinner {
@@ -53,12 +52,12 @@
                 .k-input-suffix > .k-icon,
                 .k-input-suffix > .k-icon-wrapper-host .k-icon,
                 .k-input-suffix > .k-input-suffix-text {
-                    padding-block: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
+                    padding-block: $_padding-y;
                     padding-inline: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
                 }
 
                 .k-clear-value {
-                    padding-block: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
+                    padding-block: $_padding-y;
                     padding-inline: 0 $_padding-x;
                 }
 

package/scss/list/_layout.scss

@@ -4,9 +4,4 @@
 
 @mixin kendo-list--layout() {
     @include kendo-list--layout-base();
-
-    .k-list-item,
-    .k-list-custom-value {
-        transition: color k-transition(snappy), background-color k-transition(snappy), outline-color k-transition(snappy), outline k-transition(snappy);
-    }
 }

package/scss/menu/_layout.scss

@@ -7,7 +7,6 @@
 
     .k-menu-item {
         border-radius: k-border-radius(sm);
-        transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
     }
 
     .k-menu-group {
@@ -19,7 +18,6 @@
     .k-menu.k-context-menu {
         .k-item > .k-link {
             border-radius: k-border-radius(sm);
-            transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
         }
     }
 

package/scss/menu/_theme.scss

@@ -10,6 +10,10 @@
         background-color: unset;
     }
 
+    .k-popup > .k-menu-group {
+        background-color: inherit;
+    }
+
     .k-menu:not(.k-context-menu) > .k-item:focus,
     .k-menu:not(.k-context-menu) > .k-item.k-focus,
     .k-menu-group .k-item:focus > .k-link,
@@ -17,4 +21,8 @@
         @include focus-indicator( $kendo-menu-focus-outline-color, $type: "outline", $outline-offset: $kendo-menu-focus-outline-offset );
     }
 
+    .k-menu:not(.k-context-menu) > .k-item:active,
+    .k-menu:not(.k-context-menu) > .k-item.k-active {
+        font-weight: $kendo-menu-item-selected-font-weight;
+    }
 }

package/scss/menu/_variables.scss

@@ -62,7 +62,7 @@ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-semibold, normal
 $kendo-menu-item-bg: null !default;
 /// The text color of the Menu item.
 /// @group menu
-$kendo-menu-item-text: k-color(subtle) !default;
+$kendo-menu-item-text: k-color(on-app-surface) !default;
 /// The border color of the Menu item.
 /// @group menu
 $kendo-menu-item-border: null !default;