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

package/lib/swatches/default-blue.json

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

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

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(69.85% 0.1922 27.18deg)",
         "oklch(87.94% 0.1577 90.42deg)",

package/lib/swatches/default-green.json

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

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

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(19.57% 0.0000 0deg)",
@@ -451,106 +451,6 @@
                     "type": "color",
                     "value": "oklch(66.08% 0.2039 29.44deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(98.51% 0.0001 0deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(97.01% 0.0001 0deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(94.01% 0.0001 0deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(94.01% 0.0001 0deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(90.67% 0.0001 0deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(87.61% 0.0001 0deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(87.61% 0.0001 0deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(19.13% 0.0000 0deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(0.00% 0.0000 0deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(90.67% 0.0001 0deg)"
-                },
-                "dark-subtle": {
-                    "name": "Dark Subtle",
-                    "type": "color",
-                    "value": "oklch(81.41% 0.0001 0deg)"
-                },
-                "dark-subtle-hover": {
-                    "name": "Dark Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(74.76% 0.0001 0deg)"
-                },
-                "dark-subtle-active": {
-                    "name": "Dark Subtle Active",
-                    "type": "color",
-                    "value": "oklch(68.30% 0.0001 0deg)"
-                },
-                "dark": {
-                    "name": "Dark",
-                    "type": "color",
-                    "value": "oklch(36.00% 0.0000 0deg)"
-                },
-                "dark-hover": {
-                    "name": "Dark Hover",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "dark-active": {
-                    "name": "Dark Active",
-                    "type": "color",
-                    "value": "oklch(23.93% 0.0000 0deg)"
-                },
-                "dark-emphasis": {
-                    "name": "Dark Emphasis",
-                    "type": "color",
-                    "value": "oklch(51.03% 0.0001 0deg)"
-                },
-                "dark-on-subtle": {
-                    "name": "Dark On Subtle",
-                    "type": "color",
-                    "value": "oklch(23.93% 0.0000 0deg)"
-                },
-                "on-dark": {
-                    "name": "On Dark",
-                    "type": "color",
-                    "value": "oklch(100.00% 0.0001 0deg)"
-                },
-                "dark-on-surface": {
-                    "name": "Dark On Surface",
-                    "type": "color",
-                    "value": "oklch(19.13% 0.0000 0deg)"
-                },
                 "inverse-subtle": {
                     "name": "Inverse Subtle",
                     "type": "color",

package/lib/swatches/default-main.json

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

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(50.02% 0.0301 214.80deg)",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",
@@ -441,56 +441,6 @@
                     "type": "color",
                     "value": "oklch(55.72% 0.2158 26.34deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(91.58% 0.0001 0deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(85.45% 0.0001 0deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(78.89% 0.0001 0deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(56.24% 0.0001 0deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(54.52% 0.0001 0deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(51.38% 0.0001 0deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(67.97% 0.0001 0deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(100.00% 0.0001 0deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(46.04% 0.0001 0deg)"
-                },
                 "series-a": {
                     "name": "Series A",
                     "type": "color",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(97.01% 0.0001 0deg)",
@@ -441,56 +441,6 @@
                     "type": "color",
                     "value": "oklch(45.22% 0.1727 26.06deg)"
                 },
-                "light-subtle": {
-                    "name": "Light Subtle",
-                    "type": "color",
-                    "value": "oklch(91.58% 0.0001 0deg)"
-                },
-                "light-subtle-hover": {
-                    "name": "Light Subtle Hover",
-                    "type": "color",
-                    "value": "oklch(85.45% 0.0001 0deg)"
-                },
-                "light-subtle-active": {
-                    "name": "Light Subtle Active",
-                    "type": "color",
-                    "value": "oklch(78.89% 0.0001 0deg)"
-                },
-                "light": {
-                    "name": "Light",
-                    "type": "color",
-                    "value": "oklch(56.24% 0.0001 0deg)"
-                },
-                "light-hover": {
-                    "name": "Light Hover",
-                    "type": "color",
-                    "value": "oklch(54.52% 0.0001 0deg)"
-                },
-                "light-active": {
-                    "name": "Light Active",
-                    "type": "color",
-                    "value": "oklch(51.38% 0.0001 0deg)"
-                },
-                "light-emphasis": {
-                    "name": "Light Emphasis",
-                    "type": "color",
-                    "value": "oklch(67.97% 0.0001 0deg)"
-                },
-                "light-on-subtle": {
-                    "name": "Light On Subtle",
-                    "type": "color",
-                    "value": "oklch(28.09% 0.0000 0deg)"
-                },
-                "on-light": {
-                    "name": "On Light",
-                    "type": "color",
-                    "value": "oklch(100.00% 0.0001 0deg)"
-                },
-                "light-on-surface": {
-                    "name": "Light On Surface",
-                    "type": "color",
-                    "value": "oklch(46.04% 0.0001 0deg)"
-                },
                 "series-a": {
                     "name": "Series A",
                     "type": "color",

package/lib/swatches/default-orange.json

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

package/lib/swatches/default-purple.json

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

package/lib/swatches/default-turquoise.json

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

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(94.26% 0.0144 231.45deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "13.2.0-dev.2",
+  "version": "13.2.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,12 +53,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
@@ -54,13 +54,13 @@ $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

@@ -7,7 +7,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
@@ -41,20 +41,6 @@ $kendo-appbar-line-height: var(--kendo-line-height) !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;
-/// The 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: k-elevation(4) !default;
@@ -73,10 +59,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/breadcrumb/_variables.scss

@@ -145,7 +145,7 @@ $kendo-breadcrumb-link-hover-border: null !default;
 $kendo-breadcrumb-link-focus-bg: null !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

@@ -157,7 +157,7 @@ $kendo-calendar-weekend-text: null !default;
 $kendo-calendar-today-style: color !default;
 /// The color of the current day in the Calendar.
 /// @group calendar
-$kendo-calendar-today-color: k-color(primary) !default;
+$kendo-calendar-today-color: k-color(primary-on-surface) !default;
 /// The font weight of the current day in the Calendar.
 /// @group calendar
 $kendo-calendar-today-font-weight: var(--kendo-font-weight-bold) !default;
@@ -249,7 +249,7 @@ $kendo-calendar-navigation-border: $kendo-calendar-header-border !default;
 
 /// The text color of the hovered items in the Calendar navigation.
 /// @group calendar
-$kendo-calendar-navigation-hover-text: k-color(primary-hover) !default;
+$kendo-calendar-navigation-hover-text: k-color(primary-on-surface) !default;
 /// The text color of the marker in the Calendar navigation.
 /// @group calendar
 $kendo-calendar-navigation-marker-text: currentColor !default;

package/scss/captcha/_variables.scss

@@ -26,10 +26,10 @@ $kendo-captcha-gap: $kendo-captcha-spacer !default;
 $kendo-captcha-bg: k-color(surface-alt) !default;
 /// The text color of the Captcha.
 /// @group captcha
-$kendo-captcha-text: k-color(surface-alt) !default;
+$kendo-captcha-text: k-color(on-app-surface) !default;
 /// The border color of the Captcha.
 /// @group captcha
-$kendo-captcha-border: k-color(surface-alt) !default;
+$kendo-captcha-border: k-color(border) !default;
 
 /// The gap of the Captcha image wrapper.
 /// @group captcha

package/scss/card/_variables.scss

@@ -3,11 +3,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;
@@ -187,7 +182,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/colorgradient/_variables.scss

@@ -171,13 +171,13 @@ $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(dark) !default;
+$kendo-color-gradient-draghandle-focus-shadow: k-color(inverse) !default;
 /// The hover color of the outline around the ColorGradient canvas drag handle.
 /// @group color-gradient
-$kendo-color-gradient-draghandle-hover-shadow: k-color(dark) !default;
+$kendo-color-gradient-draghandle-hover-shadow: k-color(inverse) !default;
 /// The box shadow of the ColorGradient canvas drag handle.
 /// @group color-gradient
 $kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;

package/scss/colorpalette/_variables.scss

@@ -44,13 +44,13 @@ $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 color-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

@@ -65,7 +65,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/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: k-color(surface) !default;
@@ -37,7 +32,6 @@ $kendo-dialog-button-spacing: $kendo-actions-button-spacing !default;
 $kendo-dialog-bg: k-color(surface-alt) !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/filter/_variables.scss

@@ -22,7 +22,7 @@ $kendo-filter-operator-dropdown-width: 15em !default;
 
 /// The text color of the Filter preview field.
 /// @group filter
-$kendo-filter-preview-field-text: k-color(primary) !default;
+$kendo-filter-preview-field-text: k-color(primary-on-surface) !default;
 /// The text color of the Filter preview operator.
 /// @group filter
 $kendo-filter-preview-operator-text: k-color(on-app-surface) !default;

package/scss/grid/_variables.scss

@@ -245,7 +245,6 @@ $kendo-grid-selected-bg: $kendo-table-selected-bg !default;
 /// The text color of selected Grid rows.
 /// @group grid
 $kendo-grid-selected-text: $kendo-table-selected-text !default;
-
 /// The background color of highlighted Grid rows.
 /// @group grid
 $kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;

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: #8B7CF6 !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 (
     $kendo-icon-default-size: $kendo-icon-default-size,
@@ -51,5 +54,6 @@ $kendo-accent-icon-color: #8B7CF6 !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
 );

package/scss/notification/_variables.scss

@@ -62,7 +62,7 @@ $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
 
 /// The theme colors map for the Notification.
 /// @group notification
-$kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-notification-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "inverse") !default;
 /// The generated theme colors map for the Notification.
 /// @group notification
 $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors ) !default;

