@progress/kendo-theme-bootstrap 13.0.0-dev.0 → 13.0.0-dev.2

package/lib/swatches/bootstrap-3-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#000000",
         "#222222",

package/lib/swatches/bootstrap-3.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 3",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/bootstrap-4-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-4.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap 4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#0275d8",
         "#5bc0de",

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

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#000000",
         "#212529",

package/lib/swatches/bootstrap-main.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-nordic.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f8f9fa",

package/lib/swatches/bootstrap-turquoise-dark.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#000000",
         "#292b2c",

package/lib/swatches/bootstrap-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f2f2f2",

package/lib/swatches/bootstrap-urban.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#e3eef4",

package/lib/swatches/bootstrap-vintage.json

@@ -3,7 +3,7 @@
     "name": "Bootstrap Vintage",
     "product": "kendo",
     "base": "@progress/kendo-theme-bootstrap",
-    "version": "13.0.0-dev.0",
+    "version": "13.0.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f2efe8",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-bootstrap",
   "description": "Bootstrap theme for Kendo UI",
-  "version": "13.0.0-dev.0",
+  "version": "13.0.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,13 +53,13 @@
     "postpublish": "echo 'no postpublish for bootstrap theme'"
   },
   "dependencies": {
-    "@progress/kendo-svg-icons": "^4.6.0",
-    "@progress/kendo-theme-core": "13.0.0-dev.0",
-    "@progress/kendo-theme-utils": "13.0.0-dev.0"
+    "@progress/kendo-svg-icons": "^4.8.0",
+    "@progress/kendo-theme-core": "13.0.0-dev.2",
+    "@progress/kendo-theme-utils": "13.0.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "38e27eadee8553fb04c4e46f57812022ff2e149b"
+  "gitHead": "fbb2123e3f2c61d5b960c897b969af8cba3549ae"
 }

package/scss/bubble/_variables.scss

@@ -9,7 +9,7 @@ $kendo-bubble-border-radius: k-border-radius(xl) !default;
 $kendo-bubble-border-radius-sm: k-border-radius(sm) !default;
 /// The vertical padding of the Bubble.
 /// @group bubble
-$kendo-bubble-padding-y: k-spacing(2) !default;
+$kendo-bubble-padding-y: k-spacing(3) !default;
 /// The horizontal padding of the Bubble.
 /// @group bubble
 $kendo-bubble-padding-x: k-spacing(4) !default;

package/scss/chat/_index.scss

@@ -12,6 +12,7 @@
 @use "../speech-to-text-button/_index.scss" as *;
 @use "../suggestion/_index.scss" as *;
 @use "../skeleton/_index.scss" as *;
+@use "../prompt-box/_index.scss" as *;
 
 // Component
 @forward "./_variables.scss";
@@ -33,6 +34,7 @@
         @include kendo-upload--styles();
         @include kendo-dropzone--styles();
         @include kendo-avatar--styles();
+        @include kendo-prompt-box--styles();
         @include kendo-speech-to-text-button--styles();
         @include kendo-chat--layout();
         @include kendo-chat--theme();

package/scss/chat/_variables.scss

@@ -7,10 +7,10 @@
 
 /// The horizontal padding of the Chat.
 /// @group chat
-$kendo-chat-padding-x: k-spacing(4) !default;
+$kendo-chat-padding-x: k-spacing(5) !default;
 /// The vertical padding of the Chat.
 /// @group chat
-$kendo-chat-padding-y: k-spacing(4) !default;
+$kendo-chat-padding-y: k-spacing(5) !default;
 /// The minimum width of the Chat.
 /// @group chat
 $kendo-chat-width: 280px !default;
@@ -41,6 +41,10 @@ $kendo-chat-message-max-width: min(75%, 460px) !default;
 /// @group chat
 $kendo-chat-message-gap: k-spacing(2) !default;
 
+/// The border radius of sequential Chat messages.
+/// @group chat
+$kendo-sequential-messages-border-radius: k-border-radius(xs) !default;
+
 /// The horizontal padding of the Chat message list.
 /// @group chat
 $kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
