@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/grid/_layout.scss

@@ -0,0 +1,52 @@
+@use "@progress/kendo-theme-core/scss/components/grid/_layout.scss" as *;
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.scss" as *;
+@use "./_variables.scss" as *;
+
+@mixin kendo-grid--layout() {
+    @include kendo-grid--layout-base();
+
+    // Add vertical border to locked and sticky columns
+    .k-grid-content-locked,
+    .k-grid-footer-locked,
+    .k-grid-header-locked {
+        border-inline-end-width: 1px;
+    }
+
+    .k-grid {
+        .k-table .k-grid-header-sticky,
+        .k-table .k-grid-content-sticky,
+        .k-table .k-grid-footer-sticky {
+            border-inline-end-width: 1px;
+        }
+
+        @each $size, $size-props in $kendo-grid-sizes {
+            $_header-padding-x: map.get( $size-props, header-padding-x );
+
+            #{k-when-default($kendo-grid-default-size, $size)}
+            &.k-grid-#{$size}{
+                .k-cell-inner {
+                    .k-grid-filter,
+                    .k-header-column-menu,
+                    .k-grid-header-menu {
+                        margin-inline-end: $_header-padding-x;
+                    }
+                }
+            }
+        }
+    }
+
+    // Column menu fix for action buttons focus state
+    .k-filter-menu-container {
+        .k-actions {
+            padding: k-spacing(1);
+            margin: calc( #{k-spacing(1)} * -1 );
+        }
+    }
+
+    .k-column-menu .k-expander {
+        backdrop-filter: none;
+        border-radius: 0;
+    }
+}

package/scss/grid/_theme.scss

@@ -0,0 +1,63 @@
+@use "../core/_index.scss" as *;
+@use "_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/grid/_theme.scss" as *;
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
+@mixin kendo-grid--theme() {
+    @include kendo-grid--theme-base();
+
+    .k-grid {
+
+        background-color: unset;
+
+        .k-grid-table,
+        .k-grid-container {
+            background-color: $kendo-grid-bg;
+        }
+
+        // Focus state
+        .k-table-row:is(:focus, .k-focus),
+        .k-master-row:is(:focus, .k-focus),
+        .k-grouping-row:is(:focus, .k-focus),
+        .k-grid-pager:is(:focus, .k-focus) {
+            @include focus-indicator(
+                $kendo-grid-focus-outline-color,
+                $inset: true,
+                $type: "outline",
+                $outline-width: $kendo-grid-focus-outline-width,
+                $outline-offset: $kendo-grid-focus-outline-offset
+            );
+        }
+
+        .k-table-row,
+        .k-master-row,
+        .k-grouping-row {
+            > :is(:focus, .k-focus) {
+                @include focus-indicator(
+                    $kendo-grid-focus-outline-color,
+                    $inset: true,
+                    $type: "outline",
+                    $outline-width: $kendo-grid-focus-outline-width,
+                    $outline-offset: $kendo-grid-focus-outline-offset
+                );
+            }
+        }
+
+        // Fix for cut focus outline in grid header
+        .k-grid-header {
+            .k-table-row,
+            .k-grouping-row {
+                > :is(:focus, .k-focus) {
+                    @include focus-indicator(
+                        $kendo-grid-focus-outline-color,
+                        $inset: true,
+                        $type: "outline",
+                        $outline-width: $kendo-grid-focus-outline-width,
+                        $outline-offset: 2px
+                    );
+                }
+            }
+        }
+    }
+}