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

package/lib/swatches/classic-green-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Green Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.97% 0.0025 145.96deg)",

package/lib/swatches/classic-green.json

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

package/lib/swatches/classic-lavender-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Lavender Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(20.26% 0.0161 330.88deg)",

package/lib/swatches/classic-lavender.json

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

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

@@ -3,7 +3,7 @@
     "name": "Classic Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(17.30% 0.0000 0deg)",

package/lib/swatches/classic-main.json

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

package/lib/swatches/classic-metro-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Metro Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(16.38% 0.0000 0deg)",

package/lib/swatches/classic-metro.json

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

package/lib/swatches/classic-moonlight.json

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(27.98% 0.0255 248.78deg)",
         "oklch(33.48% 0.0217 259.40deg)",

package/lib/swatches/classic-opal-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(27.27% 0.0000 0deg)",

package/lib/swatches/classic-opal.json

@@ -3,7 +3,7 @@
     "name": "Classic Opal",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(95.37% 0.0262 224.39deg)",

package/lib/swatches/classic-silver-dark.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(0.00% 0.0000 0deg)",
         "oklch(18.72% 0.0020 285.91deg)",

package/lib/swatches/classic-silver.json

@@ -3,7 +3,7 @@
     "name": "Classic Silver",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "13.2.0-dev.2",
+    "version": "13.2.0-dev.4",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(96.44% 0.0014 284.24deg)",

package/lib/swatches/classic-uniform.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "13.2.0-dev.2",
+  "version": "13.2.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,12 +54,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 colorr.
-/// @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: k-elevation(4) !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

@@ -126,7 +126,7 @@ $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !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;
@@ -135,7 +135,7 @@ $kendo-breadcrumb-link-border: null !default;
 $kendo-breadcrumb-link-hover-bg: k-color(surface) !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;
@@ -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

@@ -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,7 +26,7 @@ $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;

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;
@@ -189,7 +184,6 @@ $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/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/core/color-system/_swatch.scss

@@ -107,30 +107,6 @@ $_default-colors: (
     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.757) calc(c * 0.744) h)"},
 
-    // Light (ash-gray, achromatic)
-    light-subtle: #{"oklch(from var(--kendo-color-light) calc(l + 0.015) c h)"},
-    light-subtle-hover: #{"oklch(from var(--kendo-color-light) l c h)"},
-    light-subtle-active: #{"oklch(from var(--kendo-color-light) calc(l - 0.0425) c h)"},
-    light: oklch(94.01% 0 0deg),
-    light-hover: #{"oklch(from var(--kendo-color-light) calc(l - 0.0425) c h)"},
-    light-active: #{"oklch(from var(--kendo-color-light) calc(l - 0.064) c h)"},
-    light-emphasis: #{"oklch(from var(--kendo-color-light) calc(l - 0.1011) c h)"},
-    light-on-subtle: oklch(27.27% 0 0deg),
-    on-light: oklch(0% 0 0deg),
-    light-on-surface: #{"oklch(from var(--kendo-color-light) l c h)"},
-
-    // Dark (ash-gray, achromatic)
-    dark-subtle: #{"oklch(from var(--kendo-color-dark) calc(l + 0.4675) c h)"},
-    dark-subtle-hover: #{"oklch(from var(--kendo-color-dark) calc(l + 0.4048) c h)"},
-    dark-subtle-active: #{"oklch(from var(--kendo-color-dark) calc(l + 0.344) c h)"},
-    dark: oklch(37.15% 0 0deg),
-    dark-hover: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0504) c h)"},
-    dark-active: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0988) c h)"},
-    dark-emphasis: #{"oklch(from var(--kendo-color-dark) calc(l + 0.208) c h)"},
-    dark-on-subtle: oklch(0% 0 0deg),
-    on-dark: oklch(100% 0 0deg),
-    dark-on-surface: #{"oklch(from var(--kendo-color-dark) calc(l - 0.0504) c h)"},
-
     // Inverse (ash-gray, achromatic)
     inverse-subtle: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.4675) c h)"},
     inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.4048) c h)"},
@@ -327,38 +303,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: k-color(surface) !default;
@@ -38,7 +33,6 @@ $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/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

@@ -60,7 +60,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/scrollview/_variables.scss

@@ -81,7 +81,6 @@ $kendo-scrollview-light-bg: rgba( white, .4 ) !default;
 /// The background color of the ScrollView pager in dark mode.
 /// @group scrollview
 $kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
-
 /// The duration of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-duration: .3s !default;

package/scss/spreadsheet/_variables.scss

@@ -227,7 +227,7 @@ $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000p
 $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: k-border-radius(md) !default;
 /// The text color of the hovered Spreadsheet image Dialog preview.
 /// @group spreadsheet
-$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: k-color(surface-alt) !default;
+$kendo-spreadsheet-insert-image-dialog-overlay-hover-text: k-color(on-app-surface) !default;
 
 /// The width of the Spreadsheet drawing handle.
 /// @group spreadsheet

package/scss/switch/_variables.scss

@@ -202,7 +202,7 @@ $kendo-switch-off-thumb-disabled-gradient: null !default;
 $kendo-switch-on-track-bg: k-color(surface-alt) !default;
 /// The text color of the track when the Switch is checked.
 /// @group switch
-$kendo-switch-on-track-text: k-color(primary) !default;
+$kendo-switch-on-track-text: k-color(primary-on-surface) !default;
 /// The border color of the track when the Switch is checked.
 /// @group switch
 $kendo-switch-on-track-border: k-color(border) !default;