@@ -50,6 +54,9 @@ $kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
 /// The spacing of the Chat message list.
 /// @group chat
 $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
+/// The spacing of the Chat message box wrapper.
+/// @group chat
+$kendo-chat-message-box-wrapper-spacing: k-spacing(3) !default;
 
 /// The minimum size of the Chat message status.
 /// @group chat
@@ -103,7 +110,7 @@ $kendo-chat-status-text: k-color(subtle) !default;
 
 /// The spacing of the Chat bubble message.
 /// @group chat
-$kendo-chat-bubble-spacing: k-spacing(2) !default;
+$kendo-chat-bubble-spacing: k-spacing(1) !default;
 
 /// The background color of the Chat Toolbar.
 /// @group chat
@@ -117,7 +124,7 @@ $kendo-chat-toolbar-border: inherit !default;
 
 /// The background color of the Chat.
 /// @group chat
-$kendo-chat-bg: k-color(surface) !default;
+$kendo-chat-bg: transparent !default;
 /// The text color of the Chat.
 /// @group chat
 $kendo-chat-text: k-color(on-app-surface) !default;
@@ -159,57 +166,30 @@ $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-bg !default;
 /// @group bubble
 $kendo-chat-alt-bubble-focus-shadow: 0 0 0 2px color-mix(in srgb, k-color(primary) 16%, transparent) !default;
 
-/// The color of the typing indicator dots.
-/// @group chat
-$kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
-
-/// The minimum width of a file in the Chat Textarea.
-/// @group chat
-$kendo-chat-file-min-width: 96px !default;
-/// The maximum width of a file in the Chat Textarea.
-/// @group chat
-$kendo-chat-file-max-width: 160px !default;
-/// The font size of the Chat file name.
+/// The text color of the bubble of the failed Chat message.
 /// @group chat
-$kendo-chat-file-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
-/// The line height of the Chat file name.
+$kendo-chat-failed-bubble-text: k-color(base-on-subtle) !default;
+/// The background color of the bubble of the failed Chat message.
 /// @group chat
-$kendo-chat-file-name-line-height: var( --kendo-line-height-sm, normal ) !default;
-/// The font size of the Chat file size.
+$kendo-chat-failed-bubble-bg: k-color(error-subtle) !default;
+/// The border color of the bubble of the failed Chat message.
 /// @group chat
-$kendo-chat-file-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
-/// The line height of the Chat file size.
+$kendo-chat-failed-bubble-border: k-color(error-emphasis) !default;
+/// The text color of the failed Chat message content.
 /// @group chat
-$kendo-chat-file-size-line-height: var( --kendo-line-height-xs, normal ) !default;
-/// The horizontal padding of the Chat file.
-/// @group chat
-$kendo-chat-file-padding-x: k-spacing(1) !default;
-/// The vertical padding of the Chat file.
-/// @group chat
-$kendo-chat-file-padding-y: k-spacing(1) !default;
-/// The spacing between the elements of the Chat file.
-/// @group chat
-$kendo-chat-file-gap: k-spacing(1) !default;
+$kendo-chat-failed-content-color: k-color(error-on-surface) !default;
 
-/// The border width of the Chat file.
+/// The background color of the hovered bubble of the failed Chat message.
 /// @group chat
-$kendo-chat-file-border-width: 1px !default;
-/// The border style of the Chat file.
-/// @group chat
-$kendo-chat-file-border-style: solid !default;
+$kendo-chat-failed-bubble-hover-bg: k-color(error-subtle-hover) !default;
 
-/// The background color of the Chat file.
-/// @group chat
-$kendo-chat-file-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
-/// The text color of the Chat file.
+/// The background color of the selected bubble of the failed Chat message.
 /// @group chat
-$kendo-chat-file-text: k-color(base-on-subtle) !default;
-/// The border color of the Chat file.
-/// @group chat
-$kendo-chat-file-border: $kendo-chat-file-bg !default;
-/// The border-radius of the Chat file.
+$kendo-chat-failed-bubble-selected-bg: k-color(error-subtle-active) !default;
+
+/// The color of the typing indicator dots.
 /// @group chat
