@progress/kendo-theme-fluent 14.4.0-dev.1 → 14.4.0-dev.3

package/dist/meta/variables.json

@@ -6789,6 +6789,10 @@
             }
         }
     },
+    "kendo-floating-toolbar-border-radius": {
+        "type": "String",
+        "value": "var(--kendo-floating-toolbar-border-radius, var(--kendo-border-radius-md))"
+    },
     "kendo-toolbar-item-focus-outline-width": {
         "type": "String",
         "value": "var(--kendo-toolbar-item-focus-outline-width, 1px)"
@@ -16546,6 +16550,94 @@
         "type": "String",
         "value": "var(--kendo-chat-message-reference-marker-alt-bg, var(--kendo-color-primary))"
     },
+    "kendo-agent-step-gap": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-gap, var(--kendo-spacing-1\\.5))"
+    },
+    "kendo-agent-step-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-padding-y, var(--kendo-spacing-2))"
+    },
+    "kendo-agent-step-icon-margin-top": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-icon-margin-top, var(--kendo-spacing-0\\.5))"
+    },
+    "kendo-agent-step-added-color": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-added-color, var(--kendo-color-success-on-surface))"
+    },
+    "kendo-agent-step-removed-color": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-removed-color, var(--kendo-color-error-on-surface))"
+    },
+    "kendo-agent-step-font-size": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-font-size, var(--kendo-font-size-sm))"
+    },
+    "kendo-agent-step-body-font-size": {
+        "type": "String",
+        "value": "var(--kendo-agent-step-body-font-size, var(--kendo-font-size-sm))"
+    },
+    "kendo-thought-gap": {
+        "type": "String",
+        "value": "var(--kendo-thought-gap, var(--kendo-spacing-1\\.5))"
+    },
+    "kendo-thought-icon-col-gap": {
+        "type": "String",
+        "value": "var(--kendo-thought-icon-col-gap, var(--kendo-spacing-2))"
+    },
+    "kendo-thought-spacing": {
+        "type": "String",
+        "value": "var(--kendo-thought-spacing, var(--kendo-spacing-4))"
+    },
+    "kendo-thought-connector-color": {
+        "type": "String",
+        "value": "var(--kendo-thought-connector-color, color-mix(in srgb, var(--kendo-color-border) 26%, transparent))"
+    },
+    "kendo-tool-call-indent": {
+        "type": "String",
+        "value": "var(--kendo-tool-call-indent, var(--kendo-spacing-5))"
+    },
+    "kendo-tool-call-padding-y": {
+        "type": "String",
+        "value": "var(--kendo-tool-call-padding-y, var(--kendo-spacing-2))"
+    },
+    "kendo-citation-popover-view-padding": {
+        "type": "String",
+        "value": "var(--kendo-citation-popover-view-padding, var(--kendo-spacing-4))"
+    },
+    "kendo-citation-pages-color": {
+        "type": "String",
+        "value": "var(--kendo-citation-pages-color, var(--kendo-color-subtle))"
+    },
+    "kendo-checkpoint-line-color": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-line-color, color-mix(in srgb, var(--kendo-color-border) 26%, transparent))"
+    },
+    "kendo-checkpoint-gap": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-gap, var(--kendo-spacing-1\\.5))"
+    },
+    "kendo-checkpoint-line-width": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-line-width, 1px)"
+    },
+    "kendo-checkpoint-stamp-font-size": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-stamp-font-size, var(--kendo-font-size-sm))"
+    },
+    "kendo-checkpoint-stamp-color": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-stamp-color, var(--kendo-color-subtle))"
+    },
+    "kendo-checkpoint-stamp-font-weight": {
+        "type": "Null",
+        "value": "null"
+    },
+    "kendo-checkpoint-stamp-padding-x": {
+        "type": "String",
+        "value": "var(--kendo-checkpoint-stamp-padding-x, var(--kendo-spacing-1))"
+    },
     "kendo-media-player-border-width": {
         "type": "String",
         "value": "var(--kendo-media-player-border-width, 1px)"

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.4.0-dev.1",
+    "version": "14.4.0-dev.3",
     "api": "modern",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.4.0-dev.1",
+    "version": "14.4.0-dev.3",
     "previewColors": [
         "oklch(21.85% 0.0025 67.57deg)",
         "oklch(24.42% 0.0024 67.57deg)",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.4.0-dev.1",
+    "version": "14.4.0-dev.3",
     "previewColors": [
         "oklch(100.00% 0.0001 0deg)",
         "oklch(98.26% 0.0016 66.88deg)",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.4.0-dev.1",
+    "version": "14.4.0-dev.3",
     "previewColors": [
         "oklch(23.93% 0.0000 0deg)",
         "oklch(28.09% 0.0000 0deg)",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "14.4.0-dev.1",
+    "version": "14.4.0-dev.3",
     "previewColors": [
         "oklch(98.51% 0.0001 0deg)",
         "oklch(100.00% 0.0001 0deg)",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "14.4.0-dev.1",
+  "version": "14.4.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -54,8 +54,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.9.0",
-    "@progress/kendo-theme-core": "14.4.0-dev.1",
-    "@progress/kendo-theme-utils": "14.4.0-dev.1"
+    "@progress/kendo-theme-core": "14.4.0-dev.3",
+    "@progress/kendo-theme-utils": "14.4.0-dev.3"
   },
   "directories": {
     "doc": "docs",

package/scss/agent-response/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-agent-response--styles() {
+    @include import-once( "agent-response" ) {
+        @include core-styles();
+        @include kendo-agent-response--layout();
+        @include kendo-agent-response--theme();
+    }
+}

package/scss/agent-response/_layout.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/agent-response/_layout.scss" as *;
+
+@mixin kendo-agent-response--layout() {
+    @include kendo-agent-response--layout-base();
+}

package/scss/agent-response/_theme.scss

@@ -0,0 +1,5 @@
+@use "@progress/kendo-theme-core/scss/components/agent-response/_theme.scss" as *;
+
+@mixin kendo-agent-response--theme() {
+    @include kendo-agent-response--theme-base();
+}

package/scss/agent-response/_variables.scss

@@ -0,0 +1,61 @@
+@use "../core/_index.scss" as *;
+
+// Agent Response
+
+/// The gap between the icon and the content of the AgentStep head and content row.
+/// @group agent-response
+$kendo-agent-step-gap: var( --kendo-agent-step-gap, k-spacing(1.5) ) !default;
+/// The vertical padding of the AgentStep head.
+/// @group agent-response
+$kendo-agent-step-padding-y: var( --kendo-agent-step-padding-y, k-spacing(2) ) !default;
+/// The top margin of the AgentStep icon.
+/// @group agent-response
+$kendo-agent-step-icon-margin-top: var( --kendo-agent-step-icon-margin-top, k-spacing(0.5) ) !default;
+/// The text color of the added lines count in the AgentStep diffstat.
+/// @group agent-response
+$kendo-agent-step-added-color: var( --kendo-agent-step-added-color, k-color(success-on-surface) ) !default;
+/// The text color of the removed lines count in the AgentStep diffstat.
+/// @group agent-response
+$kendo-agent-step-removed-color: var( --kendo-agent-step-removed-color, k-color(error-on-surface) ) !default;
+/// The font size of the AgentStep label, secondary text, and diffstat.
+/// @group agent-response
+$kendo-agent-step-font-size: var( --kendo-agent-step-font-size, var(--kendo-font-size-sm) ) !default;
+/// The font size of the AgentStep body content.
+/// @group agent-response
+$kendo-agent-step-body-font-size: var( --kendo-agent-step-body-font-size, var(--kendo-font-size-sm) ) !default;
+
+/// The gap between the icon column and the content of the Thought.
+/// @group agent-response
+$kendo-thought-gap: var( --kendo-thought-gap, k-spacing(1.5) ) !default;
+/// The gap in the icon column of the Thought.
+/// @group agent-response
+$kendo-thought-icon-col-gap: var( --kendo-thought-icon-col-gap, k-spacing(2) ) !default;
+/// The spacing between stacked Thought items.
+/// @group agent-response
+$kendo-thought-spacing: var( --kendo-thought-spacing, k-spacing(4) ) !default;
+/// The color of the connector line between stacked Thought items.
+/// @group agent-response
+$kendo-thought-connector-color: var( --kendo-thought-connector-color, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
+
+/// The start indent of the ToolCall body.
+/// @group agent-response
+$kendo-tool-call-indent: var( --kendo-tool-call-indent, k-spacing(5) ) !default;
+/// The bottom padding of the ToolCall body.
+/// @group agent-response
+$kendo-tool-call-padding-y: var( --kendo-tool-call-padding-y, k-spacing(2) ) !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-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-thought-gap: $kendo-thought-gap,
+    $kendo-thought-icon-col-gap: $kendo-thought-icon-col-gap,
+    $kendo-thought-spacing: $kendo-thought-spacing,
+    $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/checkpoint/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-checkpoint--styles() {
+    @include import-once( "checkpoint" ) {
+        @include core-styles();
+        @include kendo-checkpoint--layout();
+        @include kendo-checkpoint--theme();
+    }
+}

package/scss/checkpoint/_layout.scss

@@ -0,0 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/checkpoint/_layout.scss" as *;
+
+@mixin kendo-checkpoint--layout() {
+    @include kendo-checkpoint--layout-base();
+}

package/scss/checkpoint/_theme.scss

@@ -0,0 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/checkpoint/_theme.scss" as *;
+
+@mixin kendo-checkpoint--theme() {
+    @include kendo-checkpoint--theme-base();
+}

package/scss/checkpoint/_variables.scss

@@ -0,0 +1,33 @@
+@use "../core/_index.scss" as *;
+
+/// The color of the Checkpoint separator line.
+/// @group checkpoint
+$kendo-checkpoint-line-color: var( --kendo-checkpoint-line-color, color-mix(in srgb, k-color(border) 26%, transparent) ) !default;
+/// The gap between the Checkpoint line and stamp.
+/// @group checkpoint
+$kendo-checkpoint-gap: var( --kendo-checkpoint-gap, k-spacing(1.5) ) !default;
+/// The width of the Checkpoint separator line.
+/// @group checkpoint
+$kendo-checkpoint-line-width: var( --kendo-checkpoint-line-width, 1px ) !default;
+/// The font size of the Checkpoint stamp text.
+/// @group checkpoint
+$kendo-checkpoint-stamp-font-size: var( --kendo-checkpoint-stamp-font-size, var(--kendo-font-size-sm) ) !default;
+/// The text color of the Checkpoint stamp.
+/// @group checkpoint
+$kendo-checkpoint-stamp-color: var( --kendo-checkpoint-stamp-color, k-color(subtle) ) !default;
+/// The font weight of the Checkpoint stamp text.
+/// @group checkpoint
+$kendo-checkpoint-stamp-font-weight: null !default;
+/// The horizontal padding of the Checkpoint stamp.
+/// @group checkpoint
+$kendo-checkpoint-stamp-padding-x: var( --kendo-checkpoint-stamp-padding-x, k-spacing(1) ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/checkpoint/_variables.scss" with (
+    $kendo-checkpoint-line-color: $kendo-checkpoint-line-color,
+    $kendo-checkpoint-gap: $kendo-checkpoint-gap,
+    $kendo-checkpoint-line-width: $kendo-checkpoint-line-width,
+    $kendo-checkpoint-stamp-font-size: $kendo-checkpoint-stamp-font-size,
+    $kendo-checkpoint-stamp-color: $kendo-checkpoint-stamp-color,
+    $kendo-checkpoint-stamp-font-weight: $kendo-checkpoint-stamp-font-weight,
+    $kendo-checkpoint-stamp-padding-x: $kendo-checkpoint-stamp-padding-x
+);

package/scss/citation/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-citation--styles() {
+    @include import-once( "citation" ) {
+        @include core-styles();
+        @include kendo-citation--layout();
+        @include kendo-citation--theme();
+    }
+}

package/scss/citation/_layout.scss

@@ -0,0 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/citation/_layout.scss" as *;
+
+@mixin kendo-citation--layout() {
+    @include kendo-citation--layout-base();
+}

package/scss/citation/_theme.scss

@@ -0,0 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/citation/_theme.scss" as *;
+
+@mixin kendo-citation--theme() {
+    @include kendo-citation--theme-base();
+}

package/scss/citation/_variables.scss

@@ -0,0 +1,15 @@
+@use "../core/_index.scss" as *;
+
+// Citation
+
+/// The padding of the CitationPopover view.
+/// @group citation
+$kendo-citation-popover-view-padding: var( --kendo-citation-popover-view-padding, k-spacing(4) ) !default;
+/// The text color of the CitationPopover page indicator.
+/// @group citation
+$kendo-citation-pages-color: var( --kendo-citation-pages-color, k-color(subtle) ) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/citation/_variables.scss" with (
+    $kendo-citation-popover-view-padding: $kendo-citation-popover-view-padding,
+    $kendo-citation-pages-color: $kendo-citation-pages-color
+);

package/scss/index.scss

@@ -109,6 +109,9 @@
 @forward "./file-box/_index.scss";
 @forward "./prompt-box/_index.scss";
 @forward "./chat/_index.scss";
+@forward "./agent-response/_index.scss";
+@forward "./citation/_index.scss";
+@forward "./checkpoint/_index.scss";
 @forward "./mediaplayer/_index.scss";
 @forward "./timeline/_index.scss";
 @forward "./pdf-viewer/_index.scss";
@@ -284,6 +287,9 @@
 // Misc
 @use "./file-box/index.scss" as *;
 @use "./chat/index.scss" as *;
+@use "./agent-response/index.scss" as *;
+@use "./citation/index.scss" as *;
+@use "./checkpoint/index.scss" as *;
 @use "./mediaplayer/index.scss" as *;
 @use "./timeline/index.scss" as *;
 @use "./pdf-viewer/index.scss" as *;
@@ -462,6 +468,9 @@
     // Misc
     @include kendo-file-box--styles();
     @include kendo-chat--styles();
+    @include kendo-agent-response--styles();
+    @include kendo-citation--styles();
+    @include kendo-checkpoint--styles();
     @include kendo-media-player--styles();
     @include kendo-timeline--styles();
     @include kendo-pdf-viewer--styles();

package/scss/toolbar/_variables.scss

@@ -125,6 +125,10 @@ $kendo-toolbar-item-focus-outline-style: var( --kendo-toolbar-item-focus-outline
 /// @group toolbar
 $kendo-toolbar-item-focus-outline-color: var( --kendo-toolbar-item-focus-outline-color, #{k-color(base-emphasis)} ) !default;
 
+/// The border radius of the floating Toolbar.
+/// @group toolbar
+$kendo-floating-toolbar-border-radius: var( --kendo-floating-toolbar-border-radius, #{k-border-radius(md)} ) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/toolbar/_variables.scss" with (
     $kendo-toolbar-default-fill-mode: $kendo-toolbar-default-fill-mode,
     $kendo-toolbar-default-size: $kendo-toolbar-default-size,
@@ -158,4 +162,5 @@ $kendo-toolbar-item-focus-outline-color: var( --kendo-toolbar-item-focus-outline
     $kendo-toolbar-separator-border: $kendo-toolbar-separator-border,
     $kendo-toolbar-input-width: $kendo-toolbar-input-width,
     $kendo-toolbar-smart-box-min-width: $kendo-toolbar-smart-box-min-width,
+    $kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
 );