@progress/kendo-theme-classic 8.1.0-dev.1 → 8.1.0-dev.2

package/dist/all.scss

@@ -24384,14 +24384,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
@@ -24477,7 +24477,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
@@ -24603,7 +24603,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;
@@ -24618,7 +24618,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;
@@ -24674,7 +24674,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;
@@ -27685,7 +27685,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
@@ -30569,7 +30569,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;
@@ -35848,7 +35848,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;
@@ -36044,7 +36047,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .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;
             }
 
 
@@ -38333,7 +38336,7 @@ $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: $kendo-line-height-lg !default;
@@ -39116,7 +39119,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;
@@ -39135,7 +39138,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;
@@ -40145,7 +40148,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;
@@ -57719,10 +57722,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;
@@ -57733,6 +57736,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;
@@ -57744,7 +57761,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
@@ -57981,8 +57998,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;
@@ -58064,8 +58081,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