-$kendo-chat-file-border-radius: k-border-radius(md) !default;
+$kendo-chat-typing-indicator-text: k-color(base-on-subtle) !default;
 
 /// The background color of the Chat sender file.
 /// @group chat
@@ -240,7 +220,7 @@ $kendo-chat-message-reference-padding-y: k-spacing(1) !default;
 
 /// The background color of the Chat message reference.
 /// @group chat
-$kendo-chat-message-reference-bg: k-color(surface) !default;
+$kendo-chat-message-reference-bg: color-mix(in srgb, k-color(surface) 90%, transparent) !default;
 /// The text color of the Chat message reference.
 /// @group chat
 $kendo-chat-message-reference-text: k-color(on-app-surface) !default;
@@ -263,9 +243,11 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $kendo-chat-item-spacing-y: $kendo-chat-item-spacing-y,
     $kendo-chat-message-max-width: $kendo-chat-message-max-width,
     $kendo-chat-message-gap: $kendo-chat-message-gap,
+    $kendo-sequential-messages-border-radius: $kendo-sequential-messages-border-radius,
     $kendo-chat-message-list-padding-x: $kendo-chat-message-list-padding-x,
     $kendo-chat-message-list-padding-y: $kendo-chat-message-list-padding-y,
     $kendo-chat-message-list-spacing: $kendo-chat-message-list-spacing,
+    $kendo-chat-message-box-wrapper-spacing: $kendo-chat-message-box-wrapper-spacing,
     $kendo-chat-status-min-size: $kendo-chat-status-min-size,
     $kendo-chat-status-max-size: $kendo-chat-status-max-size,
     $kendo-chat-message-status-gap:  $kendo-chat-message-status-gap,
@@ -299,22 +281,13 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
     $kendo-chat-alt-bubble-focus-bg: $kendo-chat-alt-bubble-focus-bg,
     $kendo-chat-alt-bubble-focus-border: $kendo-chat-alt-bubble-focus-border,
     $kendo-chat-alt-bubble-focus-shadow: $kendo-chat-alt-bubble-focus-shadow,
+    $kendo-chat-failed-bubble-text: $kendo-chat-failed-bubble-text,
+    $kendo-chat-failed-bubble-bg: $kendo-chat-failed-bubble-bg,
+    $kendo-chat-failed-bubble-border: $kendo-chat-failed-bubble-border,
+    $kendo-chat-failed-content-color: $kendo-chat-failed-content-color,
+    $kendo-chat-failed-bubble-hover-bg: $kendo-chat-failed-bubble-hover-bg,
+    $kendo-chat-failed-bubble-selected-bg: $kendo-chat-failed-bubble-selected-bg,
     $kendo-chat-typing-indicator-text: $kendo-chat-typing-indicator-text,
-    $kendo-chat-file-min-width: $kendo-chat-file-min-width,
-    $kendo-chat-file-max-width: $kendo-chat-file-max-width,
-    $kendo-chat-file-name-font-size: $kendo-chat-file-name-font-size,
-    $kendo-chat-file-name-line-height: $kendo-chat-file-name-line-height,
-    $kendo-chat-file-size-font-size: $kendo-chat-file-size-font-size,
-    $kendo-chat-file-size-line-height: $kendo-chat-file-size-line-height,
-    $kendo-chat-file-padding-x: $kendo-chat-file-padding-x,
-    $kendo-chat-file-padding-y: $kendo-chat-file-padding-y,
-    $kendo-chat-file-gap: $kendo-chat-file-gap,
-    $kendo-chat-file-border-width: $kendo-chat-file-border-width,
-    $kendo-chat-file-border-style: $kendo-chat-file-border-style,
-    $kendo-chat-file-bg: $kendo-chat-file-bg,
-    $kendo-chat-file-text: $kendo-chat-file-text,
-    $kendo-chat-file-border: $kendo-chat-file-border,
-    $kendo-chat-file-border-radius: $kendo-chat-file-border-radius,
     $kendo-chat-sender-file-bg: $kendo-chat-sender-file-bg,
     $kendo-chat-sender-file-text: $kendo-chat-sender-file-text,
     $kendo-chat-sender-file-border: $kendo-chat-sender-file-border,

