@progress/kendo-theme-material 9.1.0-dev.3 → 9.1.0-dev.5

package/scss/orgchart/_variables.scss

@@ -143,4 +143,4 @@ $kendo-orgchart-line-fill: $kendo-base-border !default;
 
 /// The height of the OrgChart connecting line.
 /// @group orgchart
-$kendo-orgchart-line-v-height: 25px !default;
+$kendo-orgchart-line-v-height: k-spacing(6) !default;

package/scss/pdf-viewer/_variables.scss

@@ -108,3 +108,26 @@ $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
 /// The text color of the PDFViewer icon.
 /// @group pdf-viewer
 $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
+
+/// The vertical padding of the PDFViewer popup.
+/// @group pdf-viewer
+$kendo-pdf-viewer-popup-padding-x: k-spacing(2) !default;
+/// The horizontal padding of the PDFViewer popup.
+/// @group pdf-viewer
+$kendo-pdf-viewer-popup-padding-y: $kendo-pdf-viewer-popup-padding-x !default;
+
+/// The border color of the PDFViewer selected highlight annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-highlight-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+/// The background color of the PDFViewer hover highlight annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-highlight-annotation-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), $kendo-color-primary-darker) !default;
+/// The border color of the PDFViewer selected free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-border: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
+/// The placeholder text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-placeholder-text: rgba(124, 22, 27, 0.5) !default;
+/// The text color of the PDFViewer free text annotation.
+/// @group pdf-viewer
+$kendo-pdf-viewer-free-text-annotation-text: rgba(124, 22, 27, 0.7) !default;

package/scss/splitter/_variables.scss

@@ -34,7 +34,7 @@ $kendo-splitter-drag-handle-length: 20px !default;
 $kendo-splitter-drag-handle-thickness: 2px !default;
 /// The margin of the Splitter drag handle icon.
 /// @group splitter
-$kendo-splitter-drag-icon-margin: calc( #{k-spacing(3.5)} / 2 ) !default;
+$kendo-splitter-drag-icon-margin: k-spacing(2) !default;
 /// The horizontal padding of the collapse icon in the Splitter.
 /// @group splitter
 $kendo-splitter-collapse-icon-padding-x: null !default;

package/scss/stepper/_variables.scss

@@ -21,6 +21,9 @@ $kendo-stepper-label-padding-x: k-spacing(3) !default;
 /// The vertical padding the Stepper label.
 /// @group stepper
 $kendo-stepper-label-padding-y: calc( #{k-spacing(2.5)} / 2 ) !default;
+/// The border radius of the Stepper label.
+/// @group stepper
+$kendo-stepper-label-border-radius: k-border-radius(xxl) !default;
 /// The width of the border around the Stepper.
 /// @group stepper
 $kendo-stepper-border-width: 0px !default;

package/scss/timeline/_variables.scss

@@ -29,10 +29,10 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
 
 /// The width of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-width: 36px !default;
+$kendo-timeline-track-arrow-width: k-spacing(9) !default;
 /// The height of the Timeline track arrow.
 /// @group timeline
-$kendo-timeline-track-arrow-height: 36px !default;
+$kendo-timeline-track-arrow-height: k-spacing(9) !default;
 
 /// The background color of the disabled Timeline track arrow.
 /// @group timeline
@@ -46,10 +46,10 @@ $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, tran
 
 /// The size of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-size: 6px !default;
+$kendo-timeline-track-size: k-spacing(1.5) !default;
 /// The bottom padding of the Timeline's track wrapper.
 /// @group timeline
-$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
+$kendo-timeline-track-wrap-padding-bottom: calc( #{$kendo-timeline-track-size} / 2 ) !default;
 /// The border width of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-border-width: 1px !default;
@@ -58,7 +58,7 @@ $kendo-timeline-track-border-width: 1px !default;
 $kendo-timeline-track-margin-bottom: k-spacing(4.5) !default;
 /// The bottom offset of the Timeline track.
 /// @group timeline
-$kendo-timeline-track-bottom-calc: calc(#{k-math-div( $kendo-timeline-track-arrow-height, 2 )} + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
+$kendo-timeline-track-bottom-calc: calc( calc( #{$kendo-timeline-track-arrow-height} / 2) + #{$kendo-timeline-track-wrap-padding-bottom}) !default;
 /// The left offset of the Timeline track.
 /// @group timeline
 $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;

package/scss/toolbar/_layout.scss

@@ -23,6 +23,10 @@
         .k-split-button {
             @include box-shadow( none );
         }
+
+        &.k-toolbar-outline {
+            @include box-shadow( none );
+        }
     }
 
     // Overflow container

package/scss/toolbar/_variables.scss

@@ -64,7 +64,7 @@ $kendo-toolbar-bg: $kendo-component-bg !default;
 $kendo-toolbar-text: $kendo-component-text !default;
 /// The color of the border around the Toolbar.
 /// @group toolbar
-$kendo-toolbar-border: null !default;
+$kendo-toolbar-border: $kendo-component-border !default;
 /// The gradient of the Toolbar.
 /// @group toolbar
 $kendo-toolbar-gradient: null !default;
@@ -72,9 +72,41 @@ $kendo-toolbar-gradient: null !default;
 /// @group toolbar
 $kendo-toolbar-shadow: $box-shadow-depth-4 !default;
 
+/// The text color of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-text: null !default;
+/// The color of the border around the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-border: currentColor !default;
+/// The gradient of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-gradient: null !default;
+/// The box shadow of the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-shadow: none !default;
+/// The width of the border around the outline Toolbar.
+/// @group toolbar
+$kendo-toolbar-outline-border-width: 1px !default;
+
+/// The text color of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-text: null !default;
+/// The color of the border around the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-border: $kendo-toolbar-border !default;
+/// The gradient of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-gradient: null !default;
+/// The box shadow of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-shadow: 0 2px 0 -1px $kendo-component-border !default;
+/// Border width of the flat Toolbar.
+/// @group toolbar
+$kendo-toolbar-flat-border-width: 1px !default;
+
 /// The color of the separator border of the Toolbar.
 /// @group toolbar
-$kendo-toolbar-separator-border: $kendo-component-border !default;
+$kendo-toolbar-separator-border: inherit !default;
 
 /// The width of the input in the Toolbar.
 /// @group toolbar
@@ -84,10 +116,6 @@ $kendo-toolbar-input-width: 10em !default;
 /// @group toolbar
 $kendo-toolbar-item-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px rgba(0, 0, 0, .14), 0 1px 10px rgba(0, 0, 0, .12) !default;
 
-/// Border width of the flat Toolbar.
-/// @group toolbar
-$kendo-toolbar-flat-border-width: 1px !default;
-
 /// The sizes map for the Toolbar.
 /// @group toolbar
 $kendo-toolbar-sizes: (

package/scss/tooltip/_variables.scss

@@ -2,7 +2,7 @@
 
 /// The vertical padding of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-padding-y: calc( #{$kendo-padding-md-y} * .75 ) !default;
+$kendo-tooltip-padding-y: k-spacing(.5) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-padding-x: calc( #{$kendo-padding-md-x} / 2 ) !default;