@progress/kendo-theme-fluent 13.2.0-dev.3 → 14.0.0-dev.0

package/scss/prompt/_variables.scss

@@ -66,6 +66,16 @@ $kendo-prompt-suggestion-border: var( --kendo-prompt-suggestion-border, color-mi
 /// @group prompt
 $kendo-prompt-suggestion-shadow: var( --kendo-prompt-suggestion-shadow, null ) !default;
 
+/// The text color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-text: var( --kendo-prompt-footer-text, null ) !default;
+/// The background color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-bg: var( --kendo-prompt-footer-bg, null ) !default;
+/// The border color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-border: var( --kendo-prompt-footer-border, null ) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/prompt/_variables.scss" with (
     $kendo-prompt-text: $kendo-prompt-text,
     $kendo-prompt-bg: $kendo-prompt-bg,
@@ -86,5 +96,8 @@ $kendo-prompt-suggestion-shadow: var( --kendo-prompt-suggestion-shadow, null ) !
     $kendo-prompt-suggestion-text: $kendo-prompt-suggestion-text,
     $kendo-prompt-suggestion-bg: $kendo-prompt-suggestion-bg,
     $kendo-prompt-suggestion-border: $kendo-prompt-suggestion-border,
-    $kendo-prompt-suggestion-shadow: $kendo-prompt-suggestion-shadow
+    $kendo-prompt-suggestion-shadow: $kendo-prompt-suggestion-shadow,
+    $kendo-prompt-footer-text: $kendo-prompt-footer-text,
+    $kendo-prompt-footer-bg: $kendo-prompt-footer-bg,
+    $kendo-prompt-footer-border: $kendo-prompt-footer-border
 );

package/scss/scheduler/_variables.scss

@@ -6,6 +6,9 @@
 /// The width of the border around the Scheduler.
 /// @group scheduler
 $kendo-scheduler-border-width: var( --kendo-scheduler-border-width, 1px ) !default;
+/// The border radius of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-border-radius: var( --kendo-scheduler-border-radius, null ) !default;
 /// The font family of the Scheduler.
 /// @group scheduler
 $kendo-scheduler-font-family: var( --kendo-scheduler-font-family, var(--kendo-font-family) ) !default;
