@progress/kendo-theme-meridian 14.4.1-dev.1 → 14.4.1-dev.3

package/dist/meta/variables.json

@@ -12340,6 +12340,10 @@
         "type": "String",
         "value": "var(--kendo-color-on-app-surface)"
     },
+    "kendo-grid-grouping-row-font-weight": {
+        "type": "String",
+        "value": "var(--kendo-font-weight-medium, 500)"
+    },
     "kendo-grid-grouping-indent-size": {
         "type": "String",
         "value": "var(--kendo-spacing-6)"
@@ -14634,11 +14638,11 @@
     },
     "kendo-scheduler-event-selected-bg": {
         "type": "String",
-        "value": "var(--kendo-color-primary)"
+        "value": "var(--kendo-color-secondary-subtle)"
     },
     "kendo-scheduler-event-selected-text": {
         "type": "String",
-        "value": "var(--kendo-color-on-primary)"
+        "value": "var(--kendo-color-secondary-on-subtle)"
     },
     "kendo-scheduler-event-selected-border": {
         "type": "Null",
@@ -15236,6 +15240,18 @@
         "type": "String",
         "value": "var(--kendo-spacing-2)"
     },
+    "kendo-agent-step-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
+    "kendo-agent-step-padding-end": {
+        "type": "String",
+        "value": "var(--kendo-spacing-2)"
+    },
+    "kendo-agent-step-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-border-radius-md)"
+    },
     "kendo-agent-step-icon-margin-top": {
         "type": "String",
         "value": "var(--kendo-spacing-1)"
@@ -15256,6 +15272,18 @@
         "type": "String",
         "value": "var(--kendo-font-size-sm, inherit)"
     },
+    "kendo-agent-step-focus-shadow": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-agent-step-focus-outline-color": {
+        "type": "String",
+        "value": "var(--kendo-color-subtle)"
+    },
+    "kendo-agent-step-focus-outline-offset": {
+        "type": "Number",
+        "value": "1px"
+    },
     "kendo-thought-gap": {
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
@@ -15268,6 +15296,10 @@
         "type": "String",
         "value": "var(--kendo-spacing-4)"
     },
