@progress/kendo-theme-material 13.2.0-dev.2 → 13.2.0-dev.4

package/lib/swatches/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(47.82% 0.1590 271.40deg)",
         "oklch(65.82% 0.1691 248.83deg)",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.74% 0.0124 300.35deg)",
         "oklch(28.59% 0.0130 298.53deg)",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(99.15% 0.0062 316.78deg)",
         "oklch(96.92% 0.0102 310.65deg)",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "13.2.0-dev.2",
+  "version": "13.2.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.8.0",
-    "@progress/kendo-theme-core": "13.2.0-dev.2",
-    "@progress/kendo-theme-utils": "13.2.0-dev.2"
+    "@progress/kendo-theme-core": "13.2.0-dev.4",
+    "@progress/kendo-theme-utils": "13.2.0-dev.4"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "2391ae0f9412058a616e592247c530e1f133ce2b"
+  "gitHead": "7368a47b22d3a917d55b6f022728aee002b3125a"
 }

package/scss/adaptive/_variables.scss

@@ -28,7 +28,7 @@ $kendo-adaptive-menu-text: k-color(on-primary) !default;
 
 /// The text color of the Adaptive menu clear button.
 /// @group adaptive
-$kendo-adaptive-menu-clear-text: k-color(primary) !default;
+$kendo-adaptive-menu-clear-text: k-color(primary-on-surface) !default;
 
 /// The border color of the Adaptive menu item.
 /// @group adaptive
@@ -53,12 +53,12 @@ $kendo-adaptive-line-height: var(--kendo-line-height) !default;
 // Adaptive Grid
 /// The text color of the Adaptive Grid sort indicator.
 /// @group adaptive
-$kendo-adaptive-grid-sort-text: k-color(primary) !default;
+$kendo-adaptive-grid-sort-text: k-color(primary-on-surface) !default;
 
 // Adaptive Scheduler
 /// The text color of the current date in the Adaptive Scheduler.
 /// @group adaptive
-$kendo-adaptive-scheduler-current-text: k-color(primary) !default;
+$kendo-adaptive-scheduler-current-text: k-color(primary-on-surface) !default;
 /// The base text color of the Adaptive Scheduler.
 /// @group adaptive
 $kendo-adaptive-scheduler-base-text: inherit !default;

package/scss/appbar/_variables.scss

@@ -6,7 +6,7 @@
 /// The default theme color of the AppBar.
 /// @group appbar
 /// @role default
-$kendo-appbar-default-theme-color: "light" !default;
+$kendo-appbar-default-theme-color: "base" !default;
 
 /// The horizontal margin of the AppBar.
 /// @group appbar
@@ -40,20 +40,6 @@ $kendo-appbar-line-height: var(--kendo-line-height-lg) !default;
 /// @group appbar
 $kendo-appbar-gap: k-spacing(2) !default;
 
-/// The background color of the AppBar based on light theme color.
-/// @group appbar
-$kendo-appbar-light-bg: k-color(light) !default;
-/// TThe text color of the AppBar based on light theme color.
-/// @group appbar
-$kendo-appbar-light-text: k-color(on-light) !default;
-
-/// The background color of the AppBar based on dark theme color.
-/// @group appbar
-$kendo-appbar-dark-bg: k-color(dark) !default;
-/// The text color of the AppBar based on dark theme color.
-/// @group appbar
-$kendo-appbar-dark-text: k-color(on-dark) !default;
-
 /// The box shadow of the AppBar.
 /// @group appbar
 $kendo-appbar-box-shadow: null !default;
@@ -72,10 +58,6 @@ $kendo-appbar-bottom-box-shadow: $kendo-appbar-box-shadow !default;
     $kendo-appbar-font-size: $kendo-appbar-font-size,
     $kendo-appbar-line-height: $kendo-appbar-line-height,
     $kendo-appbar-gap: $kendo-appbar-gap,
-    $kendo-appbar-light-bg: $kendo-appbar-light-bg,
-    $kendo-appbar-light-text: $kendo-appbar-light-text,
-    $kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
-    $kendo-appbar-dark-text: $kendo-appbar-dark-text,
     $kendo-appbar-box-shadow: $kendo-appbar-box-shadow,
     $kendo-appbar-bottom-box-shadow: $kendo-appbar-bottom-box-shadow,
     $kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color