package/scss/core/motion/index.scss

@@ -9,6 +9,7 @@ $default-easings: (
     sharp: cubic-bezier(0.75, 0, 0.25, 1),
     bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55),
     elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5),
+    stretchy: cubic-bezier(.07, 1.81, .3, .81)
 ) !default;
 
 $default-durations: (

package/scss/dropdowntree/_variables.scss

@@ -3,13 +3,22 @@
 
 /// The horizontal padding of the DropdownTree popup
 /// @group dropdowntree
-$kendo-dropdowntree-popup-padding-x: k-spacing(2) !default;
+$kendo-dropdowntree-popup-padding-x: null !default;
 /// The vertical padding of the DropdownTree popup
 /// @group dropdowntree
-$kendo-dropdowntree-popup-padding-y: k-spacing(2) !default;
+$kendo-dropdowntree-popup-padding-y: null !default;
+
+/// The horizontal padding of the DropdownTree check all
+/// @group dropdowntree
+$kendo-dropdowntree-check-all-padding-x: k-spacing(2) !default;
+/// The vertical padding of the DropdownTree check all
+/// @group dropdowntree
+$kendo-dropdowntree-check-all-padding-y: k-spacing(2) !default;
 
 
 @forward "@progress/kendo-theme-core/scss/components/dropdowntree/_variables.scss" with (
     $kendo-dropdowntree-popup-padding-x: $kendo-dropdowntree-popup-padding-x,
-    $kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y
+    $kendo-dropdowntree-popup-padding-y: $kendo-dropdowntree-popup-padding-y,
+    $kendo-dropdowntree-check-all-padding-x: $kendo-dropdowntree-check-all-padding-x,
+    $kendo-dropdowntree-check-all-padding-y: $kendo-dropdowntree-check-all-padding-y
 );

package/scss/file-box/_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-file-box--styles() {
+    @include import-once( "file-box" ) {
+        @include core-styles();
+        @include kendo-file-box--layout();
+        @include kendo-file-box--theme();
+    }
+}

package/scss/file-box/_layout.scss

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

package/scss/file-box/_theme.scss

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

package/scss/file-box/_variables.scss

@@ -0,0 +1,73 @@
+@use "../core/_index.scss" as *;
+
+// File Box
+
+/// The horizontal padding of the File Box.
+/// @group file-box
+$kendo-file-box-padding-x: k-spacing(1) !default;
+/// The vertical padding of the File Box.
+/// @group file-box
+$kendo-file-box-padding-y: k-spacing(1) !default;
+/// The spacing between the elements of the File Box.
+/// @group file-box
+$kendo-file-box-gap: k-spacing(1) !default;
+/// The minimum width of the File Box.
+/// @group file-box
+$kendo-file-box-min-width: 96px !default;
+/// The maximum width of the File Box.
+/// @group file-box
+$kendo-file-box-max-width: 160px !default;
+/// The border width of the File Box.
+/// @group file-box
+$kendo-file-box-border-width: 1px !default;
+/// The border style of the File Box.
+/// @group file-box
+$kendo-file-box-border-style: solid !default;
+/// The border-radius of the File Box.
+/// @group file-box
+$kendo-file-box-border-radius: k-border-radius(md) !default;
+/// The font size of the File Box file name.
+/// @group file-box
+$kendo-file-box-name-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the File Box file name.
+/// @group file-box
+$kendo-file-box-name-line-height: var( --kendo-line-height-sm, normal ) !default;
+/// The font size of the File Box file size.
+/// @group file-box
+$kendo-file-box-size-font-size: var( --kendo-font-size-xs, inherit ) !default;
+/// The line height of the File Box file size.
+/// @group file-box
+$kendo-file-box-size-line-height: var( --kendo-line-height-xs, normal ) !default;
+
+/// The background color of the File Box.
+/// @group file-box
+$kendo-file-box-bg: color-mix(in srgb, k-color(base-on-subtle) 8%, transparent) !default;
+/// The text color of the File Box.
+/// @group file-box
+$kendo-file-box-text: k-color(base-on-subtle) !default;
+/// The border color of the File Box.
+/// @group file-box
+$kendo-file-box-border: $kendo-file-box-bg !default;
+
+/// The gradient used for the File Box wrapper scrolling indicator.
+/// @group file-box
+$kendo-file-box-wrapper-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% !default;
+
+@forward "@progress/kendo-theme-core/scss/components/file-box/_variables.scss" with (
+    $kendo-file-box-padding-x: $kendo-file-box-padding-x,
+    $kendo-file-box-padding-y: $kendo-file-box-padding-y,
+    $kendo-file-box-gap: $kendo-file-box-gap,
+    $kendo-file-box-min-width: $kendo-file-box-min-width,
+    $kendo-file-box-max-width: $kendo-file-box-max-width,
+    $kendo-file-box-border-width: $kendo-file-box-border-width,
+    $kendo-file-box-border-style: $kendo-file-box-border-style,
+    $kendo-file-box-border-radius: $kendo-file-box-border-radius,
+    $kendo-file-box-name-font-size: $kendo-file-box-name-font-size,
+    $kendo-file-box-name-line-height: $kendo-file-box-name-line-height,
+    $kendo-file-box-size-font-size: $kendo-file-box-size-font-size,
+    $kendo-file-box-size-line-height: $kendo-file-box-size-line-height,
+    $kendo-file-box-bg: $kendo-file-box-bg,
+    $kendo-file-box-text: $kendo-file-box-text,
+    $kendo-file-box-border: $kendo-file-box-border,
+    $kendo-file-box-wrapper-scroll-gradient: $kendo-file-box-wrapper-scroll-gradient
+);

package/scss/grid/_index.scss

@@ -24,6 +24,7 @@
 @use "../table/_index.scss" as *;
 @use "../tabstrip/_index.scss" as *;
 @use "../column-menu/_index.scss" as *;
+@use "../smart-box/_index.scss" as *;
 
 // Component
 @forward "./_variables.scss";
@@ -56,6 +57,7 @@
         @include kendo-list--styles();
         @include kendo-table--styles();
         @include kendo-tabstrip--styles();
+        @include kendo-smart-box--styles();
         @include kendo-grid--layout();
         @include kendo-grid--theme();
         @include kendo-utils--interactivity--touch-action();

package/scss/grid/_theme.scss

@@ -309,6 +309,15 @@
         @include fill( $kendo-grid-header-text, $kendo-grid-header-bg, $kendo-grid-header-border );
     }
 
