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

package/scss/notification/_variables.scss

@@ -63,7 +63,7 @@ $kendo-notification-icon-spacing: k-spacing(2) !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: .32 !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/radio/_variables.scss

@@ -92,7 +92,7 @@ $kendo-radio-hover-border: $kendo-checkbox-border !default;
 $kendo-radio-checked-bg: unset !default;
 /// The color of the checked RadioButton.
 /// @group radio
-$kendo-radio-checked-text: k-color(primary) !default;
+$kendo-radio-checked-text: k-color(primary-on-surface) !default;
 /// The border color of the checked RadioButton.
 /// @group radio
 $kendo-radio-checked-border: $kendo-radio-checked-text !default;

package/scss/scrollview/_variables.scss

@@ -43,7 +43,7 @@ $kendo-scrollview-pagebutton-primary-bg: k-color(primary) !default;
 $kendo-scrollview-pagebutton-primary-border: k-color(primary) !default;
 /// The box shadow of the ScrollView page button.
 /// @group scrollview
-$kendo-scrollview-pagebutton-shadow: 0 0 0 2px color-mix(in srgb, k-color(dark) 13%, transparent) !default;
+$kendo-scrollview-pagebutton-shadow: 0 0 0 2px color-mix(in srgb, k-color(inverse) 13%, transparent) !default;
 
 /// The offset of the ScrollView pager.
 /// @group scrollview
@@ -80,7 +80,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/skeleton/_variables.scss

@@ -22,7 +22,7 @@ $kendo-skeleton-circle-border-radius: 9999px !default;
 $kendo-skeleton-item-bg: color-mix(in srgb, k-color(on-app-surface) 20%, transparent) !default;
 /// The background color of the Skeleton wave animation.
 /// @group skeleton
-$kendo-skeleton-wave-bg: color-mix(in srgb, k-color(dark) 4%, transparent) !default;
+$kendo-skeleton-wave-bg: color-mix(in srgb, k-color(inverse) 4%, transparent) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/skeleton/_variables.scss" with (
     $kendo-skeleton-text-transform: $kendo-skeleton-text-transform,

package/scss/spreadsheet/_variables.scss

@@ -228,7 +228,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) !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/stepper/_variables.scss

@@ -185,7 +185,7 @@ $kendo-stepper-label-text: null !default;
 $kendo-stepper-label-success-text: k-color(success) !default;
 /// The error text color of the Stepper label.
 /// @group stepper
-$kendo-stepper-label-error-text: k-color(error) !default;
+$kendo-stepper-label-error-text: k-color(error-on-surface) !default;
 /// The text color of the hovered Stepper label.
 /// @group stepper
 $kendo-stepper-label-hover-text: inherit !default;

package/scss/table/_layout.scss

@@ -6,30 +6,8 @@
     @include kendo-table--layout-base();
 
     .k-table {
-
-        th,
-        .k-table-th{
+        .k-table-th {
             font-weight: var(--kendo-font-weight-semibold);
         }
-
-        td:focus,
-        td.k-focus,
-        th:focus,
-        th.k-focus {
-            position: relative;
-            &::after {
-                content: "";
-                width: 100%;
-                height: 100%;
-                position: absolute;
-                inset-block-start: 0;
-                inset-inline-start: 0;
-                pointer-events: none;
-            }
-        }
-        td.k-grid-content-sticky,
-        td.k-grid-header-sticky {
-            position: sticky;
-        }
     }
 }

package/scss/table/_theme.scss

@@ -7,15 +7,4 @@
 
     @include kendo-table--theme-base();
 
-    .k-table .k-table-tbody {
-        td:focus,
-        td.k-focus,
-        th:focus,
-        th.k-focus {
-            &::after {
-                background-color: $kendo-table-hover-bg;
-            }
-        }
-    }
-
 }

package/scss/taskboard/_variables.scss

@@ -241,7 +241,7 @@ $kendo-taskboard-drag-placeholder-border-width: 1px !default;
 $kendo-taskboard-drag-placeholder-border-radius: $kendo-taskboard-card-border-radius !default;
 /// The background color of the TaskBoard Card placeholder.
 /// @group taskboard
-$kendo-taskboard-drag-placeholder-bg: color-mix(in srgb, k-color(light) 20%, transparent) !default;
+$kendo-taskboard-drag-placeholder-bg: color-mix(in srgb, k-color(on-inverse) 20%, transparent) !default;
 /// The border color of the TaskBoard Card placeholder.
 /// @group taskboard
 $kendo-taskboard-drag-placeholder-border: k-color(border) !default;

package/scss/tooltip/_variables.scss

@@ -55,7 +55,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/window/_variables.scss

@@ -10,11 +10,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: 0px !default;
@@ -108,7 +103,6 @@ $kendo-window-titlebar-border: unset !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,