@progress/kendo-theme-material 14.4.1-dev.1 → 14.4.1-dev.2

package/dist/meta/sassdoc-raw-data.json

@@ -2075,14 +2075,14 @@
         }
     },
     {
-        "description": "The top margin of the AgentStep icon.\n",
+        "description": "The horizontal padding of the AgentStep head.\n",
         "commentRange": {
             "start": 11,
             "end": 12
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-icon-margin-top",
+            "name": "kendo-agent-step-padding-x",
             "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
@@ -2100,15 +2100,15 @@
         }
     },
     {
-        "description": "The text color of the added lines count in the AgentStep diffstat.\n",
+        "description": "The end padding of the AgentStep head.\n",
         "commentRange": {
             "start": 14,
             "end": 15
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-added-color",
-            "value": "k-color(success-on-surface)",
+            "name": "kendo-agent-step-padding-end",
+            "value": "k-spacing(2)",
             "scope": "default",
             "line": {
                 "start": 16,
@@ -2125,15 +2125,15 @@
         }
     },
     {
-        "description": "The text color of the removed lines count in the AgentStep diffstat.\n",
+        "description": "The border radius of the AgentStep head.\n",
         "commentRange": {
             "start": 17,
             "end": 18
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-removed-color",
-            "value": "k-color(error-on-surface)",
+            "name": "kendo-agent-step-border-radius",
+            "value": "k-border-radius(md)",
             "scope": "default",
             "line": {
                 "start": 19,
@@ -2150,15 +2150,15 @@
         }
     },
     {
-        "description": "The font size of the AgentStep label, secondary text, and diffstat.\n",
+        "description": "The top margin of the AgentStep icon.\n",
         "commentRange": {
             "start": 20,
             "end": 21
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-font-size",
-            "value": "var(--kendo-font-size-md)",
+            "name": "kendo-agent-step-icon-margin-top",
+            "value": "k-spacing(0.5)",
             "scope": "default",
             "line": {
                 "start": 22,
@@ -2175,15 +2175,15 @@
         }
     },
     {
-        "description": "The font size of the AgentStep body content.\n",
+        "description": "The text color of the added lines count in the AgentStep diffstat.\n",
         "commentRange": {
             "start": 23,
             "end": 24
         },
         "context": {
             "type": "variable",
-            "name": "kendo-agent-step-body-font-size",
-            "value": "var(--kendo-font-size-md)",
+            "name": "kendo-agent-step-added-color",
+            "value": "k-color(success-on-surface)",
             "scope": "default",
             "line": {
                 "start": 25,
@@ -2199,11 +2199,111 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The text color of the removed lines count in the AgentStep diffstat.\n",
+        "commentRange": {
+            "start": 26,
+            "end": 27
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-removed-color",
+            "value": "k-color(error-on-surface)",
+            "scope": "default",
+            "line": {
+                "start": 28,
+                "end": 28
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the AgentStep label, secondary text, and diffstat.\n",
+        "commentRange": {
+            "start": 29,
+            "end": 30
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-font-size",
+            "value": "var(--kendo-font-size-md)",
+            "scope": "default",
+            "line": {
+                "start": 31,
+                "end": 31
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The font size of the AgentStep body content.\n",
+        "commentRange": {
+            "start": 32,
+            "end": 33
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-body-font-size",
+            "value": "var(--kendo-font-size-md)",
+            "scope": "default",
+            "line": {
+                "start": 34,
+                "end": 34
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The box shadow of the focused AgentStep head.\n",
+        "commentRange": {
+            "start": 35,
+            "end": 36
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-agent-step-focus-shadow",
+            "value": "inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent)",
+            "scope": "default",
+            "line": {
+                "start": 37,
+                "end": 37
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The gap between the icon column and the content of the Thought.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 39,
+            "end": 40
         },
         "context": {
             "type": "variable",
@@ -2211,8 +2311,8 @@
             "value": "k-spacing(1.5)",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 41,
+                "end": 41
             }
         },
         "group": [
@@ -2227,8 +2327,8 @@
     {
         "description": "The gap in the icon column of the Thought.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
@@ -2236,8 +2336,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -2252,8 +2352,8 @@
     {
         "description": "The spacing between stacked Thought items.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 45,
+            "end": 46
         },
         "context": {
             "type": "variable",
@@ -2261,8 +2361,33 @@
             "value": "k-spacing(4)",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 47,
+                "end": 47
+            }
+        },
+        "group": [
+            "agent-response"
+        ],
+        "access": "public",
+        "file": {
+            "path": "agent-response/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
+    {
+        "description": "The start padding of the Thought, aligning it with the AgentStep head.\n",
+        "commentRange": {
+            "start": 48,
+            "end": 49
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-thought-padding-x",
+            "value": "k-spacing(0.5)",
+            "scope": "default",
+            "line": {
+                "start": 50,
+                "end": 50
             }
         },
         "group": [
@@ -2277,8 +2402,8 @@
     {
         "description": "The color of the connector line between stacked Thought items.\n",
         "commentRange": {
-            "start": 36,
-            "end": 37
+            "start": 51,
+            "end": 52
         },
         "context": {
             "type": "variable",
@@ -2286,8 +2411,8 @@
             "value": "k-color(border)",
             "scope": "default",
             "line": {
-                "start": 38,
-                "end": 38
+                "start": 53,
+                "end": 53
             }
         },
         "group": [
@@ -2302,8 +2427,8 @@
     {
         "description": "The start indent of the ToolCall body.\n",
         "commentRange": {
-            "start": 40,
-            "end": 41
+            "start": 55,
+            "end": 56
         },
         "context": {
             "type": "variable",
@@ -2311,8 +2436,8 @@
             "value": "k-spacing(5)",
             "scope": "default",
             "line": {
-                "start": 42,
-                "end": 42
+                "start": 57,
+                "end": 57
             }
         },
         "group": [
@@ -2327,8 +2452,8 @@
     {
         "description": "The bottom padding of the ToolCall body.\n",
         "commentRange": {
-            "start": 43,
-            "end": 44
+            "start": 58,
+            "end": 59
         },
         "context": {
             "type": "variable",
@@ -2336,8 +2461,8 @@
             "value": "k-spacing(2)",
             "scope": "default",
             "line": {
-                "start": 45,
-                "end": 45
+                "start": 60,
+                "end": 60
             }
         },
         "group": [
@@ -2352,8 +2477,8 @@
     {
         "description": "The border radius of the pre element in the ToolCall body.\n",
         "commentRange": {
-            "start": 46,
-            "end": 47
+            "start": 61,
+            "end": 62
         },
         "context": {
             "type": "variable",
@@ -2361,8 +2486,8 @@
             "value": "k-border-radius(xl)",
             "scope": "default",
             "line": {
-                "start": 48,
-                "end": 48
+                "start": 63,
+                "end": 63
             }
         },
         "group": [

package/dist/meta/variables.json

@@ -14837,6 +14837,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-0\\.5)"
@@ -14857,6 +14869,10 @@
         "type": "String",
         "value": "var(--kendo-font-size-md)"
     },
+    "kendo-agent-step-focus-shadow": {
+        "type": "List",
+        "value": "(inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent))"
+    },
     "kendo-thought-gap": {
         "type": "String",
         "value": "var(--kendo-spacing-1\\.5)"
@@ -14869,6 +14885,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/material-2-dark.json

@@ -3,7 +3,7 @@
     "name": "Material 2 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-2.json

@@ -3,7 +3,7 @@
     "name": "Material 2",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-aqua-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Aqua Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-arctic.json

@@ -3,7 +3,7 @@
     "name": "Material Arctic",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-burnt-teal.json

@@ -3,7 +3,7 @@
     "name": "Material Burnt Teal",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Material Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(47.82% 0.1590 271.40deg)",
         "oklch(65.82% 0.1691 248.83deg)",

package/lib/swatches/material-eggplant.json

@@ -3,7 +3,7 @@
     "name": "Material Eggplant",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-lime-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Lime Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-lime.json

@@ -3,7 +3,7 @@
     "name": "Material Lime",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

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

@@ -3,7 +3,7 @@
     "name": "Material Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.74% 0.0124 300.35deg)",
         "oklch(28.59% 0.0130 298.53deg)",

package/lib/swatches/material-main.json

@@ -3,7 +3,7 @@
     "name": "Material Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(99.15% 0.0062 316.78deg)",
         "oklch(96.92% 0.0102 310.65deg)",

package/lib/swatches/material-nova.json

@@ -3,7 +3,7 @@
     "name": "Material Nova",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-pacific-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-pacific.json

@@ -3,7 +3,7 @@
     "name": "Material Pacific Light",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-sky-dark.json

@@ -3,7 +3,7 @@
     "name": "Material Sky Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(18.22% 0.0000 0deg)",
         "oklch(24.78% 0.0000 0deg)",

package/lib/swatches/material-sky.json

@@ -3,7 +3,7 @@
     "name": "Material Sky",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/lib/swatches/material-smoke.json

@@ -3,7 +3,7 @@
     "name": "Material Smoke",
     "product": "kendo",
     "base": "@progress/kendo-theme-material",
-    "version": "14.4.1-dev.1",
+    "version": "14.4.1-dev.2",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(90.67% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-material",
   "description": "Material theme for Kendo UI",
-  "version": "14.4.1-dev.1",
+  "version": "14.4.1-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,8 +54,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.2",
+    "@progress/kendo-theme-utils": "14.4.1-dev.2"
   },
   "directories": {
     "doc": "docs",

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(0.5) !default;
@@ -23,6 +32,9 @@ $kendo-agent-step-font-size: var(--kendo-font-size-md) !default;
 /// The font size of the AgentStep body content.
 /// @group agent-response
 $kendo-agent-step-body-font-size: var(--kendo-font-size-md) !default;
+/// The box shadow of the focused AgentStep head.
+/// @group agent-response
+$kendo-agent-step-focus-shadow: inset 0 0 0 2px color-mix(in srgb, currentColor 20%, transparent) !default;
 
 /// The gap between the icon column and the content of the Thought.
 /// @group agent-response
@@ -33,6 +45,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 +65,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,