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

package/dist/meta/variables.json

@@ -7209,16 +7209,16 @@
         "value": "var(--kendo-font-size, inherit)"
     },
     "kendo-tooltip-line-height": {
-        "type": "Number",
-        "value": "1.25"
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
     },
     "kendo-tooltip-title-font-size": {
         "type": "Calculation",
         "value": "calc(var(--kendo-font-size, 0.875rem) * 1.25)"
     },
     "kendo-tooltip-title-line-height": {
-        "type": "Number",
-        "value": "1"
+        "type": "String",
+        "value": "var(--kendo-line-height-xs, normal)"
     },
     "kendo-tooltip-callout-size": {
         "type": "Number",
@@ -7329,8 +7329,8 @@
         "value": "var(--kendo-font-size, inherit)"
     },
     "kendo-window-line-height": {
-        "type": "Number",
-        "value": "1.25"
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
     },
     "kendo-window-titlebar-padding-x": {
         "type": "String",
@@ -7353,8 +7353,8 @@
         "value": "var(--kendo-font-size-lg, inherit)"
     },
     "kendo-window-title-line-height": {
-        "type": "Number",
-        "value": "1.25"
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
     },
     "kendo-window-actions-gap": {
         "type": "Null",
@@ -7499,8 +7499,8 @@
         "value": "100%"
     },
     "kendo-form-legend-font-size": {
-        "type": "Number",
-        "value": "14px"
+        "type": "String",
+        "value": "var(--kendo-font-size, inherit)"
     },
     "kendo-form-legend-text-transform": {
         "type": "String",
@@ -7515,8 +7515,8 @@
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
     "kendo-form-hint-font-size": {
-        "type": "Number",
-        "value": "12px"
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-form-hint-font-style": {
         "type": "String",
@@ -7579,8 +7579,8 @@
         "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
     },
     "kendo-label-optional-font-size": {
-        "type": "Number",
-        "value": "12px"
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-label-optional-font-style": {
         "type": "String",
@@ -7818,8 +7818,8 @@
         "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-progressbar-line-height": {
-        "type": "Number",
-        "value": "1"
+        "type": "String",
+        "value": "var(--kendo-line-height-xs, normal)"
     },
     "kendo-progressbar-bg": {
         "type": "String",
@@ -8678,12 +8678,12 @@
         "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-time-list-title-line-height": {
-        "type": "Number",
-        "value": "1.5"
+        "type": "String",
+        "value": "var(--kendo-line-height-lg, normal)"
     },
     "kendo-time-list-title-height": {
         "type": "Calculation",
-        "value": "calc((var(--kendo-font-size-sm, inherit)) * (1.5))"
+        "value": "calc((var(--kendo-font-size-sm, inherit)) * (var(--kendo-line-height-lg, normal)))"
     },
     "kendo-time-list-title-text": {
         "type": "String",
@@ -9853,8 +9853,12 @@
         "value": "var(--kendo-spacing-3, 0.75rem)"
     },
     "kendo-upload-validation-font-size": {
-        "type": "Number",
-        "value": "11px"
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-upload-validation-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-xs, normal)"
     },
     "kendo-upload-icon-spacing": {
         "type": "String",
@@ -10524,8 +10528,8 @@
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
     "kendo-drawer-item-font-size": {
-        "type": "Number",
-        "value": "16px"
+        "type": "String",
+        "value": "var(--kendo-font-size-lg, inherit)"
     },
     "kendo-drawer-item-line-height": {
         "type": "String",
@@ -10844,8 +10848,8 @@
         "value": "null"
     },
     "kendo-card-title-line-height": {
-        "type": "Number",
-        "value": "1.25"
+        "type": "String",
+        "value": "var(--kendo-line-height-sm, normal)"
     },
     "kendo-card-title-font-weight": {
         "type": "String",
@@ -10869,7 +10873,7 @@
     },
     "kendo-card-subtitle-line-height": {
         "type": "String",
-        "value": "normal"
+        "value": "var(--kendo-line-height-lg, normal)"
     },
     "kendo-card-subtitle-font-weight": {
         "type": "String",
@@ -11057,7 +11061,7 @@
     },
     "kendo-bottom-nav-line-height": {
         "type": "String",
-        "value": "var(--kendo-line-height-sm, normal)"
+        "value": "var(--kendo-line-height-xs, normal)"
     },
     "kendo-bottom-nav-letter-spacing": {
         "type": "Number",
@@ -15578,11 +15582,11 @@
     },
     "kendo-chat-timestamp-font-size": {
         "type": "String",
-        "value": "smaller"
+        "value": "var(--kendo-font-size-sm, inherit)"
     },
     "kendo-chat-timestamp-line-height": {
-        "type": "Null",
-        "value": "null"
+        "type": "String",
+        "value": "var(--kendo-line-height-lg, normal)"
     },
     "kendo-chat-timestamp-transform": {
         "type": "String",
@@ -15596,6 +15600,22 @@
         "type": "Null",
         "value": "null"
     },
+    "kendo-chat-message-meta-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-chat-message-meta-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-lg, normal)"
+    },
+    "kendo-chat-author-font-size": {
+        "type": "String",
+        "value": "var(--kendo-font-size-sm, inherit)"
+    },
+    "kendo-chat-author-line-height": {
+        "type": "String",
+        "value": "var(--kendo-line-height-lg, normal)"
+    },
     "kendo-chat-bubble-padding-x": {
         "type": "String",
         "value": "var(--kendo-spacing-3, 0.75rem)"
@@ -15609,8 +15629,8 @@
         "value": "var(--kendo-spacing-0\\.5, 0.125rem)"
     },
     "kendo-chat-bubble-line-height": {
-        "type": "Number",
-        "value": "18px"
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
     },
     "kendo-chat-bubble-border-radius": {
         "type": "Number",
@@ -15665,8 +15685,8 @@
         "value": "var(--kendo-spacing-2, 0.5rem)"
     },
     "kendo-chat-quick-reply-line-height": {
-        "type": "Number",
-        "value": "18px"
+        "type": "String",
+        "value": "var(--kendo-line-height, normal)"
     },
     "kendo-chat-bg": {
         "type": "String",

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "8.1.0-dev.1",
+    "version": "8.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "8.1.0-dev.1",
+  "version": "8.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "3.0.0",
-    "@progress/kendo-theme-core": "8.1.0-dev.1",
-    "@progress/kendo-theme-utils": "8.1.0-dev.1"
+    "@progress/kendo-theme-core": "8.1.0-dev.2",
+    "@progress/kendo-theme-utils": "8.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "4689911f0f7008e71ed496fa1e63f7d006270dca"
+  "gitHead": "a8611dd8fc7fb5f348432f88bbb672c6f0049fa4"
 }

package/scss/bottom-navigation/_variables.scss

@@ -20,7 +20,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;

package/scss/card/_variables.scss

@@ -116,7 +116,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;
@@ -135,7 +135,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;

package/scss/chat/_layout.scss

@@ -115,8 +115,8 @@
         // 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;
@@ -198,8 +198,8 @@
     // 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

package/scss/chat/_variables.scss

@@ -44,10 +44,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;
@@ -58,6 +58,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;
@@ -69,7 +83,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

package/scss/drawer/_variables.scss

@@ -55,7 +55,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.

package/scss/forms/_variables.scss

@@ -53,7 +53,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;
@@ -68,7 +68,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;
@@ -124,7 +124,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;

package/scss/progressbar/_variables.scss

@@ -20,7 +20,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

package/scss/timeselector/_variables.scss

@@ -17,7 +17,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;

package/scss/tooltip/_variables.scss

@@ -21,14 +21,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

package/scss/upload/_layout.scss

@@ -158,7 +158,7 @@
             .k-file-summary,
             .k-file-validation-message {
                 font-size: $kendo-upload-validation-font-size;
-                line-height: 1;
+                line-height: $kendo-upload-validation-line-height;
             }
 
 

package/scss/upload/_variables.scss

@@ -65,7 +65,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;

package/scss/window/_variables.scss

@@ -16,7 +16,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
@@ -36,7 +36,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