@progress/kendo-theme-fluent 13.2.0-dev.4 → 14.0.0-dev.1

package/scss/mediaplayer/_variables.scss

@@ -4,6 +4,9 @@
 /// The border width of the MediaPlayer.
 /// @group mediaplayer
 $kendo-media-player-border-width: var( --kendo-media-player-border-width, 1px ) !default;
+/// The border radius of the MediaPlayer.
+/// @group mediaplayer
+$kendo-media-player-border-radius: var( --kendo-media-player-border-radius, null ) !default;
 /// The font family of the MediaPlayer.
 /// @group mediaplayer
 $kendo-media-player-font-family: var( --kendo-media-player-font-family, var(--kendo-font-family) ) !default;
@@ -41,6 +44,15 @@ $kendo-media-player-titlebar-padding-x: var( --kendo-media-player-titlebar-paddi
 /// The vertical padding of the MediaPlayer title.
 /// @group mediaplayer
 $kendo-media-player-titlebar-padding-y: var( --kendo-media-player-titlebar-padding-y, k-spacing(2) ) !default;
+/// The font size of the MediaPlayer title.
+/// @group mediaplayer
+$kendo-media-player-titlebar-font-size: var( --kendo-media-player-titlebar-font-size, null ) !default;
+/// The font weight of the MediaPlayer title.
+/// @group mediaplayer
+$kendo-media-player-titlebar-font-weight: var( --kendo-media-player-titlebar-font-weight, null ) !default;
+/// The line height of the MediaPlayer title.
+/// @group mediaplayer
+$kendo-media-player-titlebar-line-height: var( --kendo-media-player-titlebar-line-height, null ) !default;
 /// The background color of the MediaPlayer title.
 /// @group mediaplayer
 $kendo-media-player-titlebar-bg: var( --kendo-media-player-titlebar-bg, color-mix(in srgb, k-color(on-app-surface) 40%, transparent) ) !default;
@@ -50,6 +62,7 @@ $kendo-media-player-titlebar-text: var( --kendo-media-player-titlebar-text, $ken
 
 @forward "@progress/kendo-theme-core/scss/components/mediaplayer/_variables.scss" with (
     $kendo-media-player-border-width: $kendo-media-player-border-width,
+    $kendo-media-player-border-radius: $kendo-media-player-border-radius,
     $kendo-media-player-font-family: $kendo-media-player-font-family,
     $kendo-media-player-font-size: $kendo-media-player-font-size,
     $kendo-media-player-line-height: $kendo-media-player-line-height,
@@ -58,5 +71,8 @@ $kendo-media-player-titlebar-text: var( --kendo-media-player-titlebar-text, $ken
     $kendo-media-player-border: $kendo-media-player-border,
     $kendo-media-player-titlebar-padding-x: $kendo-media-player-titlebar-padding-x,
     $kendo-media-player-titlebar-padding-y: $kendo-media-player-titlebar-padding-y,
+    $kendo-media-player-titlebar-font-size: $kendo-media-player-titlebar-font-size,
+    $kendo-media-player-titlebar-font-weight: $kendo-media-player-titlebar-font-weight,
+    $kendo-media-player-titlebar-line-height: $kendo-media-player-titlebar-line-height,
     $kendo-media-player-titlebar-text: $kendo-media-player-titlebar-text
 );

package/scss/messagebox/_variables.scss

@@ -53,6 +53,7 @@ $kendo-message-box-link-hover-text: var( --kendo-message-box-link-hover-text, k-
     $kendo-message-box-padding-x: $kendo-message-box-padding-x,
     $kendo-message-box-padding-y: $kendo-message-box-padding-y,
     $kendo-message-box-border-width: $kendo-message-box-border-width,
+    $kendo-message-box-border-radius: $kendo-message-box-border-radius,
     $kendo-message-box-font-size: $kendo-message-box-font-size,
     $kendo-message-box-line-height: $kendo-message-box-line-height,
     $kendo-message-box-link-font-style: $kendo-message-box-link-font-style

package/scss/pdf-viewer/_variables.scss

@@ -6,6 +6,9 @@
 /// The border width of the PDFViewer.
 /// @group pdf-viewer
 $kendo-pdf-viewer-border-width: var( --kendo-pdf-viewer-border-width, 1px ) !default;
+/// The border radius of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-border-radius: var( --kendo-pdf-viewer-border-radius, null ) !default;
 /// The font family of the PDFViewer.
 /// @group pdf-viewer
 $kendo-pdf-viewer-font-family: var( --kendo-pdf-viewer-font-family, var(--kendo-font-family) ) !default;
@@ -125,6 +128,7 @@ $kendo-pdf-viewer-free-text-annotation-text: var( --kendo-pdf-viewer-free-text-a
 
 @forward "@progress/kendo-theme-core/scss/components/pdf-viewer/_variables.scss" with (
     $kendo-pdf-viewer-border-width: $kendo-pdf-viewer-border-width,
+    $kendo-pdf-viewer-border-radius: $kendo-pdf-viewer-border-radius,
     $kendo-pdf-viewer-font-family: $kendo-pdf-viewer-font-family,
     $kendo-pdf-viewer-font-size: $kendo-pdf-viewer-font-size,
     $kendo-pdf-viewer-line-height: $kendo-pdf-viewer-line-height,

package/scss/pivotgrid/_variables.scss

@@ -27,6 +27,9 @@ $kendo-pivotgrid-line-height: var( --kendo-pivotgrid-line-height, var(--kendo-li
 /// The border width of the PivotGrid.
 /// @group pivotgrid
 $kendo-pivotgrid-border-width: var( --kendo-pivotgrid-border-width, 1px ) !default;
+/// The border radius of the PivotGrid.
+/// @group pivotgrid
+$kendo-pivotgrid-border-radius: null !default;
 /// The icon spacing of the PivotGrid.
 /// @group pivotgrid
 $kendo-pivotgrid-icon-spacing: var( --kendo-pivotgrid-icon-spacing, #{k-spacing(1)} ) !default;
@@ -253,6 +256,7 @@ $kendo-pivotgrid-row-headers-bg: var( --kendo-pivotgrid-row-headers-bg, #{k-colo
     $kendo-pivotgrid-font-size: $kendo-pivotgrid-font-size,
     $kendo-pivotgrid-line-height: $kendo-pivotgrid-line-height,
     $kendo-pivotgrid-border-width: $kendo-pivotgrid-border-width,
+    $kendo-pivotgrid-border-radius: $kendo-pivotgrid-border-radius,
     $kendo-pivotgrid-icon-spacing: $kendo-pivotgrid-icon-spacing,
     $kendo-pivotgrid-row-header-width: $kendo-pivotgrid-row-header-width,
     $kendo-pivotgrid-column-header-height: $kendo-pivotgrid-column-header-height,

package/scss/progressbar/_variables.scss

@@ -105,6 +105,10 @@ $kendo-progressbar-indeterminate-animation-vertical: var( --kendo-progressbar-in
 /// @group progressbar
 $kendo-progressbar-chunk-border: var( --kendo-progressbar-chunk-border, #{k-color(app-surface)} ) !default;
 
+/// The border radius of the chunk ProgressBar chunks.
+/// @group progressbar
+$kendo-progressbar-chunk-border-radius: null !default;
+
 // Circular Progressbar
 /// The arc stroke color of the circular ProgressBar.
 /// @group progressbar
@@ -132,6 +136,7 @@ $kendo-circular-progressbar-scale-stroke: var( --kendo-circular-progressbar-scal
     $kendo-progressbar-indeterminate-bg: $kendo-progressbar-indeterminate-bg,
     $kendo-progressbar-indeterminate-text: $kendo-progressbar-indeterminate-text,
     $kendo-progressbar-indeterminate-border: $kendo-progressbar-indeterminate-border,
+    $kendo-progressbar-chunk-border-radius: $kendo-progressbar-chunk-border-radius,
     $kendo-circular-progressbar-arc-stroke: $kendo-circular-progressbar-arc-stroke,
     $kendo-circular-progressbar-scale-stroke: $kendo-circular-progressbar-scale-stroke
 );

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/_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,6 +115,7 @@ $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,

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/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,