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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,8 +12,7 @@
12
12
  }
13
13
 
14
14
  .k-agent-step-sep,
15
- .k-agent-step-secondary,
16
- .k-agent-step-time {
15
+ .k-agent-step-secondary {
17
16
  color: k-color("subtle");
18
17
  }
19
18
 
@@ -40,28 +39,37 @@
40
39
  .k-agent-step-label,
41
40
  .k-agent-step-expand,
42
41
  .k-agent-step-sep,
43
- .k-agent-step-secondary,
44
- .k-agent-step-time {
42
+ .k-agent-step-secondary {
45
43
  color: k-color("on-app-surface");
46
44
  }
47
45
  }
48
46
 
47
+ .k-agent-step > .k-agent-step-head {
48
+ &:focus,
49
+ &.k-focus {
50
+ @include focus-indicator( $kendo-agent-step-focus-shadow, true );
51
+ }
52
+ }
53
+
49
54
  .k-agent-step:not(.k-agent-completed) > .k-agent-step-head .k-agent-step-label,
50
55
  .k-thought:not(.k-thought-completed) .k-agent-step-label {
51
56
  @include text-shimmer();
52
57
  }
53
58
 
54
- .k-thought .k-agent-step-icon-col::after {
55
- background: $kendo-thought-connector-color;
56
- }
57
-
59
+ // Reasoning Specific Styles
58
60
  .k-reasoning {
59
61
  }
60
62
 
61
- .k-tool-call .k-agent-step-body {
63
+ // Tool Call Specific Styles
64
+ .k-tool-call-label {
62
65
  color: k-color("subtle");
63
66
  }
64
67
 
68
+ // Chain of Thought Specific Styles
65
69
  .k-chain-of-thought {
66
70
  }
71
+
72
+ .k-thought .k-agent-step-icon-col::after {
73
+ background: $kendo-thought-connector-color;
74
+ }
67
75
  }
@@ -6,6 +6,15 @@ $kendo-agent-step-gap: null !default;
6
6
  /// The vertical padding of the AgentStep head.
7
7
  /// @group agent-response
8
8
  $kendo-agent-step-padding-y: null !default;
9
+ /// The horizontal padding of the AgentStep head.
10
+ /// @group agent-response
11
+ $kendo-agent-step-padding-x: null !default;
12
+ /// The end padding of the AgentStep head.
13
+ /// @group agent-response
14
+ $kendo-agent-step-padding-end: null !default;
15
+ /// The border radius of the AgentStep head.
16
+ /// @group agent-response
17
+ $kendo-agent-step-border-radius: null !default;
9
18
  /// The top margin of the AgentStep icon.
10
19
  /// @group agent-response
11
20
  $kendo-agent-step-icon-margin-top: null !default;
@@ -21,6 +30,9 @@ $kendo-agent-step-font-size: null !default;
21
30
  /// The font size of the AgentStep body content.
22
31
  /// @group agent-response
23
32
  $kendo-agent-step-body-font-size: null !default;
33
+ /// The box shadow of the focused AgentStep head.
34
+ /// @group agent-response
35
+ $kendo-agent-step-focus-shadow: null !default;
24
36
 
25
37
  /// The gap between the icon column and the content of the Thought.
26
38
  /// @group agent-response
@@ -31,6 +43,9 @@ $kendo-thought-icon-col-gap: null !default;
31
43
  /// The spacing between stacked Thought items.
32
44
  /// @group agent-response
33
45
  $kendo-thought-spacing: null !default;
46
+ /// The start padding of the Thought, aligning it with the AgentStep head.
47
+ /// @group agent-response
48
+ $kendo-thought-padding-x: null !default;
34
49
  /// The color of the connector line between stacked Thought items.
35
50
  /// @group agent-response
36
51
  $kendo-thought-connector-color: null !default;
@@ -41,3 +56,6 @@ $kendo-tool-call-indent: null !default;
41
56
  /// The bottom padding of the ToolCall body.
42
57
  /// @group agent-response
43
58
  $kendo-tool-call-padding-y: null !default;
59
+ /// The border radius of the pre element in the ToolCall body.
60
+ /// @group agent-response
61
+ $kendo-tool-call-pre-border-radius: null !default;
@@ -20,6 +20,7 @@
20
20
  }
21
21
 
