@progress/kendo-theme-core 14.5.1-dev.0 → 14.5.1-dev.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "14.5.1-dev.0",
+  "version": "14.5.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/scss/components/dataviz/_theme.scss

@@ -1,6 +1,7 @@
 
 @use "../../mixins/index.scss" as *;
 @use "../../color-system/_functions.scss" as *;
+@use "../../color-system/_constants.scss" as *;
 @use "./variables.scss" as *;
 @use "../button/_variables.scss" as *;
 
@@ -23,11 +24,13 @@
 
 
     // Tooltip
+    // These colors are intentionally hardcoded and should not be changed.
+    // Chart tooltips always use white/black regardless of the theme.
     .k-chart-tooltip {
-        @include fill( $color: $kendo-chart-tooltip-color );
+        color: $kendo-color-white;
     }
     .k-chart-tooltip-inverse {
-        @include fill( $color: $kendo-chart-tooltip-color-inverse );
+        color: $kendo-color-black;
     }
 
     .k-chart-crosshair-tooltip,

package/scss/components/dataviz/_variables.scss

@@ -92,9 +92,6 @@ $kendo-chart-tooltip-padding-y: null !default;
 
 $kendo-chart-tooltip-transition: null !default;
 
-$kendo-chart-tooltip-color: null !default;
-$kendo-chart-tooltip-color-inverse: null !default;
-
 $kendo-chart-bg: null !default;
 $kendo-chart-text: null !default;
 $kendo-chart-border: null !default;

package/scss/components/diagram/_layout.scss

@@ -10,4 +10,35 @@
         gap: k-spacing(3);
     }
 
+    // Diagram rich text editor
+    .k-diagram-rich-text-editor {
+
+        .k-editor-content {
+
+            .k-placeholder:first-child::before {
+                content: attr(data-placeholder);
+                cursor: text;
+                height: 0;
+                font-style: italic;
+                opacity: 0.6;
+            }
+
+            .k-placeholder::before {
+                float: inline-start;
+                width: 100%;
+            }
+
+            outline: none;
+
+            p {
+                margin-block: var(--editor-p-margin-top, 0) var(--editor-p-margin-bottom, 0);
+            }
+
+            .ProseMirror-selectednode { // stylelint-disable-line selector-class-pattern
+                outline-width: 2px;
+                outline-style: solid;
+            }
+        }
+    }
+
 }

package/scss/components/diagram/_theme.scss

@@ -1,2 +1,23 @@
+@use "../../color-system/_functions.scss" as *;
+
 @mixin kendo-diagram--theme-base() {
+
+    // Diagram rich text editor
+    .k-diagram-rich-text-editor {
+
+        .k-editor-content {
+
+            .k-placeholder:first-child::before {
+                color: k-color(subtle);
+            }
+
+            &::selection {
+                background: var(--editor-selection-bg);
+            }
+
+            .ProseMirror-selectednode { // stylelint-disable-line selector-class-pattern
+                outline-color: var(--editor-selection-bg);
+            }
+        }
+    }
 }

package/scss/components/scheduler/_layout.scss

@@ -471,8 +471,10 @@
 
 
         // Resize handles
+        // Uses "base" instead of the "handle" layer so it stays below the sticky .k-scheduler-header
+        // ref: https://github.com/telerik/kendo-themes/issues/6134
         .k-resize-handle {
-            z-index: k-z-index("handle");
+            z-index: k-z-index("base", 2);
             visibility: hidden;
         }
         .k-resize-n {
@@ -490,6 +492,7 @@
         }
 
         .k-resize-handle::before {
+            box-sizing: content-box;
             border-style: solid;
             border-color: $kendo-scheduler-bg;
             border-width: $kendo-scheduler-resize-handle-border-width;
@@ -812,6 +815,7 @@
             display: flex;
             align-items: center;
             gap: k-spacing(0.5);
+            align-self: flex-start;
         }
 
         .k-task > .k-event-delete {