package/scss/bottom-navigation/_theme.scss

@@ -48,10 +48,6 @@
 
                     @if $name == "primary" or $name == "secondary" {
                         background: k-color(surface);
-                    } @else if $name == "light" {
-                        background: k-color(dark-subtle);
-                    } @else if $name == "dark"  {
-                        background: k-color(light-subtle);
                     } @else {
                         background: k-color(#{$name}-subtle);
                     }

package/scss/breadcrumb/_variables.scss

@@ -61,7 +61,7 @@ $kendo-breadcrumb-lg-line-height: var(--kendo-line-height) !default;
 $kendo-breadcrumb-bg: null !default;
 /// The base text color of the Breadcrumb.
 /// @group breadcrumb
-$kendo-breadcrumb-text: k-color(primary) !default;
+$kendo-breadcrumb-text: k-color(primary-on-surface) !default;
 /// The base border color of the Breadcrumb.
 /// @group breadcrumb
 $kendo-breadcrumb-border: null !default;
@@ -127,7 +127,7 @@ $kendo-breadcrumb-link-initial-text: inherit !default;
 $kendo-breadcrumb-link-bg: null !default;
 /// The text color of the Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-text: k-color(primary) !default;
+$kendo-breadcrumb-link-text: k-color(primary-on-surface) !default;
 /// The border color of the Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-link-border: null !default;
@@ -137,7 +137,7 @@ $kendo-breadcrumb-link-border: null !default;
 $kendo-breadcrumb-link-hover-bg: color-mix(in srgb, currentColor 8%, transparent) !default;
 /// The text color of the hovered Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-hover-text: k-color(primary-hover) !default;
+$kendo-breadcrumb-link-hover-text: k-color(primary-on-surface) !default;
 /// The border color of the hovered Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-link-hover-border: null !default;
@@ -147,7 +147,7 @@ $kendo-breadcrumb-link-hover-border: null !default;
 $kendo-breadcrumb-link-focus-bg: color-mix(in srgb, currentColor 12%, transparent) !default;
 /// The text color of the focused Breadcrumb link.
 /// @group breadcrumb
-$kendo-breadcrumb-link-focus-text: k-color(primary) !default;
+$kendo-breadcrumb-link-focus-text: k-color(primary-on-surface) !default;
 /// The border color of the focused Breadcrumb link.
 /// @group breadcrumb
 $kendo-breadcrumb-link-focus-border: null !default;

package/scss/calendar/_variables.scss

@@ -253,7 +253,7 @@ $kendo-calendar-navigation-border: k-color(border) !default;
 $kendo-calendar-navigation-hover-text: k-color(on-app-surface) !default;
 /// The text color of the marker in the Calendar navigation.
 /// @group calendar
-$kendo-calendar-navigation-marker-text: k-color(primary) !default;
+$kendo-calendar-navigation-marker-text: k-color(primary-on-surface) !default;
 
 /// The background color of the Calendar range selection.
 /// @group calendar

package/scss/card/_variables.scss

@@ -5,11 +5,6 @@
 
 // Card
 
-/// The default theme color of the Card.
-/// @group card
-/// @role default
-$kendo-card-default-theme-color: null !default;
-
 /// The horizontal padding of the Card.
 /// @group card
 $kendo-card-padding-x: k-spacing(4) !default;
@@ -188,7 +183,6 @@ $kendo-card-callout-width: 20px !default;
 $kendo-card-callout-height: 20px !default;
 
 @forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
-    $kendo-card-default-theme-color: $kendo-card-default-theme-color,
     $kendo-card-padding-x: $kendo-card-padding-x,
     $kendo-card-padding-y: $kendo-card-padding-y,
     $kendo-card-border-width: $kendo-card-border-width,

package/scss/checkbox/_variables.scss

@@ -139,7 +139,7 @@ $kendo-checkbox-disabled-checked-border: $kendo-checkbox-disabled-checked-bg !de
 
 /// The text color of an invalid CheckBox.
 /// @group checkbox
-$kendo-checkbox-invalid-text: k-color(error) !default;
+$kendo-checkbox-invalid-text: k-color(error-on-surface) !default;
 /// The border color of an invalid CheckBox.
 /// @group checkbox
 $kendo-checkbox-invalid-border: k-color(error) !default;

package/scss/coloreditor/_variables.scss

@@ -140,7 +140,7 @@ $kendo-color-editor-lg-views-padding-x: k-spacing(4.5) !default;
 
 /// The outline color of the focused ColorGradient.
 /// @group color-editor
-$kendo-color-editor-color-gradient-focus-outline-color: color-mix(in srgb, k-color(dark) 30%, transparent) !default;
+$kendo-color-editor-color-gradient-focus-outline-color: color-mix(in srgb, k-color(inverse) 30%, transparent) !default;
 /// The outline width of the focused ColorGradient.
 /// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline: 2px !default;

package/scss/colorgradient/_variables.scss

@@ -171,7 +171,7 @@ $kendo-color-gradient-draghandle-text: null !default;
 $kendo-color-gradient-draghandle-bg: transparent !default;
 /// The color of the border around the ColorGradient canvas drag handle.
 /// @group color-gradient
-$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(light) 80%, transparent) !default;
+$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
 /// The focus color of the outline around the ColorGradient canvas drag handle.
 /// @group color-gradient
 $kendo-color-gradient-draghandle-focus-shadow: k-color(inverse) !default;