22
22
  .k-citation-popover-view {
23
+ width: 100%;
23
24
  flex: 0 0 100%;
24
25
  box-sizing: border-box;
25
26
  padding: $kendo-citation-popover-view-padding;
@@ -30,4 +31,34 @@
30
31
  :is([dir="rtl"], .k-rtl) .k-citation-popover-view {
31
32
  transform: translateX(calc(100% * (var(--kendo-citation-popover-view-current, 1) - 1)));
32
33
  }
34
+
35
+ .k-citation-popover-view-title {
36
+ font-weight: $kendo-citation-popover-view-title-font-weight;
37
+ text-overflow: ellipsis;
38
+ white-space: nowrap;
39
+ overflow: hidden;
40
+ }
41
+
42
+ .k-citation-popover-view-body {
43
+ max-height: 108px;
44
+ overflow: auto;
45
+ display: block;
46
+ font-size: $kendo-citation-popover-view-body-font-size;
47
+ margin-top: $kendo-citation-popover-view-body-margin-top;
48
+ }
49
+
50
+ .k-citation-popover-view-source {
51
+ text-overflow: ellipsis;
52
+ white-space: nowrap;
53
+ overflow: hidden;
54
+ display: flex;
55
+ align-items: center;
56
+ gap: $kendo-citation-popover-view-source-gap;
57
+ font-size: $kendo-citation-popover-view-source-font-size;
58
+ margin-top: $kendo-citation-popover-view-source-margin-top;
59
+
60
+ .k-icon {
61
+ aspect-ratio: 1;
62
+ }
63
+ }
33
64
  }
@@ -7,4 +7,12 @@
7
7
  color: $kendo-citation-pages-color;
8
8
  }
9
9
  }
10
+
11
+ .k-citation-popover-view-body {
12
+ color: $kendo-citation-popover-view-body-color;
13
+ }
14
+
15
+ .k-citation-popover-view-source {
16
+ color: k-color(info-on-surface);
17
+ }
10
18
  }
@@ -6,3 +6,24 @@ $kendo-citation-popover-view-padding: null !default;
6
6
  /// The text color of the CitationPopover page indicator.
7
7
  /// @group citation
8
8
  $kendo-citation-pages-color: null !default;
9
+ /// The font weight of the CitationPopoverView title.
10
+ /// @group citation
11
+ $kendo-citation-popover-view-title-font-weight: null !default;
12
+ /// The font size of the CitationPopoverView body text.
13
+ /// @group citation
14
+ $kendo-citation-popover-view-body-font-size: null !default;
15
+ /// The top margin of the CitationPopoverView body text.
16
+ /// @group citation
17
+ $kendo-citation-popover-view-body-margin-top: null !default;
18
+ /// The text color of the CitationPopoverView body text.
19
+ /// @group citation
20
+ $kendo-citation-popover-view-body-color: null !default;
21
+ /// The font size of the CitationPopoverView source link.
22
+ /// @group citation
23
+ $kendo-citation-popover-view-source-font-size: null !default;
24
+ /// The top margin of the CitationPopoverView source link.
25
+ /// @group citation
26
+ $kendo-citation-popover-view-source-margin-top: null !default;
27
+ /// The gap between the icon and text of the CitationPopoverView source link.
28
+ /// @group citation
29
+ $kendo-citation-popover-view-source-gap: null !default;
@@ -197,6 +197,7 @@
197
197
  .k-form-field-wrap {
198
198
  max-width: $kendo-horizontal-form-field-wrap-max-width;
199
199
  flex: 1 1 auto;
200
+ align-content: center;
200
201
  }
201
202
  }
202
203
 
@@ -121,7 +121,7 @@
121
121
  }
122
122
 
123
123
  .k-master-row {
124
- .k-grid-content-sticky {
124
+ .k-grid-content-sticky:not(.k-group-cell) {
125
125
  background-color: $kendo-grid-sticky-bg;
126
126
  border-inline-color: $kendo-grid-sticky-border;
127
127
  border-block-end-color: $kendo-grid-sticky-border;
@@ -130,8 +130,8 @@
130
130
  &.k-table-row {
131
131
 
132
132
  // Sticky
133
- .k-grid-content-sticky,
134
- .k-table-td.k-grid-content-sticky,
133
+ .k-grid-content-sticky:not(.k-group-cell),
134
+ .k-table-td.k-grid-content-sticky:not(.k-group-cell),
135
135
  .k-grid-row-sticky,
136
136
  &.k-grid-row-sticky > .k-table-td {
137
137
  background-color: $kendo-grid-sticky-bg;
@@ -146,7 +146,7 @@
146
146
  // Sticky Hover
147
147
  &:is(:hover, .k-hover) {
148
148
  .k-grid-row-sticky,
149
- .k-table-td.k-grid-content-sticky,
149
+ .k-table-td.k-grid-content-sticky:not(.k-group-cell),
150
150
  &.k-grid-row-sticky > .k-table-td {
151
151
  background-color: $kendo-grid-sticky-hover-bg;
152
152
  }
@@ -187,8 +187,8 @@
187
187
  }
188
188
 
189
189
  &.k-table-alt-row {
190
- .k-grid-content-sticky,
191
- .k-table-td.k-grid-content-sticky,
190
+ .k-grid-content-sticky:not(.k-group-cell),
191
+ .k-table-td.k-grid-content-sticky:not(.k-group-cell),
192
192
  &.k-grid-row-sticky > .k-table-td,
193
193
  .k-grid-row-sticky {
194
194
  background-color: $kendo-grid-sticky-alt-bg;