@progress/kendo-theme-bootstrap 13.2.0-dev.4 → 14.0.0-dev.0

package/scss/mediaplayer/_variables.scss

@@ -5,6 +5,9 @@
 /// The border width of the MediaPlayer.
 /// @group mediaplayer
 $kendo-media-player-border-width: 1px !default;
+/// The border radius of the MediaPlayer.
+/// @group mediaplayer
+$kendo-media-player-border-radius: null !default;
 /// The font family of the MediaPlayer.
 /// @group mediaplayer
 $kendo-media-player-font-family: var(--kendo-font-family) !default;
@@ -31,6 +34,15 @@ $kendo-media-player-titlebar-padding-x: k-spacing(2) !default;
 /// The vertical padding of the MediaPlayer title.
 /// @group mediaplayer
 $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: null !default;
+/// The font weight of the MediaPlayer title.
+/// @group mediaplayer
+$kendo-media-player-titlebar-font-weight: null !default;
+/// The line height of the MediaPlayer title.
+/// @group mediaplayer
+$kendo-media-player-titlebar-line-height: null !default;
 /// The text color of the MediaPlayer title.
 /// @group mediaplayer
 $kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
@@ -41,6 +53,7 @@ $kendo-media-player-titlebar-gradient: color-mix(in srgb, k-color(on-app-surface
 
 @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,
@@ -49,6 +62,9 @@ $kendo-media-player-titlebar-gradient: color-mix(in srgb, k-color(on-app-surface
     $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,
     $kendo-media-player-titlebar-gradient: $kendo-media-player-titlebar-gradient
 );

package/scss/messagebox/_variables.scss

@@ -19,6 +19,9 @@ $kendo-message-box-padding-y: k-spacing(5) !default;
 /// The width of the border around the MessageBox.
 /// @group messagebox
 $kendo-message-box-border-width: 0 0 0 4px !default;
+/// The border radius of the MessageBox.
+/// @group messagebox
+$kendo-message-box-border-radius: null !default;
 
 /// The font size of the MessageBox.
 /// @group messagebox
@@ -50,6 +53,7 @@ $kendo-message-box-link-text-decoration: underline !default;
     $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-bg-level: $kendo-message-box-bg-level,

package/scss/pdf-viewer/_variables.scss

@@ -8,6 +8,9 @@
 /// The border width of the PDFViewer.
 /// @group pdf-viewer
 $kendo-pdf-viewer-border-width: 1px !default;
+/// The border radius of the PDFViewer.
+/// @group pdf-viewer
+$kendo-pdf-viewer-border-radius: null !default;
 /// The font family of the PDFViewer.
 /// @group pdf-viewer
 $kendo-pdf-viewer-font-family: var(--kendo-font-family) !default;
@@ -140,6 +143,7 @@ $kendo-pdf-viewer-free-text-annotation-text: k-color(primary-on-subtle) !default
 
 @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-line-height) !default;
 /// The border width of the PivotGrid.
 /// @group pivotgrid
 $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: k-spacing(1) !default;
@@ -269,6 +272,7 @@ $kendo-pivotgrid-row-headers-bg: k-color(base-subtle) !default;
     $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

@@ -61,6 +61,11 @@ $kendo-progressbar-indeterminate-text: $kendo-progressbar-text !default;
 /// @group progressbar
 $kendo-progressbar-indeterminate-border: $kendo-progressbar-border !default;
 
+// Chunk Progressbar
+/// 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
@@ -89,6 +94,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
     $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

@@ -67,6 +67,16 @@ $kendo-prompt-suggestion-border: k-color(border) !default;
 /// @group prompt
 $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
 
+/// The text color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-text: null !default;
+/// The background color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-bg: null !default;
+/// The border color of the AIPrompt footer.
+/// @group prompt
+$kendo-prompt-footer-border: null !default;
+
 
 @forward "@progress/kendo-theme-core/scss/components/prompt/_variables.scss" with (
     $kendo-prompt-text: $kendo-prompt-text,
@@ -88,5 +98,8 @@ $kendo-prompt-suggestion-shadow: k-elevation(1) !default;
     $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

@@ -10,6 +10,9 @@
 /// The width of the border around the Scheduler.
 /// @group scheduler
 $kendo-scheduler-border-width: 1px !default;
+/// The border radius of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-border-radius: null !default;
 /// The font family of the Scheduler.
 /// @group scheduler
 $kendo-scheduler-font-family: var(--kendo-font-family) !default;
@@ -266,6 +269,7 @@ $kendo-scheduler-header-bg: k-color(surface) !default;
 
 @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,86 +5,21 @@
 
 @mixin kendo-scrollview--theme() {
 
-    // refactor when https://github.com/telerik/kendo-angular-scrollview/issues/130 is done
-    .k-scrollview {
-        @include fill(
-            $kendo-scrollview-text,
-            $kendo-scrollview-bg,
-            $kendo-scrollview-border
-        );
-
-        &.k-scrollview-dark {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $kendo-scrollview-dark-bg;
-            }
-            .k-scrollview-next,
-            .k-scrollview-prev {
-                color: $kendo-scrollview-dark-bg;
-
-            }
-        }
-
-        &.k-scrollview-light {
-            kendo-scrollview-pager,
-            .k-scrollview-nav-wrap {
-                background-color: $kendo-scrollview-light-bg;
-            }
-
-        }
-    }
-
-    .k-scrollview:focus,
-    .k-scrollview-wrap:focus {
-        outline: none;
-
-    }
+    @include kendo-scrollview--theme-base();
 
+    // Bootstrap overrides
     .k-scrollview-next,
     .k-scrollview-prev {
-        color: $kendo-scrollview-navigation-color;
-        background-color: $kendo-scrollview-navigation-bg;
-        opacity: $kendo-scrollview-navigation-default-opacity;
-        outline-width: 0;
-        -webkit-tap-highlight-color: $kendo-scrollview-arrow-tap-highlight-color;
-
         &:focus,
         &.k-focus {
-            color: $kendo-scrollview-navigation-color;
-            opacity: $kendo-scrollview-navigation-hover-opacity;
             .k-icon::before {
-                box-shadow: $kendo-scrollview-pagebutton-shadow;
                 background-color: $kendo-scrollview-navigation-hover-span-bg;
             }
         }
-
-        &:hover,
-        &.k-hover {
-            color: $kendo-scrollview-navigation-color;
-            opacity: $kendo-scrollview-navigation-hover-opacity;
-
-        }
     }
 
-
     .k-scrollview-nav > .k-link {
         background-color: $kendo-scrollview-pagebutton-bg;
         border-color: $kendo-scrollview-pagebutton-border;
-
-        &.k-primary {
-            background: $kendo-scrollview-pagebutton-primary-bg;
-            border: $kendo-scrollview-pagebutton-primary-border;
-        }
-
-
-        &:focus,
-        &.k-focus {
-            box-shadow: $kendo-scrollview-pagebutton-shadow;
-        }
-
-        &:hover,
-        &.k-hover {
-            box-shadow: $kendo-scrollview-pagebutton-shadow;
-        }
     }
 }

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 color-mix(in srgb, k-color(inverse) 13%, transparent) !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
@@ -94,6 +100,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,
@@ -106,6 +113,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;
@@ -284,6 +287,7 @@ $kendo-spreadsheet-filter-menu-icon-margin: 0 k-spacing(2) 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: unset !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) 65%, 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
@@ -289,6 +292,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) !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

@@ -47,6 +47,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
 $kendo-table-bg: k-color(surface-alt) !default;
@@ -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

@@ -138,6 +138,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;
@@ -289,6 +292,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

@@ -167,6 +167,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,
@@ -217,5 +221,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/upload/_variables.scss

@@ -7,6 +7,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;
@@ -115,6 +118,7 @@ $kendo-upload-file-info-margin: k-spacing(4) !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,