package/scss/tabstrip/_variables.scss

@@ -129,7 +129,7 @@ $kendo-tabstrip-item-hover-gradient: null !default;
 $kendo-tabstrip-item-selected-bg: k-color(surface-alt) !default;
 /// The text color of the selected TabStrip items.
 /// @group tabstrip
-$kendo-tabstrip-item-selected-text: k-color(primary) !default;
+$kendo-tabstrip-item-selected-text: k-color(primary-on-surface) !default;
 /// The border color of the selected TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-selected-border: k-color(border) !default;

package/scss/taskboard/_variables.scss

@@ -224,13 +224,13 @@ $kendo-taskboard-card-selected-shadow: none !default;
 
 /// The text color of the TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-text: k-color(primary) !default;
+$kendo-taskboard-card-header-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-focus-text: k-color(primary-hover) !default;
+$kendo-taskboard-card-header-focus-text: k-color(primary-on-surface) !default;
 /// The text color of the focused TaskBoard Card header text.
 /// @group taskboard
-$kendo-taskboard-card-header-hover-text: k-color(primary-hover) !default;
+$kendo-taskboard-card-header-hover-text: k-color(primary-on-surface) !default;
 
 /// The border width of the TaskBoard Card placeholder.
 /// @group taskboard

package/scss/timeselector/_variables.scss

@@ -46,10 +46,10 @@ $kendo-time-selector-header-border-width: 0px !default;
 $kendo-time-selector-header-title-text: unset !default;
 /// The text color of the TimeSelector header current time indicator.
 /// @group time-selector
-$kendo-time-selector-header-time-now-text: k-color(primary) !default;
+$kendo-time-selector-header-time-now-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TimeSelector header current time indicator.
 /// @group time-selector
-$kendo-time-selector-header-time-now-hover-text: k-color(primary-hover) !default;
+$kendo-time-selector-header-time-now-hover-text: k-color(primary-on-surface) !default;
 
 /// The width of the TimeSelector list.
 /// @group time-selector
@@ -141,10 +141,10 @@ $kendo-time-list-focus-bg: rgba( black, .04 ) !default;
 
 /// The text color of the TimeSelector button.
 /// @group time-selector
-$kendo-time-selector-now-button-text: k-color(primary) !default;
+$kendo-time-selector-now-button-text: k-color(primary-on-surface) !default;
 /// The text color of the hovered TimeSelector button.
 /// @group time-selector
-$kendo-time-selector-now-button-hover-text: k-color(primary-hover) !default;
+$kendo-time-selector-now-button-hover-text: k-color(primary-on-surface) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/timeselector/_variables.scss" with (
     $kendo-time-selector-default-size: $kendo-time-selector-default-size,

package/scss/tooltip/_variables.scss

@@ -54,7 +54,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
 
 /// The theme colors map for the Tooltip.
 /// @group tooltip
-$kendo-tooltip-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-tooltip-theme-colors: ("base", "info", "success", "warning", "error", "inverse") !default;
 /// The generated theme colors map for the Tooltip.
 /// @group tooltip
 $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;

package/scss/treeview/_variables.scss

@@ -138,7 +138,7 @@ $kendo-treeview-item-focus-shadow: inset 0 0 2px 0 k-color(border) !default;
 $kendo-treeview-loadmore-bg: transparent !default;
 /// The text color of the Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-text: k-color(primary) !default;
+$kendo-treeview-loadmore-text: k-color(primary-on-surface) !default;
 /// The border color of the Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-border: null !default;
@@ -148,7 +148,7 @@ $kendo-treeview-loadmore-border: null !default;
 $kendo-treeview-loadmore-hover-bg: transparent !default;
 /// The text color of the hovered Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-hover-text: k-color(primary-hover) !default;
+$kendo-treeview-loadmore-hover-text: k-color(primary-on-surface) !default;
 /// The border color of the hovered Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-hover-border: null !default;
@@ -158,7 +158,7 @@ $kendo-treeview-loadmore-hover-border: null !default;
 $kendo-treeview-loadmore-focus-bg: transparent !default;
 /// The text color of the focused Load More button in the TreeView.
 /// @group treeview
-$kendo-treeview-loadmore-focus-text: k-color(primary-hover) !default;
+$kendo-treeview-loadmore-focus-text: k-color(primary-on-surface) !default;
 /// The border color of the focused Load More button in the TreeView.
 /// @group treeview
 $kendo-treeview-loadmore-focus-border: null !default;

package/scss/window/_variables.scss

@@ -9,11 +9,6 @@
 /// @role default
 $kendo-window-default-size: "auto" !default;
 
-/// The default theme color of the Window.
-/// @group window
-/// @role default
-$kendo-window-default-theme-color: null !default;
-
 /// The width of the border around the Window.
 /// @group window
 $kendo-window-border-width: 1px !default;
@@ -107,7 +102,6 @@ $kendo-window-titlebar-border: k-color(border) !default;
 $kendo-window-titlebar-gradient: null !default;
 
 @forward "@progress/kendo-theme-core/scss/components/window/_variables.scss" with (
-    $kendo-window-default-theme-color: $kendo-window-default-theme-color,
     $kendo-window-border-width: $kendo-window-border-width,
     $kendo-window-border-radius: $kendo-window-border-radius,
     $kendo-window-font-family: $kendo-window-font-family,