package/scss/colorpalette/_variables.scss

@@ -43,13 +43,13 @@ $kendo-color-palette-lg-tile-width: k-spacing(8) !default;
 $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: 0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px rcolor-mix(in srgb, k-color(light) 50%, transparent) !default;
+$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent) !default;
 /// The shadow of the ColorPalette hovered tile.
 /// @group color-palette
-$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 80%, transparent) !default;
+$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
 /// The shadow of the ColorPalette selected tile.
 /// @group color-palette
-$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 100%, transparent) !default;
+$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/colorpalette/_variables.scss" with (
     $kendo-color-palette-default-size: $kendo-color-palette-default-size,

package/scss/column-menu/_variables.scss

@@ -66,7 +66,7 @@ $kendo-group-menu-item-action-hover-bg: color-mix(in srgb, currentColor 4%, tran
 $kendo-group-menu-item-action-selected-bg: color-mix(in srgb, currentColor 16%, transparent) !default;
 /// The text color of the GroupMenu item add action.
 /// @group column-menu
-$kendo-group-menu-item-add-action-text: k-color(primary) !default;
+$kendo-group-menu-item-add-action-text: k-color(primary-on-surface) !default;
 /// The border color of the GroupMenu item.
 /// @group column-menu
 $kendo-group-menu-item-border: k-color(border) !default;

package/scss/core/color-system/_swatch.scss

@@ -98,28 +98,6 @@ $_default-colors: (
     error-on-subtle: #{"oklch(from var(--kendo-color-error) calc(l - 0.117) calc(c - 0.033) h)"},
     on-error: #{"oklch(from var(--kendo-color-error) clamp(0, (0.7 - l) * 99999, 1) 0 h)"},
     error-on-surface: #{"oklch(from var(--kendo-color-error) calc(l - 0.052) calc(c - 0.0164) h)"},
-    // Light
-    light-subtle: oklch(99.15% 0.0062 316.78deg),
-    light-subtle-hover: oklch(96.92% 0.0102 310.65deg),
-    light-subtle-active: oklch(92.78% 0.0108 315.98deg),
-    light: oklch(96.92% 0.0102 310.65deg),
-    light-hover: oklch(92.78% 0.0108 315.98deg),
-    light-active: oklch(90.38% 0.0121 312.78deg),
-    light-emphasis: oklch(83.76% 0.0187 303.14deg),
-    light-on-subtle: oklch(22.65% 0.0100 303.60deg),
-    on-light: oklch(22.65% 0.0100 303.60deg),
-    light-on-surface: oklch(96.92% 0.0102 310.65deg),
-    // Dark
-    dark-subtle: oklch(74.91% 0.0179 304.50deg),
-    dark-subtle-hover: oklch(83.76% 0.0187 303.14deg),
-    dark-subtle-active: oklch(88.93% 0.0126 317.31deg),
-    dark: oklch(31.07% 0.0114 307.91deg),
-    dark-hover: oklch(34.01% 0.0148 307.86deg),
-    dark-active: oklch(39.81% 0.0174 303.61deg),
-    dark-emphasis: oklch(56.67% 0.0163 307.96deg),
-    dark-on-subtle: oklch(56.67% 0.0163 307.96deg),
-    on-dark: oklch(100% 0 0deg),
-    dark-on-surface: oklch(31.07% 0.0114 307.91deg),
     // Inverse
     inverse-subtle: #{"oklch(from var(--kendo-color-inverse) 0.749 calc(c * 1.570) h)"},
     inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) 0.838 calc(c * 1.640) h)"},
