@progress/kendo-theme-core 14.7.1-dev.2 → 14.7.1-dev.4

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.7.1-dev.2",
+  "version": "14.7.1-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [

package/scss/components/datainsights-composer/_layout.scss

@@ -1,5 +1,4 @@
 @use "../../spacing/index.scss" as *;
-@use "../../border-radii/index.scss" as *;
 @use "./variables.scss" as *;
 
 @mixin kendo-datainsights-composer--layout-base() {
@@ -32,12 +31,12 @@
         border: $kendo-datainsights-composer-border-width solid;
         padding: k-spacing(6);
         height: 100%;
-    }
 
-    // MessageBox ships with its own bottom margin (--kendo-spacing-4, 16px), which
-    // Stacked on top of this card's 24px gap. The gap alone should control spacing.
-    .k-datainsights-composer-card .k-messagebox {
-        margin-bottom: 0;
+        // MessageBox ships with its own bottom margin (--kendo-spacing-4, 16px), which
+        // Stacked on top of this card's 24px gap. The gap alone should control spacing.
+        .k-messagebox {
+            margin-bottom: 0;
+        }
     }
 
     // ── Field chips (data-source columns footer, attached under the PromptBox) ──
@@ -67,16 +66,17 @@
         margin: calc(-1 * k-spacing(1));
         overflow-x: auto;
         scrollbar-width: none;
-    }
 
-    .k-datainsights-composer-fields-scroll::-webkit-scrollbar {
-        display: none;
-    }
+        &::-webkit-scrollbar {
+            display: none;
+        }
 
-    .k-datainsights-composer-fields-scroll .k-chip {
-        flex: 0 0 auto;
+        .k-chip {
+            flex: 0 0 auto;
+        }
     }
 
+
     .k-datainsights-composer-fields-scrollable-end::before,
     .k-datainsights-composer-fields-scrollable-start::after {
         content: "";
@@ -110,19 +110,15 @@
         border: $kendo-datainsights-composer-border-width solid;
     }
 
-    .k-datainsights-composer-preview {
-        background: $kendo-datainsights-composer-preview-background;
-        border-radius: $kendo-datainsights-composer-border-radius;
-    }
-
-    .k-datainsights-composer-report-content .k-datainsights-composer-report-output {
+    .k-datainsights-composer-report-output {
         margin-top: k-spacing(4);
         display: flex;
         justify-content: center;
-    }
 
-    .k-datainsights-composer-report-output > .k-chart {
-        width: 100%;
+        > .k-chart {
+            width: 100%;
+        }
+
     }
 
     // ── Loading state ──────────────────────────────────────
@@ -148,28 +144,37 @@
 
     // ── Data source popup (browse-all / single-source field list) ──
     .k-datainsights-composer-popup {
-        box-sizing: border-box;
         min-width: $kendo-datainsights-composer-popup-min-width;
         max-width: $kendo-datainsights-composer-popup-max-width;
         max-height: $kendo-datainsights-composer-popup-max-height;
-    }
-
-    .k-datainsights-composer-popup {
         gap: k-spacing(2);
         padding: k-spacing(3);
-    }
 
-    .k-datainsights-composer-popup:has(> .k-searchbox) > .k-searchbox {
-        flex: 0 0 auto;
-        width: 100%;
-    }
+        &:has(> .k-searchbox) > .k-searchbox {
+            flex: 0 0 auto;
+            width: 100%;
+        }
 
-    .k-datainsights-composer-popup:has(> .k-datainsights-composer-popup-tree) > .k-datainsights-composer-popup-tree {
-        flex: 1 1 auto;
-        min-height: 0;
-        overflow-y: auto;
+        &:has(> .k-datainsights-composer-popup-tree) > .k-datainsights-composer-popup-tree {
+            flex: 1 1 auto;
+            min-height: 0;
+            overflow-y: auto;
+        }
+
+        .k-chip {
+            width: 100%;
+            box-sizing: border-box;
+            cursor: default;
+
+            // Field chips are static labels, not interactive controls — pointer
+            // events pass through to whatever sits underneath them (the field
+            // list container, or the TreeView row the chip is nested in), so
+            // clicking a chip does not focus or activate it directly.
+            pointer-events: none;
+        }
     }
 
+
     .k-datainsights-composer-popup-field-list {
         min-height: 0;
         overflow-y: auto;
@@ -195,18 +200,6 @@
         line-height: var(--kendo-line-height-sm);
     }
 
-    .k-datainsights-composer-popup .k-chip {
-        width: 100%;
-        box-sizing: border-box;
-        cursor: default;
-
-        // Field chips are static labels, not interactive controls — pointer
-        // events pass through to whatever sits underneath them (the field
-        // list container, or the TreeView row the chip is nested in), so
-        // clicking a chip does not focus or activate it directly.
-        pointer-events: none;
-    }
-
     .k-datainsights-composer-popup-tree {
         min-width: 0;
         max-width: 100%;
@@ -218,7 +211,8 @@
             padding: k-spacing(0.5);
             margin: calc( k-spacing(0.5) * -1);
 
-            .k-treeview-leaf {
+            .k-treeview-leaf,
+            .k-treeview-leaf-text {
                 width: 100%;
                 padding: 0;
             }
@@ -227,8 +221,6 @@
         .k-chip {
             justify-content: flex-start;
             max-width: 100%;
-            overflow: hidden;
-            cursor: default;
         }
 
         .k-chip-label {
@@ -238,6 +230,12 @@
             white-space: nowrap;
         }
 
+        // Fix for focused chips within animation container
+        .k-treeview-item .k-animation-container {
+            padding: k-spacing(0.5);
+            margin: calc( k-spacing(0.5) * -1);
+        }
+
         // Disable treeview level for chips
         .k-treeview-item:has(> .k-treeview-item-content .k-chip) > .k-treeview-item-content {
             --kendo-treeview-level: 0;
@@ -258,11 +256,6 @@
     }
 
     // ── History dialog ─────────────────────────────────────
-    .k-datainsights-composer-popup:has(> .k-datainsights-composer-popup-title) {
-        width: max-content;
-        overflow-y: auto;
-    }
-
     .k-datainsights-composer-history-checkpoint .k-list-item-text {
         min-width: 0;
         overflow: hidden;

package/scss/components/datainsights-composer/_theme.scss

@@ -31,7 +31,7 @@
     }
 
     .k-datainsights-composer-report-content-loading {
-        animation: k-datainsights-composer-shimmer 1.8s infinite var(--kendo-easing-standard);
+        animation: k-datainsights-composer-shimmer var(--kendo-duration-global, 1.8s) infinite var(--kendo-easing-standard);
     }
 
     @keyframes k-datainsights-composer-shimmer {
@@ -44,26 +44,6 @@
         }
     }
 
-    .k-datainsights-composer-popup {
-
-        .k-chip:hover,
-        .k-chip:focus,
-        .k-chip.k-hover,
-        .k-chip.k-focus {
-            background-color: transparent;
-            color: inherit;
-            outline: none;
-        }
-
-        .k-chip.k-chip-outline.k-chip-base:hover,
-        .k-chip.k-chip-outline.k-chip-base.k-hover {
-            color: k-color(on-app-surface);
-            background-color: transparent;
-            background-image: none;
-            border-color: k-color(base-emphasis);
-        }
-    }
-
     .k-datainsights-composer-popup-title,
     .k-datainsights-composer-popup-tree > .k-treeview-group > .k-treeview-item > .k-treeview-item-content {
         color: k-color(subtle);