@progress/kendo-theme-default 8.0.0-dev.8 → 8.0.0-dev.9

package/dist/all.css

@@ -35020,7 +35020,7 @@ kendo-label > .k-label {
 
 .k-tooltip-title {
     margin-bottom: .25em;
-    font-size: calc(var(--kendo-font-size, inherit)*1.25);
+    font-size: calc(var( --kendo-font-size, .875rem )*1.25);
     line-height: 1;
 }
 
@@ -37344,7 +37344,7 @@ select.k-picker-lg {
 }
 
 .k-slider .k-slider-track {
-    background-color: var(--kendo-color-base-subtle, #ebebeb);
+    background-color: var(--kendo-color-base-emphasis, #c2c2c2);
 }
 
 .k-slider .k-slider-selection {
@@ -52484,7 +52484,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-tooltip .k-tooltip-title .k-day {
-    font-size: calc(var(--kendo-font-size-sm, inherit)*2);
+    font-size: calc(var( --kendo-font-size-sm, .75rem )*2);
 }
 
 .k-scheduler-tooltip .k-tooltip-events-container {

package/dist/all.scss

@@ -2676,6 +2676,7 @@ $kendo-line-height: k-math-div( 20, 14 ) !default;
 /// @group typography
 $kendo-line-height-xs: 1 !default;
 /// The small line height across all components.
+/// @group typography
 $kendo-line-height-sm: 1.25 !default;
 /// The medium line height across all components.
 /// @group typography
@@ -5962,14 +5963,32 @@ $kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
 // File already imported_once. Skipping output.
 // #endregion
 // #region @import "./border-radii/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/border-radii/index.import.scss
+/// The none border radius used across the Components.
+/// @group radii
 $kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
+/// The extra small border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xs: k-map-get($kendo-spacing, 1px) !default;
+/// The small border radius used across the Components.
+/// @group radii
 $kendo-border-radius-sm: k-map-get($kendo-spacing, 0.5) !default;
+/// The medium border radius used across the Components.
+/// @group radii
 $kendo-border-radius-md: k-map-get($kendo-spacing, 1) !default;
+/// The large border radius used across the Components.
+/// @group radii
 $kendo-border-radius-lg: k-map-get($kendo-spacing, 1.5) !default;
+/// The extra large border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xl: k-map-get($kendo-spacing, 2) !default;
+/// The third largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xxl: k-map-get($kendo-spacing, 3) !default;
+/// The second largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-xxxl: k-map-get($kendo-spacing, 4) !default;
+/// The largest border radius used across the Components.
+/// @group radii
 $kendo-border-radius-full: 9999px !default;
 
 
@@ -5988,6 +6007,8 @@ $_default-border-radii: (
 
 $kendo-border-radii: $_default-border-radii !default;
 
+/// The global radii Map.
+/// @group radii
 $kendo-border-radii: k-map-merge($_default-border-radii, $kendo-border-radii);
 
 
@@ -15118,48 +15139,123 @@ $_kendo-module-meta: (
 
 
 // Headings
+
+/// The font size of the highest level heading.
+/// @group typography
 $kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
+/// The font size of the second highest level heading.
+/// @group typography
 $kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
+/// The font size of the third highest level heading.
+/// @group typography
 $kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
+/// The font size of the fourth highest level heading.
+/// @group typography
 $kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
+/// The font size of the fifth highest level heading.
+/// @group typography
 $kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
+/// The font size of the sixth highest level heading.
+/// @group typography
 $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
 
+/// The font family of the highest level heading.
+/// @group typography
 $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the second highest level heading.
+/// @group typography
 $kendo-h2-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the third highest level heading.
+/// @group typography
 $kendo-h3-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the fourth highest level heading.
+/// @group typography
 $kendo-h4-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the fifth highest level heading.
+/// @group typography
 $kendo-h5-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the sixth highest level heading.
+/// @group typography
 $kendo-h6-font-family: var( --kendo-font-family, inherit ) !default;
 
+/// The line height of the highest level heading.
+/// @group typography
 $kendo-h1-line-height: 74px !default;
+/// The line height of the second highest level heading.
+/// @group typography
 $kendo-h2-line-height: 56px !default;
+/// The line height of the third highest level heading.
+/// @group typography
 $kendo-h3-line-height: 42px !default;
+/// The line height of the fourth highest level heading.
+/// @group typography
 $kendo-h4-line-height: 40px !default;
+/// The line height of the fifth highest level heading.
+/// @group typography
 $kendo-h5-line-height: 28px !default;
+/// The line height of the sixth highest level heading.
+/// @group typography
 $kendo-h6-line-height: 20px !default;
 
+/// The font weight of the highest level heading.
+/// @group typography
 $kendo-h1-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+/// The font weight of the second highest level heading.
+/// @group typography
 $kendo-h2-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+/// The font weight of the third highest level heading.
+/// @group typography
 $kendo-h3-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+/// The font weight of the fourth highest level heading.
+/// @group typography
 $kendo-h4-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+/// The font weight of the fifth highest level heading.
+/// @group typography
 $kendo-h5-font-weight: var( --kendo-font-weight-bold, normal ) !default;
+/// The font weight of the sixth highest level heading.
+/// @group typography
 $kendo-h6-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
+/// The letter spacing of the highest level heading.
+/// @group typography
 $kendo-h1-letter-spacing: null !default;
+/// The letter spacing of the second highest level heading.
+/// @group typography
 $kendo-h2-letter-spacing: null !default;
+/// The letter spacing of the third highest level heading.
+/// @group typography
 $kendo-h3-letter-spacing: null !default;
+/// The letter spacing of the fourth highest level heading.
+/// @group typography
 $kendo-h4-letter-spacing: null !default;
+/// The letter spacing of the fifth highest level heading.
+/// @group typography
 $kendo-h5-letter-spacing: null !default;
+/// The letter spacing of the sixth highest level heading.
+/// @group typography
 $kendo-h6-letter-spacing: null !default;
 
+/// The margin of the highest level heading.
+/// @group typography
 $kendo-h1-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The margin of the second highest level heading.
+/// @group typography
 $kendo-h2-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The margin of the third highest level heading.
+/// @group typography
 $kendo-h3-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The margin of the fourth highest level heading.
+/// @group typography
 $kendo-h4-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The margin of the fifth highest level heading.
+/// @group typography
 $kendo-h5-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The margin of the sixth highest level heading.
+/// @group typography
 $kendo-h6-margin: 0 0 var( --kendo-font-size, inherit ) !default;
 
+/// The headings Map.
+/// @group typography
 $kendo-headings: (
     h1: (
         font-size: $kendo-h1-font-size,
@@ -15214,58 +15310,139 @@ $kendo-headings: (
 
 
 // Paragraph
+
+/// The margin of the paragraph.
+/// @group typography
 $kendo-paragraph-margin: 0 0 var( --kendo-font-size, inherit ) !default;
+/// The font size of the paragraph.
+/// @group typography
 $kendo-paragraph-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font family of the paragraph.
+/// @group typography
 $kendo-paragraph-font-family: var( --kendo-font-family, inherit ) !default;
+/// The line height of the paragraph.
+/// @group typography
 $kendo-paragraph-line-height: 20px !default;
+/// The font weight of the paragraph.
+/// @group typography
 $kendo-paragraph-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+/// The letter spacing of the paragraph.
+/// @group typography
 $kendo-paragraph-letter-spacing: null !default;
 
 
 // Code
+
+/// The font size of the code tag.
+/// @group typography
 $kendo-code-font-size: var( --kendo-font-size, inherit ) !default;
+/// The font family of the code tag.
+/// @group typography
 $kendo-code-font-family: var( --kendo-font-family-monospace, normal ) !default;
+/// The line height of the code tag.
+/// @group typography
 $kendo-code-line-height: 20px !default;
+/// The font weight of the code tag.
+/// @group typography
 $kendo-code-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+/// The letter spacing of the code tag.
+/// @group typography
 $kendo-code-letter-spacing: null !default;
 
+/// The horizontal padding of the code tag.
+/// @group typography
 $kendo-code-padding-x: k-spacing(1) !default;
+/// The vertical padding of the code tag.
+/// @group typography
 $kendo-code-padding-y: k-spacing(0) !default;
+/// The horizontal padding of the preformatted text.
+/// @group typography
 $kendo-pre-padding-x: k-spacing(6) !default;
+/// The vertical padding of the preformatted text.
+/// @group typography
 $kendo-pre-padding-y: k-spacing(4) !default;
+/// The width of the border of the code tag.
+/// @group typography
 $kendo-code-border-width: 1px !default;
 
+/// The background color of the code tag.
+/// @group typography
 $kendo-code-bg: $kendo-base-bg !default;
+/// The color of the code tag.
+/// @group typography
 $kendo-code-text: $kendo-component-text !default;
+/// The border color of the code tag.
+/// @group typography
 $kendo-code-border: $kendo-component-border !default;
 
-
 // Display
+
+/// The font size of the largest display text.
+/// @group typography
 $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
+/// The font size of the second largest display text.
+/// @group typography
 $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
+/// The font size of the third largest display text.
+/// @group typography
 $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
+/// The font size of the fourth largest display text.
+/// @group typography
 $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
 
+/// The font family of the largest display text.
+/// @group typography
 $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the second largest display text.
+/// @group typography
 $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the third largest display text.
+/// @group typography
 $kendo-display3-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font family of the fourth largest display text.
+/// @group typography
 $kendo-display4-font-family: var( --kendo-font-family, inherit ) !default;
 
+/// The line height of the largest display text.
+/// @group typography
 $kendo-display1-line-height: 1.2 !default;
+/// The line height of the second largest display text.
+/// @group typography
 $kendo-display2-line-height: 1.2 !default;
+/// The line height of the third largest display text.
+/// @group typography
 $kendo-display3-line-height: 1.2 !default;
+/// The line height of the fourth largest display text.
+/// @group typography
 $kendo-display4-line-height: 1.2 !default;
 
+/// The font weight of the largest display text.
+/// @group typography
 $kendo-display1-font-weight: var( --kendo-font-weight-light, normal ) !default;
+/// The font weight of the second largest display text.
+/// @group typography
 $kendo-display2-font-weight: var( --kendo-font-weight-light, normal ) !default;
+/// The font weight of the third largest display text.
+/// @group typography
 $kendo-display3-font-weight: var( --kendo-font-weight-light, normal ) !default;
+/// The font weight of the fourth largest display text.
+/// @group typography
 $kendo-display4-font-weight: var( --kendo-font-weight-light, normal ) !default;
 
+/// The letter spacing of the largest display text.
+/// @group typography
 $kendo-display1-letter-spacing: null !default;
+/// The letter spacing of the second largest display text.
+/// @group typography
 $kendo-display2-letter-spacing: null !default;
+/// The letter spacing of the third largest display text.
+/// @group typography
 $kendo-display3-letter-spacing: null !default;
+/// The letter spacing of the fourth largest display text.
+/// @group typography
 $kendo-display4-letter-spacing: null !default;
 
+/// The displays Map.
 $kendo-display: (
     1: (
         font-size: $kendo-display1-font-size,
@@ -23767,7 +23944,7 @@ $kendo-tooltip-line-height: 1.25 !default;
 
 /// The font size of the Tooltip title.
 /// @group tooltip
-$kendo-tooltip-title-font-size: calc( ( #{$kendo-tooltip-font-size} * 1.25 ) ) !default;
+$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;
@@ -28019,7 +28196,7 @@ $kendo-slider-draghandle-transition-function: cubic-bezier(.25, .8, .25, 1) !def
 
 /// The background color of the Slider track.
 /// @group slider
-$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-component-bg, 1 )) !default;
+$kendo-slider-track-bg: if($kendo-enable-color-system, k-color( base-emphasis ), k-try-shade( $kendo-component-bg, 1 )) !default;
 /// The background color of the Slider's track selection.
 /// @group slider
 $kendo-slider-selection-bg: $kendo-color-primary !default;
@@ -54492,7 +54669,7 @@ $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
 $kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font size of the day inside the Scheduler Tooltip.
 /// @group scheduler
-$kendo-scheduler-tooltip-day-font-size: calc( #{$kendo-scheduler-tooltip-month-font-size} * 2 ) !default;
+$kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
 
 /// The max height of the events inside the Scheduler Tooltip.
 /// @group scheduler