@@ -260,6 +263,7 @@ $kendo-scheduler-marquee-color: var( --kendo-scheduler-marquee-color, k-color(pr
 
 @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
     $kendo-scheduler-border-width: $kendo-scheduler-border-width,
+    $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
     $kendo-scheduler-font-family: $kendo-scheduler-font-family,
     $kendo-scheduler-font-size: $kendo-scheduler-font-size,
     $kendo-scheduler-line-height: $kendo-scheduler-line-height,

package/scss/scrollview/_theme.scss

@@ -5,22 +5,6 @@
 @mixin kendo-scrollview--theme() {
     @include kendo-scrollview--theme-base();
 
-    .k-scrollview {
-        &.k-scrollview-dark {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $kendo-scrollview-pager-dark-bg;
-            }
-        }
-
-        &.k-scrollview-light {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $kendo-scrollview-pager-light-bg;
-            }
-        }
-    }
-
     .k-scrollview-next,
     .k-scrollview-prev {
         text-shadow: $kendo-scrollview-navigation-arrow-shadow;

package/scss/scrollview/_variables.scss

@@ -4,6 +4,9 @@
 /// The width of the border around the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border-width: var( --kendo-scrollview-border-width, 0px ) !default;
+/// The border radius of the ScrollView.
+/// @group scrollview
+$kendo-scrollview-border-radius: var( --kendo-scrollview-border-radius, null ) !default;
 /// The font family of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-family: var( --kendo-scrollview-font-family, var(--kendo-font-family) ) !default;
@@ -51,6 +54,9 @@ $kendo-scrollview-pagebutton-primary-hover-shadow: var( --kendo-scrollview-pageb
 /// The primary focus box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-primary-focus-shadow: var( --kendo-scrollview-pagebutton-primary-focus-shadow, 0 0 0 2px k-color(base-emphasis) ) !default;
+/// The box shadow of the selected ScrollView page button.
+/// @group scrollview
+$kendo-scrollview-pagebutton-primary-shadow: null !default;
 
 /// The offset of the ScrollView pager.
 /// @group scrollview
@@ -97,6 +103,7 @@ $kendo-scrollview-transition-timing-function: var( --kendo-scrollview-transition
 
 @forward "@progress/kendo-theme-core/scss/components/scrollview/_variables.scss" with (
     $kendo-scrollview-border-width: $kendo-scrollview-border-width,
+    $kendo-scrollview-border-radius: $kendo-scrollview-border-radius,
     $kendo-scrollview-font-family: $kendo-scrollview-font-family,
     $kendo-scrollview-font-size: $kendo-scrollview-font-size,
     $kendo-scrollview-line-height: $kendo-scrollview-line-height,
@@ -108,12 +115,15 @@ $kendo-scrollview-transition-timing-function: var( --kendo-scrollview-transition
     $kendo-scrollview-pagebutton-border: $kendo-scrollview-pagebutton-border,
     $kendo-scrollview-pagebutton-primary-bg: $kendo-scrollview-pagebutton-primary-bg,
     $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-border,
+    $kendo-scrollview-pagebutton-primary-shadow: $kendo-scrollview-pagebutton-primary-shadow,
     $kendo-scrollview-pager-offset: $kendo-scrollview-pager-offset,
     $kendo-scrollview-pager-item-spacing: $kendo-scrollview-pager-item-spacing,
     $kendo-scrollview-pager-item-border-width: $kendo-scrollview-pager-item-border-width,
     $kendo-scrollview-pager-height: $kendo-scrollview-pager-height,
     $kendo-scrollview-navigation-color: $kendo-scrollview-navigation-color,
     $kendo-scrollview-navigation-bg: $kendo-scrollview-navigation-bg,
+    $kendo-scrollview-light-bg: $kendo-scrollview-pager-light-bg,
+    $kendo-scrollview-dark-bg: $kendo-scrollview-pager-dark-bg,
     $kendo-scrollview-transition-duration: $kendo-scrollview-transition-duration,
     $kendo-scrollview-transition-timing-function: $kendo-scrollview-transition-timing-function
 );

package/scss/spreadsheet/_variables.scss

@@ -8,6 +8,9 @@
 /// The width of the border around the Spreadsheet.
 /// @group spreadsheet
 $kendo-spreadsheet-border-width: var( --kendo-spreadsheet-border-width, 1px ) !default;
+/// The border radius of the Spreadsheet.
+/// @group spreadsheet
+$kendo-spreadsheet-border-radius: null !default;
 /// The font family of the Spreadsheet.
 /// @group spreadsheet
 $kendo-spreadsheet-font-family: var( --kendo-spreadsheet-font-family, var(--kendo-font-family) ) !default;
@@ -290,6 +293,7 @@ $kendo-spreadsheet-insert-image-dialog-img: url("data:image/png;base64,iVBORw0KG
 
 @forward "@progress/kendo-theme-core/scss/components/spreadsheet/_variables.scss" with (
     $kendo-spreadsheet-border-width: $kendo-spreadsheet-border-width,
+    $kendo-spreadsheet-border-radius: $kendo-spreadsheet-border-radius,
     $kendo-spreadsheet-font-family: $kendo-spreadsheet-font-family,
     $kendo-spreadsheet-font-size: $kendo-spreadsheet-font-size,
     $kendo-spreadsheet-line-height: $kendo-spreadsheet-line-height,

package/scss/stepper/_layout.scss

@@ -5,10 +5,6 @@
 @mixin kendo-stepper--layout() {
     @include kendo-stepper--layout-base();
 
-    .k-step-current .k-step-label {
-        font-weight: $kendo-stepper-current-label-font-weight;
-    }
-
     .k-stepper .k-step-disabled,
     .k-stepper .k-step.k-disabled {
         .k-step-label {

package/scss/stepper/_variables.scss

@@ -175,9 +175,9 @@ $kendo-stepper-label-hover-text: var( --kendo-stepper-label-hover-text, $kendo-s
 /// The text color of the disabled Stepper label.
 /// @group stepper
 $kendo-stepper-label-disabled-text: var( --kendo-stepper-label-disabled-text, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) ) !default;
-/// The font weight of the disabled Stepper label.
+/// The font weight of the current Stepper label.
 /// @group stepper
-$kendo-stepper-current-label-font-weight: var( --kendo-stepper-current-label-font-weight, var(--kendo-font-weight-semibold) ) !default;
+$kendo-stepper-label-current-font-weight: var( --kendo-stepper-label-current-font-weight, var(--kendo-font-weight-semibold) ) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
@@ -257,6 +257,7 @@ $kendo-stepper-content-transition-timing-function: var( --kendo-stepper-content-
     $kendo-stepper-label-error-text: $kendo-stepper-label-error-text,
     $kendo-stepper-label-hover-text: $kendo-stepper-label-hover-text,
     $kendo-stepper-label-disabled-text: $kendo-stepper-label-disabled-text,
+    $kendo-stepper-label-current-font-weight: $kendo-stepper-label-current-font-weight,
     $kendo-stepper-optional-label-text: $kendo-stepper-optional-label-text,
     $kendo-stepper-optional-label-font-size: $kendo-stepper-optional-label-font-size,
     $kendo-stepper-optional-label-font-style: $kendo-stepper-optional-label-font-style,

package/scss/suggestion/_variables.scss

@@ -24,6 +24,9 @@ $kendo-suggestion-font-size: var(--kendo-font-size) !default;
 /// The line height of the Suggestion.
 /// @group suggestion
 $kendo-suggestion-line-height: var( --kendo-suggestion-line-height, var(--kendo-line-height-lg) ) !default;
+/// The font weight of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-font-weight: var( --kendo-suggestion-font-weight, null ) !default;
 /// The border radius of the Suggestion.
 /// @group suggestion
 $kendo-suggestion-border-radius: var( --kendo-suggestion-border-radius, #{k-border-radius(full)} ) !default;
@@ -55,6 +58,7 @@ $kendo-suggestion-scroll-gradient: var( --kendo-suggestion-scroll-gradient, rgba
     $kendo-suggestion-border-style: $kendo-suggestion-border-style,
     $kendo-suggestion-font-size: $kendo-suggestion-font-size,
     $kendo-suggestion-line-height: $kendo-suggestion-line-height,
+    $kendo-suggestion-font-weight: $kendo-suggestion-font-weight,
     $kendo-suggestion-border-radius: $kendo-suggestion-border-radius,
     $kendo-suggestion-focus-shadow-blur: $kendo-suggestion-focus-shadow-blur,
     $kendo-suggestion-focus-shadow-spread: $kendo-suggestion-focus-shadow-spread,

package/scss/table/_variables.scss

@@ -36,6 +36,27 @@ $kendo-table-lg-cell-padding-x: var( --kendo-table-lg-cell-padding-x, #{k-spacin
 /// @group table
 $kendo-table-lg-cell-padding-y: var( --kendo-table-lg-cell-padding-y, #{k-spacing(3)} ) !default;
 
+/// The font size of the Table for small size.
+/// @group table
+$kendo-table-sm-font-size: var( --kendo-table-sm-font-size, var(--kendo-font-size) ) !default;
+/// The line height of the Table for small size.
+/// @group table
+$kendo-table-sm-line-height: var( --kendo-table-sm-line-height, var(--kendo-line-height) ) !default;
+
+/// The font size of the Table for medium size.
+/// @group table
+$kendo-table-md-font-size: var( --kendo-table-md-font-size, var(--kendo-font-size) ) !default;
+/// The line height of the Table for medium size.
+/// @group table
+$kendo-table-md-line-height: var( --kendo-table-md-line-height, var(--kendo-line-height) ) !default;
+
+/// The font size of the Table for large size.
+/// @group table
+$kendo-table-lg-font-size: var( --kendo-table-lg-font-size, var(--kendo-font-size) ) !default;
+/// The line height of the Table for large size.
+/// @group table
+$kendo-table-lg-line-height: var( --kendo-table-lg-line-height, var(--kendo-line-height) ) !default;
+
 /// Font weight of the table header cells.
 /// @group table
 $kendo-table-header-font-weight: var( --kendo-table-header-font-weight, var(--kendo-font-weight-normal) ) !default;
@@ -169,6 +190,12 @@ $kendo-table-cell-row-span-shadow: var( --kendo-table-cell-row-span-shadow, inse
     $kendo-table-md-cell-padding-y: $kendo-table-md-cell-padding-y,
     $kendo-table-lg-cell-padding-x: $kendo-table-lg-cell-padding-x,
     $kendo-table-lg-cell-padding-y: $kendo-table-lg-cell-padding-y,
+    $kendo-table-sm-font-size: $kendo-table-sm-font-size,
+    $kendo-table-sm-line-height: $kendo-table-sm-line-height,
+    $kendo-table-md-font-size: $kendo-table-md-font-size,
+    $kendo-table-md-line-height: $kendo-table-md-line-height,
+    $kendo-table-lg-font-size: $kendo-table-lg-font-size,
+    $kendo-table-lg-line-height: $kendo-table-lg-line-height,
     $kendo-table-bg: $kendo-table-bg,
     $kendo-table-text: $kendo-table-text,
     $kendo-table-border: $kendo-table-border,

package/scss/taskboard/_variables.scss

@@ -127,6 +127,9 @@ $kendo-taskboard-pane-padding-x: var( --kendo-taskboard-pane-padding-x, #{k-spac
 /// The border width of the TaskBoard pane.
 /// @group taskboard
 $kendo-taskboard-pane-border-width: var( --kendo-taskboard-pane-border-width, 1px ) !default;
+/// The border radius of the TaskBoard pane.
+/// @group taskboard
+$kendo-taskboard-pane-border-radius: null !default;
 /// The background color of the TaskBoard pane.
 /// @group taskboard
 $kendo-taskboard-pane-bg: var( --kendo-taskboard-pane-bg, #{k-color(surface-alt)} ) !default;
@@ -246,6 +249,7 @@ $kendo-taskboard-drag-placeholder-border: var( --kendo-taskboard-drag-placeholde
     $kendo-taskboard-pane-padding-y: $kendo-taskboard-pane-padding-y,
     $kendo-taskboard-pane-padding-x: $kendo-taskboard-pane-padding-x,
     $kendo-taskboard-pane-border-width: $kendo-taskboard-pane-border-width,
+    $kendo-taskboard-pane-border-radius: $kendo-taskboard-pane-border-radius,
     $kendo-taskboard-pane-bg: $kendo-taskboard-pane-bg,
     $kendo-taskboard-pane-text: $kendo-taskboard-pane-text,
     $kendo-taskboard-pane-border: $kendo-taskboard-pane-border,

package/scss/timeline/_variables.scss

@@ -189,6 +189,10 @@ $kendo-timeline-event-height: var( --kendo-timeline-event-height, 600px ) !defau
 /// @group timeline
 $kendo-timeline-event-min-height-calc: var( --kendo-timeline-event-min-height-calc, calc( 2 * ( #{ $kendo-timeline-track-event-offset } - #{ $kendo-card-border-width } ) ) ) !default;
 
+/// The shadow of the Timeline card.
+/// @group timeline
+$kendo-timeline-card-shadow: var( --kendo-timeline-card-shadow, $kendo-card-shadow ) !default;
+
 @forward "@progress/kendo-theme-core/scss/components/timeline/_variables.scss" with (
     $kendo-timeline-spacing-x: $kendo-timeline-spacing-x,
     $kendo-timeline-spacing-y: $kendo-timeline-spacing-y,
@@ -237,5 +241,6 @@ $kendo-timeline-event-min-height-calc: var( --kendo-timeline-event-min-height-ca
     $kendo-timeline-circle-bg: $kendo-timeline-circle-bg,
     $kendo-timeline-event-width: $kendo-timeline-event-width,
     $kendo-timeline-event-height: $kendo-timeline-event-height,
+    $kendo-timeline-card-shadow: $kendo-timeline-card-shadow,
     $kendo-timeline-event-min-height-calc: $kendo-timeline-event-min-height-calc
 );

package/scss/tooltip/_functions.scss

@@ -5,7 +5,7 @@
 
 @function tooltip-theme( $colors ) {
     $_theme: ();
-    $_solid-colors: ("primary", "dark", "light", "inverse");
+    $_solid-colors: ("inverse");
 
     @each $name in $colors {
         @if list.index($_solid-colors, $name) {

package/scss/tooltip/_variables.scss

@@ -57,7 +57,7 @@ $kendo-tooltip-button-text: var( --kendo-tooltip-button-text, #{k-color(subtle)}
 
 /// The theme colors map for the Tooltip.
 /// @group tooltip
-$kendo-tooltip-theme-colors: ("base", "primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse") !default;
+$kendo-tooltip-theme-colors: ("base", "info", "success", "warning", "error", "inverse") !default;
 
 /// The generated theme colors map for the Tooltip.
 /// @group tooltip

package/scss/upload/_variables.scss

@@ -4,6 +4,9 @@
 /// The width of the border around the Upload.
 /// @group upload
 $kendo-upload-border-width: var( --kendo-upload-border-width, 1px ) !default;
+/// The border radius of the Upload.
+/// @group upload
+$kendo-upload-border-radius: null !default;
 /// The font family of the Upload.
 /// @group upload
 $kendo-upload-font-family: var( --kendo-upload-font-family, var(--kendo-font-family) ) !default;
@@ -105,6 +108,7 @@ $kendo-upload-files-list-margin: calc( -1 * #{k-spacing(1)} ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/upload/_variables.scss" with (
     $kendo-upload-border-width: $kendo-upload-border-width,
+    $kendo-upload-border-radius: $kendo-upload-border-radius,
     $kendo-upload-font-family: $kendo-upload-font-family,
     $kendo-upload-font-size: $kendo-upload-font-size,
     $kendo-upload-line-height: $kendo-upload-line-height,

package/scss/window/_variables.scss

@@ -6,11 +6,6 @@
 /// @role default
 $kendo-window-default-size: "auto" !default;
 
-/// The default theme color of the Window.
-/// @group window
-/// @role default
-$kendo-window-default-theme-color: null !default;
-
 /// The width of the border around the Window.
 /// @group window
 $kendo-window-border-width: var(--kendo-window-border-width, 0) !default;
@@ -107,7 +102,6 @@ $kendo-window-titlebar-text: var( --kendo-window-titlebar-text, k-color(on-app-s
 $kendo-window-titlebar-border: var( --kendo-window-titlebar-border, k-color(primary) ) !default;
 
 @forward "@progress/kendo-theme-core/scss/components/window/_variables.scss" with (
-    $kendo-window-default-theme-color: $kendo-window-default-theme-color,
     $kendo-window-border-width: $kendo-window-border-width,
     $kendo-window-border-radius: $kendo-window-border-radius,
     $kendo-window-font-family: $kendo-window-font-family,