+    .k-grid-sticky-container {
+        background-color: inherit;
+    }
+
+    .k-grid-sticky-top-container:has(> .k-grid-group-sticky-header-table),
+    .k-grid-sticky-bottom-container:has(> .k-grid-group-sticky-footer-table) {
+        border-color: $kendo-grid-sticky-border;
+    }
+
     .k-column-list-item:hover,
     .k-columnmenu-item:hover {
         @include fill(

package/scss/grid/_variables.scss

@@ -351,6 +351,10 @@ $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
 /// @group grid
 $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
 
+/// The box shadow of the sticky container in the Grid.
+/// @group grid
+$kendo-grid-sticky-container-shadow: k-elevation(2) !default;
+
 /// The width of the Grid column menu.
 /// @group grid
 $kendo-grid-column-menu-width: 250px !default;
@@ -492,6 +496,10 @@ $kendo-grid-stack-focus-outline: color-mix(in srgb, k-color(on-app-surface) 15%,
 /// @group grid
 $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
 
+/// The font weight of the pinned source row in the Grid.
+/// @group grid
+$kendo-grid-pinned-source-font-weight: var( --kendo-font-weight-bold, 700 ) !default;
+
 
 @forward "@progress/kendo-theme-core/scss/components/grid/_variables.scss" with (
     $kendo-grid-default-size: $kendo-grid-default-size,
@@ -632,5 +640,7 @@ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;
     $kendo-grid-stack-expandable-shadow-height: $kendo-grid-stack-expandable-shadow-height,
     $kendo-grid-stack-header-color: $kendo-grid-stack-header-color,
     $kendo-grid-stack-focus-outline: $kendo-grid-stack-focus-outline,
-    $kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow
+    $kendo-grid-stack-expandable-shadow: $kendo-grid-stack-expandable-shadow,
+    $kendo-grid-pinned-source-font-weight: $kendo-grid-pinned-source-font-weight,
+    $kendo-grid-sticky-container-shadow: $kendo-grid-sticky-container-shadow
 );

package/scss/icons/_variables.scss

@@ -38,6 +38,9 @@ $kendo-icon-spacing: k-spacing(2) !default;
 /// Padding of the action icons container.
 /// @group icon
 $kendo-icon-padding: k-spacing(1) !default;
+/// The color of accent icons.
+/// @group icon
+$kendo-accent-icon-color: k-color(tertiary) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
     $kendo-icon-default-size: $kendo-icon-default-size,
@@ -50,5 +53,6 @@ $kendo-icon-padding: k-spacing(1) !default;
     $kendo-icon-size-xxl: $kendo-icon-size-xxl,
     $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
     $kendo-icon-spacing: $kendo-icon-spacing,
-    $kendo-icon-padding: $kendo-icon-padding
+    $kendo-icon-padding: $kendo-icon-padding,
+    $kendo-accent-icon-color: $kendo-accent-icon-color
 );

package/scss/index.scss

@@ -105,6 +105,7 @@
 @forward "./imageeditor/_index.scss";
 @forward "./gantt/_index.scss";
 @forward "./scheduler/_index.scss";
+@forward "./file-box/_index.scss";
 @forward "./chat/_index.scss";
 @forward "./mediaplayer/_index.scss";
 @forward "./timeline/_index.scss";
@@ -113,6 +114,8 @@
 @forward "./scrollview/_index.scss";
 @forward "./speech-to-text-button/_index.scss";
 @forward "./prompt/_index.scss";
+@forward "./segmented-control/_index.scss";
+@forward "./prompt-box/_index.scss";
 @forward "./dataviz/_index.scss";
 @forward "./chart-wizard/_index.scss";
 @forward "./map/_index.scss";
@@ -121,6 +124,7 @@
 @forward "./otp/_index.scss";
 @forward "./column-menu/_index.scss";
 @forward "./marquee/_index.scss";
+@forward "./smart-box/_index.scss";
 
 
 // Use component modules
@@ -277,6 +281,7 @@
 // Misc
 
 @use "./adaptive/_index.scss" as *;
+@use "./file-box/_index.scss" as *;
 @use "./chat/_index.scss" as *;
 @use "./mediaplayer/_index.scss" as *;
 @use "./timeline/_index.scss" as *;
@@ -284,6 +289,9 @@
 @use "./scroller/_index.scss" as *;
 @use "./scrollview/_index.scss" as *;
 @use "./prompt/_index.scss" as *;
+@use "./segmented-control/_index.scss" as *;
+@use "./smart-box/_index.scss" as *;
+@use "./prompt-box/_index.scss" as *;
 
 // Dataviz
 
@@ -457,6 +465,7 @@
 
     // Misc
     @include kendo-adaptive--styles();
+    @include kendo-file-box--styles();
     @include kendo-chat--styles();
     @include kendo-media-player--styles();
     @include kendo-timeline--styles();
@@ -464,6 +473,9 @@
     @include kendo-scroller--styles();
     @include kendo-scrollview--styles();
     @include kendo-prompt--styles();
+    @include kendo-segmented-control--styles();
+    @include kendo-smart-box--styles();
+    @include kendo-prompt-box--styles();
 
 
     // Dataviz