@@ -314,38 +292,6 @@ $_default-colors: (
 /// @prop {Color} on-error - The text color variable for content on error.
 /// @prop {Color} error-on-surface - The text color variable for content on surface.
 ///
-/// @subgroup {light}
-/// [light-subtle, light-subtle-hover, light-subtle-active,
-/// light, light-hover, light-active, light-emphasis,
-/// light-on-subtle, on-light, light-on-surface]
-/// The Light variable group.
-/// @prop {Color} light-subtle - The light subtle background color variable.
-/// @prop {Color} light-subtle-hover - The light subtle background color variable for the hover state.
-/// @prop {Color} light-subtle-active - The light subtle background color variable for the active state.
-/// @prop {Color} light - The light background color variable.
-/// @prop {Color} light-hover - The light background color variable for the hover state.
-/// @prop {Color} light-active - The light background color variable for the active state.
-/// @prop {Color} light-emphasis - The emphasized light color variable.
-/// @prop {Color} light-on-subtle - The text color variable for content on light subtle.
-/// @prop {Color} on-light - The text color variable for content on light.
-/// @prop {Color} light-on-surface - The text color variable for content on surface.
-///
-/// @subgroup {dark}
-/// [dark-subtle, dark-subtle-hover, dark-subtle-active,
-/// dark, dark-hover, dark-active, dark-emphasis,
-/// dark-on-subtle, on-dark, dark-on-surface]
-/// The Dark variable group.
-/// @prop {Color} dark-subtle - The dark subtle background color variable.
-/// @prop {Color} dark-subtle-hover - The dark subtle background color variable for the hover state.
-/// @prop {Color} dark-subtle-active - The dark subtle background color variable for the active state.
-/// @prop {Color} dark - The dark background color variable.
-/// @prop {Color} dark-hover - The dark background color variable for the hover state.
-/// @prop {Color} dark-active - The dark background color variable for the active state.
-/// @prop {Color} dark-emphasis - The emphasized dark color variable.
-/// @prop {Color} dark-on-subtle - The text color variable for content on dark subtle.
-/// @prop {Color} on-dark - The text color variable for content on dark.
-/// @prop {Color} dark-on-surface - The text color variable for content on surface.
-///
 /// @subgroup {inverse}
 /// [inverse-subtle, inverse-subtle-hover, inverse-subtle-active,
 /// inverse, inverse-hover, inverse-active, inverse-emphasis,

package/scss/dialog/_variables.scss

@@ -4,11 +4,6 @@
 
 // Dialog
 
-/// The default theme color of the Dialog.
-/// @group dialog
-/// @role default
-$kendo-dialog-default-theme-color: null !default;
-
 /// The background color of the Dialog titlebar.
 /// @group dialog
 $kendo-dialog-titlebar-bg: unset !default;
@@ -37,7 +32,6 @@ $kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
 $kendo-dialog-bg: k-color(surface) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/dialog/_variables.scss" with (
-    $kendo-dialog-default-theme-color: $kendo-dialog-default-theme-color,
     $kendo-dialog-titlebar-bg: $kendo-dialog-titlebar-bg,
     $kendo-dialog-titlebar-text: $kendo-dialog-titlebar-text,
     $kendo-dialog-titlebar-border: $kendo-dialog-titlebar-border,

package/scss/drawer/_variables.scss

@@ -38,7 +38,7 @@ $kendo-drawer-content-padding-y: k-spacing(3) !default;
 $kendo-drawer-scrollbar-width: 8px !default;
 /// The color of the Drawer scrollbar track.
 /// @group drawer
-$kendo-drawer-scrollbar-color: k-color(dark-emphasis) !default;
+$kendo-drawer-scrollbar-color: k-color(inverse-emphasis) !default;
 /// The background color of the Drawer scrollbar thumb.
 /// @group drawer
 $kendo-drawer-scrollbar-bg: transparent !default;

package/scss/grid/_layout.scss

@@ -10,7 +10,6 @@
     // Grid
     .k-grid {
 
-        .k-table .k-group-footer td,
         .k-table .k-group-footer .k-table-td {
             border-block-start-width: 0;
         }
@@ -21,7 +20,6 @@
     }
 
     .k-grid-pinned-container {
-        .k-table-row:last-child td,
         .k-table-row:last-child .k-table-td {
             border-block-end-width: 0;
         }
@@ -57,7 +55,6 @@
     }
 
     .k-grid-footer {
-        td,
         .k-table-td {
             border-block-end-width: 0;
         }

package/scss/grid/_theme.scss

@@ -11,39 +11,12 @@
     .k-grid {
 
         .k-table-th,
-        td,
         .k-table-td {
             border-inline-start-color: transparent;
         }
 
-        .k-grid-header-locked,
-        .k-grid-content-locked,
-        .k-grid-header-locked .k-table-th,
-        .k-grid-content-locked td,
-        .k-grid-content-locked .k-table-td {
-            border-block-start-color: $kendo-grid-header-border;
+        .k-master-row .k-grid-content-sticky {
             border-block-end-color: $kendo-grid-header-border;
-
-            .k-group-footer {
-                &:hover td,
-                &.k-hover td,
-                &:hover .k-table-td,
-                &.k-hover .k-table-td {
-                    color: inherit;
-                    @include fill( $bg: $kendo-grid-sticky-footer-hover-bg );
-                }
-            }
-        }
-
-        .k-master-row {
-            .k-grid-content-sticky {
-                border-color: $kendo-grid-sticky-border;
-                border-block-end-color: $kendo-grid-header-border;
-            }
-            .k-grid-row-sticky {
-                border-block-start-color: $kendo-grid-sticky-border;
-                border-block-end-color: $kendo-grid-sticky-border;
-            }
         }
     }
 
@@ -57,26 +30,8 @@
             }
         }
 
-        .k-grid-header-locked .k-table-thead .k-table-row .k-table-th {
-            border-inline-color: $kendo-grid-sticky-header-border;
-        }
-
     }
 
