@progress/kendo-theme-default 8.1.0-dev.1 → 8.1.0

package/dist/all.scss

@@ -24027,14 +24027,14 @@ $kendo-tooltip-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-tooltip-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-line-height: 1.25 !default;
+$kendo-tooltip-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The font size of the Tooltip title.
 /// @group tooltip
 $kendo-tooltip-title-font-size: calc( ( var( --kendo-font-size, .875rem ) * 1.25 ) ) !default;
 /// The line height of the Tooltip title.
 /// @group tooltip
-$kendo-tooltip-title-line-height: 1 !default;
+$kendo-tooltip-title-line-height: var( --kendo-line-height-xs, normal ) !default;
 
 /// The size of the Tooltip callout.
 /// @group tooltip
@@ -24100,7 +24100,7 @@ $kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-window-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Window.
 /// @group window
-$kendo-window-line-height: 1.25 !default;
+$kendo-window-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The horizontal padding of the Window titlebar.
 /// @group window
@@ -24120,7 +24120,7 @@ $kendo-window-titlebar-border-style: solid !default;
 $kendo-window-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The line height of the title of the Window.
 /// @group window
-$kendo-window-title-line-height: 1.25 !default;
+$kendo-window-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The spacing between the buttons in the Window titlebar.
 /// @group window
@@ -24246,7 +24246,7 @@ $kendo-form-legend-border-color: $kendo-component-border !default;
 $kendo-form-legend-width: 100% !default;
 /// The font size of the Form legend.
 /// @group form
-$kendo-form-legend-font-size: 14px !default;
+$kendo-form-legend-font-size: var( --kendo-font-size, inherit ) !default;
 /// The text capitalization of the Form legend.
 /// @group form
 $kendo-form-legend-text-transform: uppercase !default;
@@ -24261,7 +24261,7 @@ $kendo-form-button-margin-x: k-spacing(2) !default;
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: 12px !default;
+$kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the Form hint.
 /// @group form
 $kendo-form-hint-font-style: italic !default;
@@ -24317,7 +24317,7 @@ $kendo-forms-invalid-color: $kendo-color-error !default;
 $kendo-label-optional-margin-x: k-spacing(1.5) !default;
 /// The font size of the optional label in the Form.
 /// @group form
-$kendo-label-optional-font-size: 12px !default;
+$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the optional label in the Form.
 /// @group form
 $kendo-label-optional-font-style: italic !default;
@@ -27168,7 +27168,7 @@ $kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-progressbar-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-line-height: 1 !default;
+$kendo-progressbar-line-height: var( --kendo-line-height-xs, normal ) !default;
 
 /// The background color of the ProgressBar.
 /// @group progressbar
@@ -29988,7 +29988,7 @@ $kendo-time-list-width: 4em !default;
 $kendo-time-list-height: 240px !default;
 
 $kendo-time-list-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
-$kendo-time-list-title-line-height: 1.5 !default;
+$kendo-time-list-title-line-height: var( --kendo-line-height-lg, normal ) !default;
 $kendo-time-list-title-height: calc( ( #{$kendo-time-list-title-font-size} ) * ( #{$kendo-time-list-title-line-height} ) ) !default;
 $kendo-time-list-title-text: $kendo-subtle-text !default;
 $kendo-time-list-title-focus-text: $kendo-component-text !default;
@@ -34872,7 +34872,10 @@ $kendo-upload-multiple-items-spacing: k-spacing(3) !default;
 
 /// The font size of the Upload validation message.
 /// @group upload
-$kendo-upload-validation-font-size: 11px !default;
+$kendo-upload-validation-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Upload validation message.
+/// @group upload
+$kendo-upload-validation-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The horizontal spacing of the Upload status icon.
 /// @group upload
 $kendo-upload-icon-spacing: $kendo-icon-spacing !default;
@@ -35067,7 +35070,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
             .k-file-summary,
             .k-file-validation-message {
                 font-size: $kendo-upload-validation-font-size;
-                line-height: 1;
+                line-height: $kendo-upload-validation-line-height;
             }
 
 
@@ -37261,7 +37264,9 @@ $kendo-drawer-item-padding-x: k-spacing(4) !default;
 $kendo-drawer-item-padding-y: $kendo-padding-md-x !default;
 /// The font size of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-font-size: 16px !default;
+$kendo-drawer-item-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the Drawer item.
+/// @group drawer
 $kendo-drawer-item-line-height: var( --kendo-line-height-lg, normal ) !default;
 
 /// The horizontal padding of the Drawer item in each level.
@@ -38009,7 +38014,7 @@ $kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 $kendo-card-title-font-family: null !default;
 /// The line height of the Card title.
 /// @group card
-$kendo-card-title-line-height: 1.25 !default;
+$kendo-card-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 /// The font weight of the Card title.
 /// @group card
 $kendo-card-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
@@ -38028,7 +38033,7 @@ $kendo-card-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
 $kendo-card-subtitle-font-family: null !default;
 /// The line height of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-line-height: normal !default;
+$kendo-card-subtitle-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The font weight of the Card subtitle.
 /// @group card
 $kendo-card-subtitle-font-weight: var( --kendo-font-weight-normal, normal ) !default;
@@ -38990,7 +38995,7 @@ $kendo-bottom-nav-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-bottom-nav-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-bottom-nav-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The letter spacing of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-letter-spacing: .2px !default;
@@ -56158,10 +56163,10 @@ $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
 /// The font size of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-font-size: smaller !default;
+$kendo-chat-timestamp-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-line-height: null !default;
+$kendo-chat-timestamp-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The text transform of the Chat timestamp.
 /// @group chat
 $kendo-chat-timestamp-transform: uppercase !default;
@@ -56172,6 +56177,20 @@ $kendo-chat-timestamp-text: $kendo-subtle-text !default;
 /// @group chat
 $kendo-chat-timestamp-bg: null !default;
 
+/// The font size of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-line-height: var( --kendo-line-height-lg, normal ) !default;
+
+/// The font size of the Chat author text.
+/// @group chat
+$kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat author text.
+/// @group chat
+$kendo-chat-author-line-height: var( --kendo-line-height-lg, normal ) !default;
+
 /// The horizontal padding of the Chat bubble message.
 /// @group chat
 $kendo-chat-bubble-padding-x: k-spacing(3) !default;
@@ -56183,7 +56202,7 @@ $kendo-chat-bubble-padding-y: k-spacing(2) !default;
 $kendo-chat-bubble-spacing: k-spacing(0.5) !default;
 /// The line height of the Chat bubble message.
 /// @group chat
-$kendo-chat-bubble-line-height: 18px !default;
+$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The border radius of the Chat bubble message.
 /// @group chat
@@ -56419,8 +56438,8 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
         // Message meta
         .k-message-time,
         .k-message-status {
-            font-size: smaller;
-            line-height: normal;
+            font-size: $kendo-chat-message-meta-font-size;
+            line-height: $kendo-chat-message-meta-line-height;
             white-space: nowrap;
             pointer-events: none;
             position: absolute;
@@ -56502,8 +56521,8 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
     // Author
     .k-author {
         margin: 0;
-        font-size: smaller;
-        line-height: normal;
+        font-size: $kendo-chat-author-font-size;
+        line-height: $kendo-chat-author-line-height;
     }
     .k-chat .k-author {
         margin: 0; // Duplicate styles because of typography module