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

package/scss/scrollview/_variables.scss

@@ -6,6 +6,9 @@
 /// The width of the border around the ScrollView.
 /// @group scrollview
 $kendo-scrollview-border-width: 1px !default;
+/// The border radius of the ScrollView.
+/// @group scrollview
+$kendo-scrollview-border-radius: null !default;
 /// The font family of the ScrollView.
 /// @group scrollview
 $kendo-scrollview-font-family: var(--kendo-font-family) !default;
@@ -44,6 +47,9 @@ $kendo-scrollview-pagebutton-primary-border: k-color(primary) !default;
 /// The box shadow of the ScrollView page button.
 /// @group scrollview
 $kendo-scrollview-pagebutton-shadow: 0 0 0 2px k-color(border-alt) !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
@@ -76,11 +82,10 @@ $kendo-scrollview-navigation-hover-opacity: 1 !default;
 
 /// The background color of the ScrollView pager in light mode.
 /// @group scrollview
-$kendo-scrollview-light-bg: rgba(255, 255, 255, .4) !default;
+$kendo-scrollview-light-bg: rgba( white, .4 ) !default;
 /// The background color of the ScrollView pager in dark mode.
 /// @group scrollview
-$kendo-scrollview-dark-bg: rgba(0, 0, 0, .4) !default;
-
+$kendo-scrollview-dark-bg: rgba( black, .4 ) !default;
 /// The duration of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-duration: .3s !default;
@@ -90,6 +95,7 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
 
 @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,
@@ -102,6 +108,7 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
     $kendo-scrollview-pagebutton-primary-bg: $kendo-scrollview-pagebutton-primary-bg,
     $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-border,
     $kendo-scrollview-pagebutton-shadow: $kendo-scrollview-pagebutton-shadow,
+    $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

@@ -7,6 +7,9 @@
 /// The width of the border around the Spreadsheet.
 /// @group spreadsheet
 $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-font-family) !default;
@@ -282,6 +285,7 @@ $kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(1) 0 calc(-1 * ( #{$kend
 
 @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/_variables.scss

@@ -190,6 +190,9 @@ $kendo-stepper-label-hover-text: k-color(on-base) !default;
 /// The text color of the disabled Stepper label.
 /// @group stepper
 $kendo-stepper-label-disabled-text: color-mix(in srgb, k-color(on-app-surface) 60%, transparent) !default;
+/// The font weight of the current Stepper label.
+/// @group stepper
+$kendo-stepper-label-current-font-weight: var(--kendo-font-weight-semibold) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
@@ -288,6 +291,7 @@ $kendo-stepper-content-transition-timing-function: k-easing(standard) !default;
     $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-opacity: $kendo-stepper-optional-label-opacity,
     $kendo-stepper-optional-label-font-size: $kendo-stepper-optional-label-font-size,

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-line-height-lg) !default;
+/// The font weight of the Suggestion.
+/// @group suggestion
+$kendo-suggestion-font-weight: null !default;
 /// The border radius of the Suggestion.
 /// @group suggestion
 $kendo-suggestion-border-radius: k-border-radius(full) !default;
@@ -55,6 +58,7 @@ $kendo-suggestion-scroll-gradient: rgba(255, 255, 255, 0.00) 0%, k-color(app-sur
     $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

@@ -48,6 +48,27 @@ $kendo-table-lg-cell-padding-x: k-spacing(2) !default;
 /// @group table
 $kendo-table-lg-cell-padding-y: k-spacing(2.5) !default;
 
+/// The font size of the Table for small size.
+/// @group table
+$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-line-height) !default;
+
+/// The font size of the Table for medium size.
+/// @group table
+$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-line-height) !default;
+
+/// The font size of the Table for large size.
+/// @group table
+$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-line-height) !default;
+
 
 /// Background color of tables.
 /// @group table
@@ -169,6 +190,12 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
     $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

@@ -137,6 +137,9 @@ $kendo-taskboard-pane-padding-x: null !default;
 /// The border width of the TaskBoard pane.
 /// @group taskboard
 $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: k-color(surface-alt) !default;
@@ -287,6 +290,7 @@ $kendo-taskboard-drag-placeholder-border: k-color(border) !default;
     $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

@@ -166,6 +166,10 @@ $kendo-timeline-event-height: 600px !default;
 /// @group timeline
 $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: $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,
@@ -215,5 +219,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
     $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/_variables.scss

@@ -55,7 +55,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
 
 /// 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

@@ -6,6 +6,9 @@
 /// The width of the border around the Upload.
 /// @group upload
 $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-font-family) !default;
@@ -114,6 +117,7 @@ $kendo-upload-file-info-margin: k-spacing(2) !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

@@ -9,11 +9,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: 0px !default;
@@ -107,7 +102,6 @@ $kendo-window-titlebar-border: inherit !default;
 $kendo-window-titlebar-gradient: null !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,