-    .k-group-footer {
-        td,
-        .k-table-td,
-        .k-grid-footer-sticky {
-            background: $kendo-grid-sticky-footer-bg;
-        }
-
-        &:hover td,
-        &.k-hover td,
-        &:hover .k-table-td,
-        &.k-hover .k-table-td {
-            @include fill( $bg: $kendo-grid-sticky-footer-hover-bg );
-        }
-    }
 
     .k-reorder-cue {
         border-color: k-color(primary);
@@ -110,14 +65,6 @@
         color: k-color(primary);
     }
 
-    .k-columnmenu-item {
-        &.k-selected {
-            @include fill(
-                $kendo-list-item-selected-text,
-                $kendo-list-item-selected-bg
-            );
-        }
-    }
     .k-column-list-item:focus,
     .k-column-list-item.k-focus,
     .k-columnmenu-item:focus,
@@ -135,8 +82,4 @@
         }
     }
 
-    .k-grid-sticky-container {
-        background-color: $kendo-grid-bg;
-    }
-
 }

package/scss/grid/_variables.scss

@@ -344,9 +344,6 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
 /// The background color of the sticky footer in the Grid.
 /// @group grid
 $kendo-grid-sticky-footer-bg: $kendo-grid-sticky-header-bg !default;
-/// The background color of the hovered sticky footer in the Grid.
-/// @group grid
-$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
 
 /// The box shadow of the sticky container in the Grid.
 /// @group grid

package/scss/icons/_variables.scss

@@ -38,6 +38,9 @@ $kendo-icon-padding: k-spacing(1) !default;
 /// The color of accent icons.
 /// @group icon
 $kendo-accent-icon-color: #987CE4 !default;
+/// The color of action icons.
+/// @group icon
+$kendo-action-icon-color: k-color( primary-on-surface ) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
@@ -52,5 +55,6 @@ $kendo-accent-icon-color: #987CE4 !default;
     $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
     $kendo-icon-spacing: $kendo-icon-spacing,
     $kendo-icon-padding: $kendo-icon-padding,
-    $kendo-accent-icon-color: $kendo-accent-icon-color
+    $kendo-accent-icon-color: $kendo-accent-icon-color,
+    $kendo-action-icon-color: $kendo-action-icon-color
 );