+    "kendo-thought-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-spacing-0\\.5)"
+    },
     "kendo-thought-connector-color": {
         "type": "String",
         "value": "var(--kendo-color-border)"

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

@@ -3,7 +3,7 @@
     "name": "Meridian Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.3",
     "previewColors": [
         "oklch(13.85% 0.0249 273.24deg)",
         "oklch(23.28% 0.0218 272.75deg)",

package/lib/swatches/meridian-main.json

@@ -3,7 +3,7 @@
     "name": "Meridian Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-meridian",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.3",
     "previewColors": [
         "oklch(100% 0 0deg)",
         "oklch(98.46% 0.0017 247.84deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-meridian",
   "description": "Meridian theme for Kendo UI",
-  "version": "14.4.1-dev.1",
+  "version": "14.4.1-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,8 +52,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.11.0",
-    "@progress/kendo-theme-core": "14.4.1-dev.1",
-    "@progress/kendo-theme-utils": "14.4.1-dev.1"
+    "@progress/kendo-theme-core": "14.4.1-dev.3",
+    "@progress/kendo-theme-utils": "14.4.1-dev.3"
   },
   "directories": {
     "doc": "docs",

package/scss/agent-response/_theme.scss

@@ -1,5 +1,19 @@
 @use "@progress/kendo-theme-core/scss/components/agent-response/_theme.scss" as *;
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
 
 @mixin kendo-agent-response--theme() {
     @include kendo-agent-response--theme-base();
+
+    .k-agent-step > .k-agent-step-head {
+        &:focus,
+        &.k-focus {
+            @include focus-indicator(
+                $indicator: $kendo-agent-step-focus-outline-color,
+                $inset: true,
+                $type: "outline",
+                $outline-offset: $kendo-agent-step-focus-outline-offset
+            );
+        }
+    }
 }

package/scss/agent-response/_variables.scss

@@ -8,6 +8,15 @@ $kendo-agent-step-gap: k-spacing(1.5) !default;
 /// The vertical padding of the AgentStep head.
 /// @group agent-response
 $kendo-agent-step-padding-y: k-spacing(2) !default;
+/// The horizontal padding of the AgentStep head.
+/// @group agent-response
+$kendo-agent-step-padding-x: k-spacing(0.5) !default;
+/// The end padding of the AgentStep head.
+/// @group agent-response
+$kendo-agent-step-padding-end: k-spacing(2) !default;
+/// The border radius of the AgentStep head.
+/// @group agent-response
+$kendo-agent-step-border-radius: k-border-radius(md) !default;
 /// The top margin of the AgentStep icon.
 /// @group agent-response
 $kendo-agent-step-icon-margin-top: k-spacing(1) !default;
@@ -23,6 +32,15 @@ $kendo-agent-step-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font size of the AgentStep body content.
 /// @group agent-response
 $kendo-agent-step-body-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The box shadow of the focused AgentStep head.
+/// @group agent-response
+$kendo-agent-step-focus-shadow: null !default;
+/// The outline color of the focused AgentStep head.
+/// @group agent-response
+$kendo-agent-step-focus-outline-color: k-color(subtle) !default;
+/// The outline offset of the focused AgentStep head.
+/// @group agent-response
+$kendo-agent-step-focus-outline-offset: 1px !default;
 
 /// The gap between the icon column and the content of the Thought.
 /// @group agent-response
@@ -33,6 +51,9 @@ $kendo-thought-icon-col-gap: k-spacing(2) !default;
 /// The spacing between stacked Thought items.
 /// @group agent-response
 $kendo-thought-spacing: k-spacing(4) !default;
+/// The start padding of the Thought, aligning it with the AgentStep head.
+/// @group agent-response
+$kendo-thought-padding-x: k-spacing(0.5) !default;
 /// The color of the connector line between stacked Thought items.
 /// @group agent-response
 $kendo-thought-connector-color: k-color(border) !default;
@@ -50,14 +71,19 @@ $kendo-tool-call-pre-border-radius: k-border-radius(xl) !default;
 @forward "@progress/kendo-theme-core/scss/components/agent-response/_variables.scss" with (
     $kendo-agent-step-gap: $kendo-agent-step-gap,
     $kendo-agent-step-padding-y: $kendo-agent-step-padding-y,
+    $kendo-agent-step-padding-x: $kendo-agent-step-padding-x,
+    $kendo-agent-step-padding-end: $kendo-agent-step-padding-end,
+    $kendo-agent-step-border-radius: $kendo-agent-step-border-radius,
     $kendo-agent-step-icon-margin-top: $kendo-agent-step-icon-margin-top,
     $kendo-agent-step-added-color: $kendo-agent-step-added-color,
     $kendo-agent-step-removed-color: $kendo-agent-step-removed-color,
     $kendo-agent-step-font-size: $kendo-agent-step-font-size,
     $kendo-agent-step-body-font-size: $kendo-agent-step-body-font-size,
+    $kendo-agent-step-focus-shadow: $kendo-agent-step-focus-shadow,
     $kendo-thought-gap: $kendo-thought-gap,
     $kendo-thought-icon-col-gap: $kendo-thought-icon-col-gap,
     $kendo-thought-spacing: $kendo-thought-spacing,
+    $kendo-thought-padding-x: $kendo-thought-padding-x,
     $kendo-thought-connector-color: $kendo-thought-connector-color,
     $kendo-tool-call-indent: $kendo-tool-call-indent,
     $kendo-tool-call-padding-y: $kendo-tool-call-padding-y,

package/scss/card/_theme.scss

@@ -7,15 +7,11 @@
     @include kendo-card--theme-base();
 
     .k-card {
-        isolation: isolate;
-        background-color: transparent;
-
         &::before {
             content: "";
             position: absolute;
             inset: 0;
             z-index: -1;
-            background-color: $kendo-card-bg;
             backdrop-filter: k-translucency-blur(2);
             border-radius: inherit;
             pointer-events: none;
@@ -30,9 +26,5 @@
                 $outline-offset: $kendo-card-focus-outline-offset
             );
         }
-
-        .k-card-callout {
-            background-color: $kendo-card-bg;
-        }
     }
 }

package/scss/grid/_layout.scss

@@ -87,8 +87,7 @@
     }
 
     .k-grid-footer .k-table-td,
-    .k-group-footer .k-table-td,
-    .k-grouping-row .k-table-td {
+    .k-group-footer .k-table-td {
         font-weight: var(--kendo-font-weight-medium, 500);
     }
 

package/scss/grid/_variables.scss

@@ -312,6 +312,9 @@ $kendo-grid-grouping-header-border: $kendo-grid-header-border !default;
 /// The text color of the Grid row.
 /// @group grid
 $kendo-grid-grouping-row-text: $kendo-grid-text !default;
+/// The font weight of the Grid grouping row text.
+/// @group grid
+$kendo-grid-grouping-row-font-weight: var( --kendo-font-weight-medium, 500 ) !default;
 
 /// The sorted icon spacing of the Grid.
 /// @group grid
@@ -637,6 +640,7 @@ $kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !def
     $kendo-grid-selection-aggregates-font-weight: $kendo-grid-selection-aggregates-font-weight,
     $kendo-grid-grouping-row-bg: $kendo-grid-grouping-row-bg,
     $kendo-grid-grouping-row-text: $kendo-grid-grouping-row-text,
+    $kendo-grid-grouping-row-font-weight: $kendo-grid-grouping-row-font-weight,
     $kendo-grid-sorted-icon-spacing: $kendo-grid-sorted-icon-spacing,
     $kendo-grid-sorted-bg: $kendo-grid-sorted-bg,
     $kendo-grid-sorting-indicator-text: $kendo-grid-sorting-indicator-text,

package/scss/scheduler/_variables.scss

@@ -151,10 +151,10 @@ $kendo-scheduler-event-hover-shadow: null !default;
 
 /// The background color of the selected Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-selected-bg: k-color(primary) !default;
+$kendo-scheduler-event-selected-bg: k-color(secondary-subtle) !default;
 /// The text color of the selected Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-selected-text: k-color(on-primary) !default;
+$kendo-scheduler-event-selected-text: k-color(secondary-on-subtle) !default;
 /// The border color of the selected Scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-selected-border: null !default;