package/scss/overlay/_variables.scss

@@ -1,18 +1,14 @@
-/// The default theme color of the Overlay.
-/// @group overlay
-/// @role default
-$kendo-overlay-default-theme-color: "inverse" !default;
+@use "../core/_index.scss" as *;
 
 /// The background color of the Overlay.
 /// @group overlay
-$kendo-overlay-bg: null !default;
+$kendo-overlay-bg: k-color(inverse) !default;
 
 /// The opacity of the Overlay.
 /// @group overlay
 $kendo-overlay-opacity: .5 !default;
 
 @forward "@progress/kendo-theme-core/scss/components/overlay/_variables.scss" with (
-    $kendo-overlay-default-theme-color: $kendo-overlay-default-theme-color,
     $kendo-overlay-bg: $kendo-overlay-bg,
     $kendo-overlay-opacity: $kendo-overlay-opacity
 );

package/scss/panelbar/_variables.scss

@@ -58,7 +58,7 @@ $kendo-panelbar-border: k-color(border) !default;
 $kendo-panelbar-header-bg: $kendo-panelbar-bg !default;
 /// The text color of the PanelBar header.
 /// @group panelbar
-$kendo-panelbar-header-text: k-color(primary) !default;
+$kendo-panelbar-header-text: k-color(primary-on-surface) !default;
 /// The border color of the PanelBar header.
 /// @group panelbar
 $kendo-panelbar-header-border: null !default;