@progress/kendo-theme-bootstrap 8.1.0-dev.0 → 8.1.0-dev.2

package/dist/all.scss

@@ -4667,9 +4667,6 @@ $kendo-selected-hover-text: $kendo-selected-text !default;
 $kendo-selected-hover-border: $kendo-base-border !default;
 $kendo-selected-hover-gradient: null !default;
 
-/// Text color of disabled items.
-$kendo-disabled-text: if( $kendo-is-dark-theme, $gray-600, $gray-500) !default;
-
 // Header
 $kendo-component-header-bg: $kendo-base-bg !default;
 $kendo-component-header-text: $kendo-component-text !default;
@@ -5059,6 +5056,8 @@ $kendo-use-input-spinner-icon-offset: false !default;
 
 $kendo-auto-bootstrap: true !default;
 
+$kendo-nested-disabled: true !default;
+
 // Icons
 $kendo-icon-size: 16px !default;
 
@@ -5072,7 +5071,6 @@ $kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
 
 $kendo-zindex-popup: 1 !default;
 $kendo-zindex-window: 2 !default;
-$kendo-zindex-loading: 100 !default;
 
 // TODO: refactor
 $kendo-focus-shadow: null !default;
@@ -5080,24 +5078,10 @@ $kendo-focus-shadow: null !default;
 $kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out !default;
 
 
-// Disabled mixin variables
-$kendo-disabled-filter: grayscale(.1) !default;
-$kendo-disabled-opacity: .65 !default;
-
-$kendo-disabled-styling: (
-    opacity: $kendo-disabled-opacity,
-    filter: $kendo-disabled-filter
-) !default;
-
-
 // Generic styles
 
 // TODO: refactor once we extract drag drop as separate module
 
-// Loading
-$kendo-loading-opacity: .3 !default;
-$kendo-zindex-loading: 100 !default;
-
 // #endregion
 
 // Elevation
@@ -6798,13 +6782,26 @@ $kendo-invalid-border: null !default;
 $kendo-invalid-shadow: null !default;
 
 // Disabled Styling
+
+/// The background color of disabled items.
 $kendo-disabled-bg: null !default;
+/// The text color of disabled items.
 $kendo-disabled-text: null !default;
+/// The border color of disabled items.
 $kendo-disabled-border: null !default;
+/// The opacity of disabled items.
+$kendo-disabled-opacity: null !default;
+/// The filter of disabled items.
+$kendo-disabled-filter: null !default;
+
+$kendo-disabled-styling: (
+    bg: $kendo-disabled-bg,
+    color: $kendo-disabled-text,
+    border: $kendo-disabled-border,
+    opacity: $kendo-disabled-opacity,
+    filter: $kendo-disabled-filter
+) !default;
 
-// Loading
-$kendo-loading-bg: null !default;
-$kendo-loading-text: null !default;
 
 $kendo-palettes: () !default;
 $kendo-theme-colors: () !default;
@@ -6932,21 +6929,15 @@ $_kendo-data-uris: () !default;
 // #endregion
 // #region @import "./_disabled.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/mixins/_disabled.scss
 // Disabled
-@mixin disabled( $kendo-disabled-styling ) {
-    outline: none;
-    cursor: default;
-    opacity: k-map-get($kendo-disabled-styling, opacity);
-    filter: k-map-get($kendo-disabled-styling, filter);
-    pointer-events: none;
-    box-shadow: none;
-}
 
-@mixin disabled-color( $color: null, $bg: null, $border: null ) {
+@mixin disabled( $color: null, $bg: null, $border: null, $opacity: null, $filter: null ) {
     outline: none;
     cursor: default;
-    background-color: $bg;
     color: $color;
+    background-color: $bg;
     border-color: $border;
+    opacity: $opacity;
+    filter: $filter;
     pointer-events: none;
     box-shadow: none;
 }
@@ -7118,6 +7109,7 @@ $kendo-components: (
     "loader",
     "skeleton",
     "tooltip",
+    "time-marker",
 
     // Native forms
     "button",
@@ -7194,6 +7186,7 @@ $kendo-components: (
     // Layout & containers
     "card",
     "expander",
+    "panel",
     "panelbar",
     "splitter",
     "tile-layout",
@@ -7437,7 +7430,8 @@ $_kendo-dependencies: (
         "splitter",
         "treelist",
         "validator",
-        "window"
+        "window",
+        "time-marker"
     ),
     grid: (
         "actions",
@@ -7536,6 +7530,7 @@ $_kendo-dependencies: (
         "list",
         "toolbar"
     ),
+    panel: (),
     panelbar: (
         "icon"
     ),
@@ -7577,7 +7572,8 @@ $_kendo-dependencies: (
         "dialog",
         "dropdown-list",
         "toolbar",
-        "tooltip"
+        "tooltip",
+        "time-marker"
     ),
     scroller: (),
     scrollview: (
@@ -7649,6 +7645,7 @@ $_kendo-dependencies: (
     tile-layout: (
         "card"
     ),
+    time-marker: (),
     time-duration-picker: (
         "button",
         "icon",
@@ -7794,871 +7791,10 @@ $_imported: () !default;
 }
 
 // #endregion
-// #region @import "./_asp-fallback.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_asp-fallback.scss
-@mixin kendo-core--styles--asp-fallback() {
-
-    .k-theme-test-class,
-    .k-common-test-class {
-        opacity: 0;
-    }
-
-}
-
-// #endregion
-// #region @import "./_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
-@mixin kendo-core--styles--layout() {
-    // Basic layout
-    .k-hstack {
-        display: flex;
-        flex-flow: row nowrap;
-    }
-    .k-vstack {
-        display: flex;
-        flex-flow: column nowrap;
-    }
-
-    // Spacer
-    .k-spacer {
-        flex: 1 1 auto;
-    }
-    .k-spacer-sized {
-        flex: none;
-    }
-
-
-    // Float wrap
-    .k-float-wrap::after {
-        content: "";
-        display: block;
-        clear: both;
-    }
-
-
-    // Stack layout
-    .k-stack-layout {}
-
-
-    // Flex layout
-    .k-flex-layout {
-        display: flex;
-    }
-
-
-    // Grid layout
-    .k-grid-layout {
-        display: grid;
-    }
-
-
-    // Separator
-    .k-separator {
-        width: auto;
-        height: 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: inherit;
-        display: block;
-        flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
-        flex-shrink: 0 !important; // stylelint-disable-line declaration-no-important
-        align-self: stretch;
-    }
-    .k-separator-horizontal,
-    .k-vstack > .k-separator {
-        width: auto;
-        height: 0;
-        border-width: 1px 0 0;
-    }
-    .k-separator-vertical,
-    .k-hstack > .k-separator {
-        width: 0;
-        height: auto;
-        border-width: 0 0 0 1px;
-    }
-
-    hr.k-separator {
-        margin: 0;
-        padding: 0;
-    }
-
-
-    // Hidden
-    .k-hidden {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-
-
-    // RTL
-    .k-rtl {
-        direction: rtl;
-    }
-
-
-    // Legacy aliases
-    .k-hbox { @extend .k-hstack !optional; }
-    .k-vbox { @extend .k-vstack !optional; }
-    .k-floatwrap { @extend .k-float-wrap !optional; }
-    .k-flex { @extend .k-spacer !optional; }
-
-}
-
-// #endregion
-// #region @import "./_normalize.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_normalize.scss
-@mixin kendo-core--styles--normalize() {
-
-    // Hidden attribute
-    [hidden] {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-
-
-    // Hide script tags
-    // see https://github.com/telerik/kendo-themes/issues/2360
-    script {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-
-}
-
-// #endregion
-// #region @import "./_base.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_base.scss
-@mixin kendo-core--styles--base() {
-    // Disabled state
-    .k-disabled,
-    .k-widget[disabled],
-    .k-disabled {
-        @include disabled-color(
-            $color: var( --kendo-disabled-text, inherit ),
-            $border: var( --kendo-disabled-border, inherit )
-        );
-
-        .k-link {
-            cursor: default;
-            outline: 0;
-        }
-    }
-
-    // Horizontal line
-    .k-hr {
-        margin-block: k-spacing(4);
-        padding: 0;
-        height: 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: var( --kendo-component-border, inherit );
-        display: block;
-        float: none;
-        clear: both;
-    }
-
-    // Horizontal rule
-    .k-d-flex-row > .k-hr {
-        margin: 0;
-        width: 0;
-        height: auto;
-        border-width: 0 0 0 1px;
-        flex: 0 0 auto;
-    }
-
-    // Vertical rule
-    .k-d-flex-col > .k-hr {
-        margin: 0;
-        flex: 0 0 auto;
-    }
-
-    .k-sprite {
-        display: inline-block;
-        width: 1rem;
-        height: 1rem;
-        overflow: hidden;
-        background-repeat: no-repeat;
-        font-size: 0;
-        line-height: 0;
-        text-align: center;
-    }
-
-    .k-image {
-        display: inline-block;
-    }
-
-    // Layout
-    .k-reset {
-        margin: 0;
-        padding: 0;
-        border-width: 0;
-        outline: 0;
-        text-decoration: none;
-        font: inherit;
-        list-style: none;
-    }
-
-    kendo-sortable {
-        display: block;
-    }
-
-
-    // Links
-    .k-link,
-    .k-link:hover {
-        color: inherit;
-        text-decoration: none;
-        outline: 0;
-        cursor: pointer;
-    }
-
-    // Outline
-    .k-content {
-        outline: 0;
-    }
-
-    // Centering
-    .k-centered {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-    // Disable mouse events
-    .k-no-click {
-        pointer-events: none;
-    }
-
-    // Off-screen container used during PDF export
-    .k-pdf-export-shadow {
-        position: absolute;
-        overflow: hidden;
-        left: -15000px;
-        width: 14400px;
-    }
-
-    // PDF export icons fix
-    .kendo-pdf-hide-pseudo-elements::before,
-    .kendo-pdf-hide-pseudo-elements::after {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-
-    // Dirty indicator
-    .k-dirty {
-        margin: 0;
-        padding: 0;
-        width: 0;
-        height: 0;
-        border-width: 3px;
-        border-style: solid;
-        border-block-start-color: currentColor;
-        border-block-end-color: transparent;
-        border-inline-start-color: transparent;
-        border-inline-end-color: currentColor;
-        position: absolute;
-        inset-block-start: 0;
-        inset-inline-end: 0;
-    }
-}
-
-// #endregion
-// #region @import "./_loading.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_loading.scss
-@mixin kendo-core--styles--loading() {
-    // Loading mask
-    .k-loading-mask,
-    .k-loading-image,
-    .k-loading-color {
-        width: 100%;
-        height: 100%;
-        box-sizing: border-box;
-        position: absolute;
-        top: 0;
-        left: 0;
-
-        *,
-        *::before,
-        *::after,
-        &::before,
-        &::after {
-            box-sizing: border-box;
-        }
-    }
-
-    .k-loading-mask {
-        z-index: $kendo-zindex-loading;
-
-        &.k-opaque {
-            .k-loading-color {
-                opacity: 1;
-            }
-        }
-    }
-    .k-loading-text {
-        text-indent: -4000px;
-        text-align: center;
-        position: absolute;
-        color: $kendo-loading-text;
-    }
-    .k-loading-image {
-        z-index: 2;
-        color: $kendo-loading-text;
-    }
-    .k-loading-color {
-        background-color: $kendo-loading-bg;
-        opacity: $kendo-loading-opacity;
-    }
-
-    // Loading indicator
-    .k-i-loading {
-        width: 1em;
-        height: 1em;
-        line-height: 1;
-        display: inline-flex;
-        flex-flow: row nowrap;
-        align-items: center;
-        justify-content: center;
-        vertical-align: middle;
-        position: relative;
-        background-color: transparent;
-        box-sizing: border-box;
-        color: $kendo-loading-text;
-
-        &::before,
-        &::after {
-            box-sizing: border-box;
-        }
-    }
-
-    .k-i-loading::before,
-    .k-i-loading::after,
-    .k-loading-image::before,
-    .k-loading-image::after {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        display: inline-block;
-        content: "";
-        box-sizing: inherit;
-        border-radius: 50%;
-        border-width: .05em;
-        border-style: solid;
-        border-color: currentColor;
-        border-top-color: transparent;
-        border-bottom-color: transparent;
-        background-color: transparent;
-    }
-
-    .k-icon.k-i-loading::before,
-    .k-icon.k-i-loading::after {
-        content: "";
-    }
-
-    .k-i-loading::before,
-    .k-loading-image::before {
-        margin-top: -.5em;
-        margin-left: -.5em;
-        width: 1em;
-        height: 1em;
-        animation: k-loading-animation .7s linear infinite;
-    }
-
-    .k-i-loading::after,
-    .k-loading-image::after {
-        margin-top: -.25em;
-        margin-left: -.25em;
-        width: .5em;
-        height: .5em;
-        animation: k-loading-animation reverse 1.4s linear infinite;
-    }
-
-    .k-loading-image::before,
-    .k-loading-image::after {
-        content: "";
-        // See https://github.com/telerik/kendo-themes/issues/1925
-        border-width: 1px; // TODO: Remove once we drop IE support
-        border-width: clamp( .015em, 1px, 1px );
-        font-size: 4em;
-    }
-
-    // Loading animation
-    @keyframes k-loading-animation {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-}
-
-// #endregion
-// #region @import "./_selection.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
-@mixin kendo-core--styles--selection() {
-    .k-marquee {
-        position: absolute;
-        z-index: 100000;
-    }
-
-    .k-marquee-color,
-    .k-marquee-text {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-    }
-
-    .k-marquee-color {
-        color: $kendo-selected-text;
-        background-color: k-get-theme-color-var( primary-60, #{$kendo-selected-bg} );
-        border-color: k-get-theme-color-var( primary-100, #{$kendo-selected-border} );
-        opacity: .6;
-    }
-    .k-marquee-text {
-        color: $kendo-selected-text;
-    }
-}
-// #endregion
-// #region @import "./_colors.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_colors.scss
-@mixin kendo-core--styles--colors() {
-    @if ($kendo-enable-color-system) {
-        @include color-system--styles();
-    }
-}
-
-// #endregion
-
-@mixin kendo-core--styles() {
-    @include kendo-core--styles--colors();
-    @include kendo-core--styles--accessibility();
-    @include kendo-core--styles--asp-fallback();
-    @include kendo-core--styles--layout();
-    @include kendo-core--styles--normalize();
-    @include kendo-core--styles--base();
-    @include kendo-core--styles--loading();
-    @include kendo-core--styles--selection();
-}
-
-// #endregion
-// #region @import "./elevation/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/elevation/index.import.scss
-// #region @import "../functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-$_default-elevation: (
-    1: (
-        0 2px 3px rgba(0, 0, 0, .04),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    2: (
-        0 4px 6px rgba(0, 0, 0, .06),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    3: (
-        0 6px 8px rgba(0, 0, 0, .08),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    4: (
-        0 8px 10px rgba(0, 0, 0, .12),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    5: (
-        0 10px 12px rgba(0, 0, 0, .16),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    6: (
-        0 12px 14px rgba(0, 0, 0, .2),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    7: (
-        0 14px 16px rgba(0, 0, 0, .24),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    8: (
-        0 16px 18px rgba(0, 0, 0, .28),
-        0 4px 16px rgba(0, 0, 0, .12)
-    ),
-    9: (
-        0 32px 34px rgba(0, 0, 0, .32),
-        0 4px 16px rgba(0, 0, 0, .12)
-    )
-) !default;
-
-/// The global default Elevation map.
-/// @group elevation
-$kendo-elevation: $_default-elevation !default;
-
-$kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
-
-@function k-shadow-filter($shadow) {
-    $result: '';
-    @each $value in $shadow {
-        $result: $result + "drop-shadow(" + $value + ") ";
-    }
-    @return #{$result};
-}
-
-@function k-elevation($level) {
-    @return var(--kendo-elevation-#{$level}, k-map-get($kendo-elevation, $level));
-}
-
-
-@mixin kendo-elevation--styles() {
-    :root {
-        @each $level, $shadow in $kendo-elevation {
-            --kendo-elevation-#{$level}: #{$shadow};
-        }
-    }
-}
-
-// #endregion
-// #region @import "./typography/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/typography/index.import.scss
-// File already imported_once. Skipping output.
-// #endregion
-// #region @import "./spacing/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/spacing/index.import.scss
-// 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
-// File already imported_once. Skipping output.
-// #endregion
-// #region @import "./_variables.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/_variables.scss
-// #region @import "./functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-// Options
-$kendo-enable-shadows: true !default;
-$kendo-enable-rounded: true !default;
-$kendo-enable-gradients: true !default;
-$kendo-enable-transitions: true !default;
-
-// Equilateral triangle variables
-// stylelint-disable number-max-precision
-$equilateral-index: 1.7320508076 !default;
-$equilateral-height: 0.8660254038 !default;
-// stylelint-enable number-max-precision
-
-// Loading
-$kendo-loading-opacity: .3 !default;
-$kendo-zindex-loading: 100 !default;
-
-// #endregion
-
-// #endregion
-
-// Backward compatibility
-// #region @import "./color-system/_swatch-legacy.scss"; -> scss/core/color-system/_swatch-legacy.scss
-@if ($kendo-enable-color-system) {
-    $input-bg: k-color( surface-alt );
-    $input-color: k-color( on-app-surface );
-    $input-border-color: k-color( border-alt );
-    $input-placeholder-color: k-color( subtle );
-    $input-focus-bg: k-color( surface-alt );
-    $input-focus-color: k-color( on-app-surface );
-    $input-focus-border-color: k-color( primary-emphasis );
-    $input-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, k-color( primary ) 25%, transparent);
-    $kendo-color-primary: k-color( primary );
-    $kendo-color-primary-contrast: k-color( on-primary );
-    $kendo-color-secondary: k-color( secondary );
-    $kendo-color-tertiary: k-color( tertiary );
-    $kendo-color-info: k-color( info );
-    $kendo-color-success: k-color( success );
-    $kendo-color-warning: k-color( warning );
-    $kendo-color-error: k-color( error );
-    $kendo-color-dark: k-color( dark );
-    $kendo-color-light: k-color( light );
-    $kendo-color-inverse: $kendo-color-dark;
-    $kendo-body-bg: k-color( app-surface );
-    $kendo-body-text: k-color( on-app-surface );
-    $kendo-subtle-text: k-color( subtle );
-    $kendo-app-bg: k-color( surface );
-    $kendo-app-text: $kendo-body-text;
-    $kendo-app-border: k-color( border );
-    $kendo-link-text: $kendo-color-primary;
-    $kendo-link-hover-text: k-color( primary-hover );
-    $kendo-component-bg: k-color( surface-alt );
-    $kendo-component-text: $kendo-body-text;
-    $kendo-component-border: $kendo-app-border;
-    $kendo-base-bg: k-color( surface );
-    $kendo-base-text: $kendo-body-text;
-    $kendo-base-border: $kendo-app-border;
-    $kendo-base-gradient: null;
-    $kendo-hover-bg: k-color( base-subtle-hover );
-    $kendo-hover-text: $kendo-base-text;
-    $kendo-hover-border: $kendo-base-border;
-    $kendo-hover-gradient: null;
-    $kendo-selected-bg: $kendo-color-primary;
-    $kendo-selected-text: $kendo-color-primary-contrast;
-    $kendo-selected-border: k-color( primary );
-    $kendo-selected-gradient: $kendo-base-gradient;
-    $kendo-selected-hover-bg: k-color( primary-hover );
-    $kendo-selected-hover-text: $kendo-selected-text;
-    $kendo-selected-hover-border: $kendo-base-border;
-    $kendo-selected-hover-gradient: $kendo-base-gradient;
-    $kendo-disabled-text: k-color( on-app-surface );
-    $kendo-component-header-bg: $kendo-base-bg;
-    $kendo-component-header-text: $kendo-component-text;
-    $kendo-component-header-border: $kendo-component-border;
-    $kendo-component-header-gradient: null;
-    $kendo-invalid-bg: null;
-    $kendo-invalid-text: $kendo-color-error;
-    $kendo-invalid-border: $kendo-color-error;
-    $kendo-invalid-shadow: 0 0 0 .25rem color-mix(in srgb, k-color( error ) 25%, transparent);
-
-    $kendo-theme-colors: (
-        "primary": $kendo-color-primary,
-        "secondary": $kendo-color-secondary,
-        "tertiary": $kendo-color-tertiary,
-        "info": $kendo-color-info,
-        "success": $kendo-color-success,
-        "warning": $kendo-color-warning,
-        "error": $kendo-color-error,
-        "dark": $kendo-color-dark,
-        "light": $kendo-color-light,
-        "inverse": $kendo-color-inverse,
-    );
-}
-
-// #endregion
-
-// Expose
-@include exports("kendo-core-styles") {
-    @include kendo-core--styles();
-
-    // Elevation System
-    @include kendo-elevation--styles();
-    // Typography
-    @include kendo-core--typography--styles();
-    // Spacing
-    @include kendo-spacing--styles();
-    // Radii
-    @include kendo-border-radius--styles();
-}
-
-// #endregion
-// #region @import "./common/_index.scss"; -> scss/common/_index.scss
-// #region @import "./_base.scss"; -> scss/common/_base.scss
-// #region @import "@progress/kendo-theme-default/scss/common/_base.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/common/_base.scss
-@include exports( "common/layout" ) {
-
-    // Layout
-    .k-reset {
-        margin: 0;
-        padding: 0;
-        border-width: 0;
-        outline: 0;
-        text-decoration: none;
-        font: inherit;
-        list-style: none;
-    }
-
-    kendo-sortable {
-        display: block;
-    }
-
-
-    // Links
-    .k-link,
-    .k-link:hover {
-        color: inherit;
-        text-decoration: none;
-        outline: 0;
-        cursor: pointer;
-    }
-
-    // Outline
-    .k-content {
-        outline: 0;
-    }
-
-
-    // Centering
-    .k-centered {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-    }
-
-
-    // Disable mouse events
-    .k-no-click {
-        pointer-events: none;
-    }
-
-
-    // Off-screen container used during PDF export
-    .k-pdf-export-shadow {
-        position: absolute;
-        overflow: hidden;
-        left: -15000px;
-        width: 14400px;
-    }
-
-    // PDF export icons fix
-    .kendo-pdf-hide-pseudo-elements::before,
-    .kendo-pdf-hide-pseudo-elements::after {
-        display: none !important; // stylelint-disable-line declaration-no-important
-    }
-}
-
-
-@include exports( "common/theme" ) {
-
-    // Text selection
-    .k-text-selection {
-        ::selection {
-            background-color: $kendo-color-primary;
-            color: $kendo-color-primary-contrast;
-        }
-    }
-
-    // Panels
-    .k-block,
-    .k-panel {
-        @include border-radius( k-border-radius(md) );
-        @include fill(
-            $kendo-component-text,
-            $kendo-component-bg,
-            $kendo-component-border
-        );
-        padding: 0;
-        border-width: 1px;
-        border-style: solid;
-        box-sizing: border-box;
-
-        > .k-header {
-            @include border-top-radius( k-border-radius(md) );
-            @include fill(
-                $kendo-component-header-text,
-                $kendo-component-header-bg,
-                $kendo-component-header-border,
-                $kendo-component-header-gradient
-            );
-            padding-inline: k-spacing(2);
-            padding-block: k-spacing(1);
-        }
-        > .k-content {
-            padding-inline: k-spacing(2);
-            padding-block: k-spacing(1);
-        }
-    }
-    .k-content {
-        @include fill(
-            $kendo-component-text,
-            $kendo-component-bg,
-            $kendo-component-border
-        );
-    }
-
-}
-
-
-@include exports( "common/disabled" ) {
-
-    // Disabled state
-    .k-disabled,
-    .k-widget[disabled] {
-        @include disabled( $kendo-disabled-styling );
-
-
-        .k-link {
-            cursor: default;
-            outline: 0;
-        }
-
-
-        // Nested disabled
-        [disabled],
-        .k-disabled {
-            opacity: 1;
-            filter: grayscale(0);
-        }
-    }
-
-}
-
-
-@include exports( "common/misc/hr" ) {
-
-    .k-hr {
-        margin: k-spacing(4) auto;
-        padding: 0;
-        height: 0;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: $kendo-component-border;
-        display: block;
-        float: none;
-        clear: both;
-    }
-
-    // Horizontal rule
-    .k-d-flex-row > .k-hr {
-        margin: 0;
-        width: 0;
-        height: auto;
-        border-width: 0 0 0 1px;
-        flex: 0 0 auto;
-    }
-
-    // Vertical rule
-    .k-d-flex-col > .k-hr {
-        margin: 0;
-        flex: 0 0 auto;
-    }
-
-}
-
-
-@include exports( "common/misc/dirty" ) {
-
-    // Dirty indicator
-    .k-dirty {
-        margin: 0;
-        padding: 0;
-        width: 0;
-        height: 0;
-        border-width: 3px;
-        border-style: solid;
-        border-color: $kendo-color-error $kendo-color-error transparent transparent;
-        position: absolute;
-        top: 0;
-        right: 0;
-    }
-
-    [dir="rtl"],
-    .k-rtl {
-        .k-dirty {
-            border-color: transparent transparent $kendo-color-error $kendo-color-error;
-            right: auto;
-            left: 0;
-        }
-    }
-
-}
-
-// #endregion
-
-// #endregion
-// #region @import "./_animations.scss"; -> scss/common/_animations.scss
-// #region @import "@progress/kendo-theme-default/scss/common/_animations.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/common/_animations.scss
-@include exports("animation/container") {
-
-    .k-animation-container {
-        position: absolute;
-        overflow: hidden;
-        z-index: 100;
-
-        &-fixed {
-            position: fixed;
-        }
-
-        &-relative {
-            position: relative;
-            display: inline-block;
-        }
-    }
-
-}
-
-
-@include exports("animation/effect") {
+// #region @import "./_animations.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_animations.scss
+@mixin kendo-core--styles--animations() {
 
+    // Animations
     .k-push-right {
         &-enter,
         &-appear {
@@ -9014,10 +8150,9 @@ $kendo-zindex-loading: 100 !default;
             transition: max-width 300ms ease-in-out;
         }
     }
-}
 
 
-@include exports("animation/fx") {
+    // FX
     $fx-duration: 350ms;
 
     .k-fx-end .k-fx-next,
@@ -9348,57 +8483,356 @@ $kendo-zindex-loading: 100 !default;
             }
         }
     }
+
 }
 
 // #endregion
+// #region @import "./_asp-fallback.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_asp-fallback.scss
+@mixin kendo-core--styles--asp-fallback() {
+
+    .k-theme-test-class,
+    .k-common-test-class {
+        opacity: 0;
+    }
+
+}
 
 // #endregion
-// #region @import "./_indicators.scss"; -> scss/common/_indicators.scss
-// #region @import "@progress/kendo-theme-default/scss/common/_indicators.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/common/_indicators.scss
-@include exports( "common/indicators/current-time" ) {
+// #region @import "./_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
+@mixin kendo-core--styles--layout() {
+    // Basic layout
+    .k-hstack {
+        display: flex;
+        flex-flow: row nowrap;
+    }
+    .k-vstack {
+        display: flex;
+        flex-flow: column nowrap;
+    }
 
-    $kendo-current-time-color: #ff0000 !default;
+    // Spacer
+    .k-spacer {
+        flex: 1 1 auto;
+    }
+    .k-spacer-sized {
+        flex: none;
+    }
 
-    // Layout
-    .k-current-time {
-        position: absolute;
 
-        &.k-current-time-arrow-left,
-        &.k-current-time-arrow-right,
-        &.k-current-time-arrow-down {
-            width: 0;
-            height: 0;
-            background: transparent;
-            border: 4px solid transparent;
-        }
+    // Float wrap
+    .k-float-wrap::after {
+        content: "";
+        display: block;
+        clear: both;
     }
 
 
-    // Theme
-    .k-current-time {
-        background: $kendo-current-time-color;
+    // Stack layout
+    .k-stack-layout {}
 
-        &.k-current-time-arrow-left {
-            border-right-color: $kendo-current-time-color;
+
+    // Flex layout
+    .k-flex-layout {
+        display: flex;
+    }
+
+
+    // Grid layout
+    .k-grid-layout {
+        display: grid;
+    }
+
+
+    // Separator
+    .k-separator {
+        width: auto;
+        height: 0;
+        border-width: 1px 0 0;
+        border-style: solid;
+        border-color: inherit;
+        display: block;
+        flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
+        flex-shrink: 0 !important; // stylelint-disable-line declaration-no-important
+        align-self: stretch;
+    }
+    .k-separator-horizontal,
+    .k-vstack > .k-separator {
+        width: auto;
+        height: 0;
+        border-width: 1px 0 0;
+    }
+    .k-separator-vertical,
+    .k-hstack > .k-separator {
+        width: 0;
+        height: auto;
+        border-width: 0 0 0 1px;
+    }
+
+    hr.k-separator {
+        margin: 0;
+        padding: 0;
+    }
+
+
+    // Hidden
+    .k-hidden {
+        display: none !important; // stylelint-disable-line declaration-no-important
+    }
+
+
+    // RTL
+    .k-rtl {
+        direction: rtl;
+    }
+
+
+    // Legacy aliases
+    .k-hbox { @extend .k-hstack !optional; }
+    .k-vbox { @extend .k-vstack !optional; }
+    .k-floatwrap { @extend .k-float-wrap !optional; }
+    .k-flex { @extend .k-spacer !optional; }
+
+}
+
+// #endregion
+// #region @import "./_normalize.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_normalize.scss
+@mixin kendo-core--styles--normalize() {
+
+    // Hidden attribute
+    [hidden] {
+        display: none !important; // stylelint-disable-line declaration-no-important
+    }
+
+
+    // Hide script tags
+    // see https://github.com/telerik/kendo-themes/issues/2360
+    script {
+        display: none !important; // stylelint-disable-line declaration-no-important
+    }
+
+}
+
+// #endregion
+// #region @import "./_base.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_base.scss
+@mixin kendo-core--styles--base() {
+
+    // Disabled state
+    .k-disabled,
+    .k-widget[disabled],
+    .k-disabled {
+        @include disabled(
+            $color: var( --kendo-disabled-text, #{$kendo-disabled-text}),
+            $bg: var( --kendo-disabled-bg, #{$kendo-disabled-bg}),
+            $border: var( --kendo-disabled-border, #{$kendo-disabled-border}),
+            $opacity: var( --kendo-disabled-opacity, #{$kendo-disabled-opacity}),
+            $filter: var( --kendo-disabled-filter, #{$kendo-disabled-filter})
+        );
+
+        .k-link {
+            cursor: default;
+            outline: 0;
         }
 
-        &.k-current-time-arrow-right {
-            border-left-color: $kendo-current-time-color;
+        // Nested disabled
+        [disabled],
+        .k-disabled {
+            @if $kendo-nested-disabled {
+                --kendo-disabled-opacity: 1;
+                --kendo-disabled-filter: grayscale(0);
+            }
         }
+    }
 
-        &.k-current-time-arrow-down {
-            border-top-color: $kendo-current-time-color;
+    // Horizontal line
+    .k-hr {
+        margin-block: k-spacing(4);
+        padding: 0;
+        height: 0;
+        border-width: 1px 0 0;
+        border-style: solid;
+        border-color: var( --kendo-component-border, #{$kendo-component-border} );
+        display: block;
+        float: none;
+        clear: both;
+    }
+
+    // Horizontal rule
+    .k-d-flex-row > .k-hr {
+        margin: 0;
+        width: 0;
+        height: auto;
+        border-width: 0 0 0 1px;
+        flex: 0 0 auto;
+    }
+
+    // Vertical rule
+    .k-d-flex-col > .k-hr {
+        margin: 0;
+        flex: 0 0 auto;
+    }
+
+    .k-sprite {
+        display: inline-block;
+        width: 1rem;
+        height: 1rem;
+        overflow: hidden;
+        background-repeat: no-repeat;
+        font-size: 0;
+        line-height: 0;
+        text-align: center;
+    }
+
+    .k-image {
+        display: inline-block;
+    }
+
+    // Layout
+    .k-reset {
+        margin: 0;
+        padding: 0;
+        border-width: 0;
+        outline: 0;
+        text-decoration: none;
+        font: inherit;
+        list-style: none;
+    }
+
+    kendo-sortable {
+        display: block;
+    }
+
+
+    // Links
+    .k-link,
+    .k-link:hover {
+        color: inherit;
+        text-decoration: none;
+        outline: 0;
+        cursor: pointer;
+    }
+
+    // Outline
+    .k-content {
+        outline: 0;
+    }
+
+    // Centering
+    .k-centered {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+    }
+
+    // Disable mouse events
+    .k-no-click {
+        pointer-events: none;
+    }
+
+    // Off-screen container used during PDF export
+    .k-pdf-export-shadow {
+        position: absolute;
+        overflow: hidden;
+        left: -15000px;
+        width: 14400px;
+    }
+
+    // PDF export icons fix
+    .kendo-pdf-hide-pseudo-elements::before,
+    .kendo-pdf-hide-pseudo-elements::after {
+        display: none !important; // stylelint-disable-line declaration-no-important
+    }
+
+    // Dirty indicator
+    .k-dirty {
+        margin: 0;
+        padding: 0;
+        width: 0;
+        height: 0;
+        border-width: 3px;
+        border-style: solid;
+        border-block-start-color: currentColor;
+        border-block-end-color: transparent;
+        border-inline-start-color: transparent;
+        border-inline-end-color: currentColor;
+        position: absolute;
+        inset-block-start: 0;
+        inset-inline-end: 0;
+    }
+}
+
+// #endregion
+// #region @import "./_selection.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
+@mixin kendo-core--styles--selection() {
+
+    // Marquee
+    .k-marquee {
+        position: absolute;
+        z-index: 100000;
+    }
+
+    .k-marquee-color,
+    .k-marquee-text {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+    .k-marquee-color {
+        color: k-get-theme-color-var( neutral-160, #{$kendo-selected-text} );
+        background-color: k-get-theme-color-var( primary-60, #{$kendo-selected-bg} );
+        border-color: k-get-theme-color-var( primary-100, #{$kendo-selected-border} );
+        opacity: .6;
+    }
+    .k-marquee-text {
+        color: k-get-theme-color-var( neutral-160, #{$kendo-selected-text} );
+    }
+
+    // Text selection
+    .k-text-selection {
+        ::selection {
+            background-color:  if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 ));
+            color: if($kendo-enable-color-system, k-color( on-primary ), $kendo-selected-text);
         }
     }
 
 }
 
 // #endregion
+// #region @import "./_scrollbar.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_scrollbar.scss
+@mixin kendo-core--styles--scrollbar() {
+
+    // virtual scrollbar
+    .k-scrollbar {
+        position: absolute;
+        overflow: scroll;
+    }
+
+    .k-scrollbar-vertical {
+        top: 0;
+        right: 0;
+        width: 17px; // scrollbar width
+        height: 100%;
+        overflow-x: hidden;
+    }
+
+    .k-touch-scrollbar {
+        display: none;
+        position: absolute;
+        z-index: 200000;
+        height: 8px;
+        width: 8px;
+        border: 1px solid #8a8a8a;
+        background-color: #858585;
+    }
+
+}
 
 // #endregion
-// #region @import "./_resizing.scss"; -> scss/common/_resizing.scss
-// #region @import "@progress/kendo-theme-default/scss/common/_resizing.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/common/_resizing.scss
-@include exports( "common/resizing" ) {
+// #region @import "./_resizing.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_resizing.scss
+@mixin kendo-core--styles--resizing() {
 
     // Resize handle
     .k-resize-handle,
@@ -9486,7 +8920,7 @@ $kendo-zindex-loading: 100 !default;
         cursor: col-resize;
     }
 
-
+    // Resize hint
     .k-resize-hint {
         display: flex;
         flex-direction: column;
@@ -9524,44 +8958,235 @@ $kendo-zindex-loading: 100 !default;
 }
 
 // #endregion
+// #region @import "./_colors.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/styles/_colors.scss
+@mixin kendo-core--styles--colors() {
+    @if ($kendo-enable-color-system) {
+        @include color-system--styles();
+    }
+}
 
 // #endregion
-// #region @import "./_scrollbar.scss"; -> scss/common/_scrollbar.scss
-// #region @import "@progress/kendo-theme-default/scss/common/_scrollbar.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/common/_scrollbar.scss
-@include exports( "common/scrollbar" ) {
 
-    // virtual scrollbar
-    .k-scrollbar {
-        position: absolute;
-        overflow: scroll;
-    }
+@mixin kendo-core--styles() {
+    @include kendo-core--styles--colors();
+    @include kendo-core--styles--accessibility();
+    @include kendo-core--styles--animations();
+    @include kendo-core--styles--asp-fallback();
+    @include kendo-core--styles--layout();
+    @include kendo-core--styles--normalize();
+    @include kendo-core--styles--base();
+    @include kendo-core--styles--selection();
+    @include kendo-core--styles--scrollbar();
+    @include kendo-core--styles--resizing();
+}
 
-    .k-scrollbar-vertical {
-        top: 0;
-        right: 0;
-        width: 17px; // scrollbar width
-        height: 100%;
-        overflow-x: hidden;
-    }
+// #endregion
+// #region @import "./elevation/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/elevation/index.import.scss
+// #region @import "../functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
 
-    .k-touch-scrollbar {
-        display: none;
-        position: absolute;
-        z-index: 200000;
-        height: 8px;
-        width: 8px;
-        border: 1px solid #8a8a8a;
-        background-color: #858585;
+$_default-elevation: (
+    1: (
+        0 2px 3px rgba(0, 0, 0, .04),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    2: (
+        0 4px 6px rgba(0, 0, 0, .06),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    3: (
+        0 6px 8px rgba(0, 0, 0, .08),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    4: (
+        0 8px 10px rgba(0, 0, 0, .12),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    5: (
+        0 10px 12px rgba(0, 0, 0, .16),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    6: (
+        0 12px 14px rgba(0, 0, 0, .2),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    7: (
+        0 14px 16px rgba(0, 0, 0, .24),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    8: (
+        0 16px 18px rgba(0, 0, 0, .28),
+        0 4px 16px rgba(0, 0, 0, .12)
+    ),
+    9: (
+        0 32px 34px rgba(0, 0, 0, .32),
+        0 4px 16px rgba(0, 0, 0, .12)
+    )
+) !default;
+
+/// The global default Elevation map.
+/// @group elevation
+$kendo-elevation: $_default-elevation !default;
+
+$kendo-elevation: k-map-merge($_default-elevation, $kendo-elevation);
+
+@function k-shadow-filter($shadow) {
+    $result: '';
+    @each $value in $shadow {
+        $result: $result + "drop-shadow(" + $value + ") ";
     }
+    @return #{$result};
+}
+
+@function k-elevation($level) {
+    @return var(--kendo-elevation-#{$level}, k-map-get($kendo-elevation, $level));
+}
 
+
+@mixin kendo-elevation--styles() {
+    :root {
+        @each $level, $shadow in $kendo-elevation {
+            --kendo-elevation-#{$level}: #{$shadow};
+        }
+    }
 }
 
 // #endregion
+// #region @import "./typography/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/typography/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+// #region @import "./spacing/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/spacing/index.import.scss
+// 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
+// File already imported_once. Skipping output.
+// #endregion
+// #region @import "./_variables.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/_variables.scss
+// #region @import "./functions/index.import.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+// Options
+$kendo-enable-shadows: true !default;
+$kendo-enable-rounded: true !default;
+$kendo-enable-gradients: true !default;
+$kendo-enable-transitions: true !default;
+$kendo-nested-disabled: false !default;
+
+// Equilateral triangle variables
+// stylelint-disable number-max-precision
+$equilateral-index: 1.7320508076 !default;
+$equilateral-height: 0.8660254038 !default;
+// stylelint-enable number-max-precision
 
 // #endregion
 
 // #endregion
 
+// Backward compatibility
+// #region @import "./color-system/_swatch-legacy.scss"; -> scss/core/color-system/_swatch-legacy.scss
+@if ($kendo-enable-color-system) {
+    $input-bg: k-color( surface-alt );
+    $input-color: k-color( on-app-surface );
+    $input-border-color: k-color( border-alt );
+    $input-placeholder-color: k-color( subtle );
+    $input-focus-bg: k-color( surface-alt );
+    $input-focus-color: k-color( on-app-surface );
+    $input-focus-border-color: k-color( primary-emphasis );
+    $input-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, k-color( primary ) 25%, transparent);
+    $kendo-color-primary: k-color( primary );
+    $kendo-color-primary-contrast: k-color( on-primary );
+    $kendo-color-secondary: k-color( secondary );
+    $kendo-color-tertiary: k-color( tertiary );
+    $kendo-color-info: k-color( info );
+    $kendo-color-success: k-color( success );
+    $kendo-color-warning: k-color( warning );
+    $kendo-color-error: k-color( error );
+    $kendo-color-dark: k-color( dark );
+    $kendo-color-light: k-color( light );
+    $kendo-color-inverse: $kendo-color-dark;
+    $kendo-body-bg: k-color( app-surface );
+    $kendo-body-text: k-color( on-app-surface );
+    $kendo-subtle-text: k-color( subtle );
+    $kendo-app-bg: k-color( surface );
+    $kendo-app-text: $kendo-body-text;
+    $kendo-app-border: k-color( border );
+    $kendo-link-text: $kendo-color-primary;
+    $kendo-link-hover-text: k-color( primary-hover );
+    $kendo-component-bg: k-color( surface-alt );
+    $kendo-component-text: $kendo-body-text;
+    $kendo-component-border: $kendo-app-border;
+    $kendo-base-bg: k-color( surface );
+    $kendo-base-text: $kendo-body-text;
+    $kendo-base-border: $kendo-app-border;
+    $kendo-base-gradient: null;
+    $kendo-hover-bg: k-color( base-subtle-hover );
+    $kendo-hover-text: $kendo-base-text;
+    $kendo-hover-border: $kendo-base-border;
+    $kendo-hover-gradient: null;
+    $kendo-selected-bg: $kendo-color-primary;
+    $kendo-selected-text: $kendo-color-primary-contrast;
+    $kendo-selected-border: k-color( primary );
+    $kendo-selected-gradient: $kendo-base-gradient;
+    $kendo-selected-hover-bg: k-color( primary-hover );
+    $kendo-selected-hover-text: $kendo-selected-text;
+    $kendo-selected-hover-border: $kendo-base-border;
+    $kendo-selected-hover-gradient: $kendo-base-gradient;
+    $kendo-disabled-text: null;
+    $kendo-disabled-bg: null;
+    $kendo-disabled-border: null;
+    $kendo-disabled-opacity: .65;
+    $kendo-disabled-filter: grayscale(.1);
+    $kendo-component-header-bg: $kendo-base-bg;
+    $kendo-component-header-text: $kendo-component-text;
+    $kendo-component-header-border: $kendo-component-border;
+    $kendo-component-header-gradient: null;
+    $kendo-invalid-bg: null;
+    $kendo-invalid-text: $kendo-color-error;
+    $kendo-invalid-border: $kendo-color-error;
+    $kendo-invalid-shadow: 0 0 0 .25rem color-mix(in srgb, k-color( error ) 25%, transparent);
+
+    $kendo-theme-colors: (
+        "primary": $kendo-color-primary,
+        "secondary": $kendo-color-secondary,
+        "tertiary": $kendo-color-tertiary,
+        "info": $kendo-color-info,
+        "success": $kendo-color-success,
+        "warning": $kendo-color-warning,
+        "error": $kendo-color-error,
+        "dark": $kendo-color-dark,
+        "light": $kendo-color-light,
+        "inverse": $kendo-color-inverse,
+    );
+
+    $kendo-disabled-styling: (
+        bg: $kendo-disabled-bg,
+        color: $kendo-disabled-text,
+        border: $kendo-disabled-border,
+        opacity: $kendo-disabled-opacity,
+        filter: $kendo-disabled-filter
+    );
+}
+
+// #endregion
+
+// Expose
+@include exports("kendo-core-styles") {
+    @include kendo-core--styles();
+
+    // Elevation System
+    @include kendo-elevation--styles();
+    // Typography
+    @include kendo-core--typography--styles();
+    // Spacing
+    @include kendo-spacing--styles();
+    // Radii
+    @include kendo-border-radius--styles();
+}
+
+// #endregion
+
 
 // Typography and utils
 // #region @import "./typography/_index.scss"; -> scss/typography/_index.scss
@@ -18280,9 +17905,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -18667,9 +18289,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../checkbox/_index.scss"; -> scss/checkbox/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -19215,7 +18834,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
     // Disabled state
     .k-checkbox:disabled,
     .k-checkbox.k-disabled {
-        @include disabled( $kendo-disabled-styling );
+        @include disabled( $kendo-disabled-styling... );
     }
 
 
@@ -19958,9 +19577,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -20364,9 +19980,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -20416,6 +20029,31 @@ $kendo-popup-shadow: k-elevation(4) !default;
 // #region @import "@progress/kendo-theme-default/scss/popup/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/popup/_layout.scss
 @mixin kendo-popup--layout-base() {
 
+    // Animation Container
+    .k-animation-container {
+        position: absolute;
+        overflow: hidden;
+        z-index: 100;
+
+        &-fixed {
+            position: fixed;
+        }
+
+        &-relative {
+            position: relative;
+            display: inline-block;
+        }
+    }
+
+    .k-animation-container {
+        @include border-bottom-radius-only( $kendo-border-radius-md );
+    }
+
+    .k-animation-container-shown {
+        overflow: visible;
+    }
+
+    // Popup
     .k-popup {
         @include border-radius( $kendo-popup-border-radius );
         margin: 0;
@@ -20435,13 +20073,6 @@ $kendo-popup-shadow: k-elevation(4) !default;
             outline: none;
         }
     }
-    .k-animation-container {
-        @include border-bottom-radius-only( k-border-radius(md) );
-    }
-
-    .k-animation-container-shown {
-        overflow: visible;
-    }
 
     .k-popup > .k-colorpalette {
         padding-block: $kendo-popup-content-padding-y;
@@ -20466,7 +20097,6 @@ $kendo-popup-shadow: k-elevation(4) !default;
         border-width: 0;
     }
 
-
     // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;
@@ -20564,9 +20194,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -20701,9 +20328,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -21431,9 +21055,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -23032,9 +22653,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../overlay/_index.scss"; -> scss/overlay/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -23168,6 +22786,9 @@ $kendo-loading-text: currentColor !default;
 /// The opacity of the Loading indicator.
 /// @group loading
 $kendo-loading-opacity: .3 !default;
+/// The z-index of the Loading indicator.
+/// @group loading
+$kendo-zindex-loading: 100 !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/loader/_layout.scss
@@ -23618,8 +23239,11 @@ $kendo-loading-opacity: .3 !default;
         }
     }
 
+}
 
-
+// Legacy implementation of the loading icon inside inputs and pickers
+// Replace with loader component
+@mixin kendo-loading--layout-base() {
 
     // Loading mask
     .k-loading-mask,
@@ -23665,11 +23289,93 @@ $kendo-loading-opacity: .3 !default;
         opacity: $kendo-loading-opacity;
     }
 
-}
+    // Loading indicator
+    .k-i-loading {
+        width: 1em;
+        height: 1em;
+        line-height: 1;
+        display: inline-flex;
+        flex-flow: row nowrap;
+        align-items: center;
+        justify-content: center;
+        vertical-align: middle;
+        position: relative;
+        background-color: transparent;
+        box-sizing: border-box;
+        color: $kendo-loading-text;
+
+        &::before,
+        &::after {
+            box-sizing: border-box;
+        }
+    }
+
+    .k-i-loading::before,
+    .k-i-loading::after,
+    .k-loading-image::before,
+    .k-loading-image::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        display: inline-block;
+        content: "";
+        box-sizing: inherit;
+        border-radius: 50%;
+        border-width: .05em;
+        border-style: solid;
+        border-color: currentColor;
+        border-top-color: transparent;
+        border-bottom-color: transparent;
+        background-color: transparent;
+    }
+
+    .k-icon.k-i-loading::before,
+    .k-icon.k-i-loading::after {
+        content: "";
+    }
+
+    .k-i-loading::before,
+    .k-loading-image::before {
+        margin-top: -.5em;
+        margin-left: -.5em;
+        width: 1em;
+        height: 1em;
+        animation: k-loading-animation .7s linear infinite;
+    }
+
+    .k-i-loading::after,
+    .k-loading-image::after {
+        margin-top: -.25em;
+        margin-left: -.25em;
+        width: .5em;
+        height: .5em;
+        animation: k-loading-animation reverse 1.4s linear infinite;
+    }
+
+    .k-loading-image::before,
+    .k-loading-image::after {
+        content: "";
+        // See https://github.com/telerik/kendo-themes/issues/1925
+        border-width: 1px; // TODO: Remove once we drop IE support
+        border-width: clamp( .015em, 1px, 1px );
+        font-size: 4em;
+    }
 
+    // Loading animation
+    @keyframes k-loading-animation {
+        0% {
+            transform: rotate(0deg);
+        }
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+}
 
 @mixin kendo-loader--layout() {
     @include kendo-loader--layout-base();
+    @include kendo-loading--layout-base();
 }
 
 // #endregion
@@ -23678,6 +23384,7 @@ $kendo-loading-opacity: .3 !default;
 @mixin kendo-loader--layout() {
 
     @include kendo-loader--layout-base();
+    @include kendo-loading--layout-base();
 
     .k-i-loading,
     .k-loading-image {
@@ -23974,6 +23681,117 @@ $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
     @include kendo-skeleton--styles();
 }
 
+// #endregion
+// #region @import "./time-marker/_index.scss"; -> scss/time-marker/_index.scss
+// #region @import "../core/_index.scss"; -> scss/core/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "time-marker",
+    dependencies: ()
+);
+
+// Dependencies
+
+
+// Component
+// #region @import "./_variables.scss"; -> scss/time-marker/_variables.scss
+/// The border width of the current time indicator.
+/// @group time-marker
+$kendo-current-time-width: 1px !default;
+/// The color of the current time indicator.
+/// @group time-marker
+$kendo-current-time-color: #ff0000 !default;
+
+// #endregion
+// #region @import "./_layout.scss"; -> scss/time-marker/_layout.scss
+// #region @import "@progress/kendo-theme-default/scss/time-marker/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/time-marker/_layout.scss
+@mixin kendo-time-marker--layout-base() {
+
+    .k-current-time {
+        width: $kendo-current-time-width;
+        position: absolute;
+
+        &.k-current-time-arrow-left,
+        &.k-current-time-arrow-right,
+        &.k-current-time-arrow-down {
+            width: 0;
+            height: 0;
+            background: transparent;
+            border: 4px solid transparent;
+        }
+    }
+
+}
+
+@mixin kendo-time-marker--layout() {
+    @include kendo-time-marker--layout-base();
+}
+
+// #endregion
+
+@mixin kendo-time-marker--layout() {
+    @include kendo-time-marker--layout-base();
+}
+
+// #endregion
+// #region @import "./_theme.scss"; -> scss/time-marker/_theme.scss
+// #region @import "@progress/kendo-theme-default/scss/time-marker/_theme.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/time-marker/_theme.scss
+@mixin kendo-time-marker--theme-base() {
+
+    .k-current-time {
+        background: $kendo-current-time-color;
+
+        &.k-current-time-arrow-left {
+            border-right-color: $kendo-current-time-color;
+        }
+
+        &.k-current-time-arrow-right {
+            border-left-color: $kendo-current-time-color;
+        }
+
+        &.k-current-time-arrow-down {
+            border-top-color: $kendo-current-time-color;
+        }
+    }
+
+}
+
+
+@mixin kendo-time-marker--theme() {
+    @include kendo-time-marker--theme-base();
+}
+
+// #endregion
+
+
+@mixin kendo-time-marker--theme() {
+    @include kendo-time-marker--theme-base();
+}
+
+// #endregion
+
+// Register
+// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register( $_kendo-module-meta... );
+
+// Expose
+@mixin kendo-time-marker--styles() {
+    @include module-render( "time-marker" ) {
+        @include kendo-time-marker--layout();
+        @include kendo-time-marker--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-time-marker--styles();
+}
+
 // #endregion
 
 
@@ -23999,9 +23817,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies // TODO: extract variables
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../toolbar/_index.scss"; -> scss/toolbar/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -24024,9 +23839,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -24095,7 +23907,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
 
         &::-moz-focus-inner {
@@ -24811,9 +24623,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../popup/_index.scss"; -> scss/popup/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -26076,9 +25885,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -26706,7 +26512,7 @@ $kendo-tooltip-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-tooltip-title-font-size: calc( var( --kendo-font-size-sm, #{$kendo-font-size-sm} ) * 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
@@ -26792,7 +26598,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.5 !default;
+$kendo-window-title-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The spacing between the buttons in the Window titlebar.
 /// @group window
@@ -27146,7 +26952,7 @@ $kendo-form-sizes: (
         .k-form-field-disabled {
             .k-label,
             .k-form-label {
-                @include disabled( $kendo-disabled-styling );
+                @include disabled( $kendo-disabled-styling... );
             }
         }
 
@@ -27569,9 +27375,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../tooltip/_index.scss"; -> scss/tooltip/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -27592,9 +27395,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../popup/_index.scss"; -> scss/popup/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -27916,9 +27716,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -27939,9 +27736,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -28019,7 +27813,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -28044,7 +27838,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -29592,9 +29386,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -29694,9 +29485,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -29803,9 +29591,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -30045,9 +29830,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -30074,7 +29856,7 @@ $kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-progressbar-font-size: $progress-font-size !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
@@ -30745,7 +30527,7 @@ $kendo-radio-ripple-opacity: .25 !default;
     // Disabled state
     .k-radio:disabled,
     .k-radio.k-disabled {
-        @include disabled( $kendo-disabled-styling );
+        @include disabled( $kendo-disabled-styling... );
     }
     .k-radio:disabled:checked,
     .k-radio.k-disabled.k-checked {
@@ -31058,9 +30840,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -31760,9 +31539,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -31873,7 +31649,7 @@ $kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
 $kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the header cells in the Calendar.
 /// @group calendar
-$kendo-calendar-header-cell-line-height: 2 !default;
+$kendo-calendar-header-cell-line-height: var( --kendo-line-height-lg, normal ) !default;
 
 /// The background color of the header cells in the Calendar.
 /// @group calendar
@@ -32965,7 +32741,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, 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;
@@ -33425,9 +33201,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -33542,9 +33315,6 @@ $_kendo-module-meta: (
 
 // Dependencies
 // @import "../utils/_index.scss";
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -33760,9 +33530,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_flex.scss";
 
 
@@ -33952,9 +33719,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_flex.scss";
 // @import "../utils/_spacer.scss";
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
@@ -33989,9 +33753,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -34575,9 +34336,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../action-buttons/_index.scss"; -> scss/action-buttons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -34975,9 +34733,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -35695,9 +35450,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -35843,9 +35595,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../floating-label/_index.scss"; -> scss/floating-label/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -35965,9 +35714,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -36110,9 +35856,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../floating-label/_index.scss"; -> scss/floating-label/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -36143,9 +35886,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -36260,9 +36000,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../checkbox/_index.scss"; -> scss/checkbox/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -36932,9 +36669,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -37042,9 +36776,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -37410,9 +37141,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_border.scss";
 
 
@@ -38015,9 +37743,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -38044,9 +37769,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -38317,7 +38039,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-xs, 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;
@@ -38513,7 +38238,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;
             }
 
 
@@ -38777,9 +38502,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -39055,9 +38777,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_position.scss";
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
@@ -39712,9 +39431,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -40354,9 +40070,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../window/_index.scss"; -> scss/window/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -40380,9 +40093,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../overlay/_index.scss"; -> scss/overlay/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -40866,9 +40576,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../overlay/_index.scss"; -> scss/overlay/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -40938,7 +40645,7 @@ $kendo-drawer-item-padding-x: $kendo-padding-md-x !default;
 $kendo-drawer-item-padding-y: $kendo-padding-md-y !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, inherit ) !default;
 /// The line height of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-line-height: $kendo-line-height-lg !default;
@@ -41323,9 +41030,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../popup/_index.scss"; -> scss/popup/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -41565,9 +41269,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../card/_index.scss"; -> scss/card/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -41590,9 +41291,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_flex.scss";
 // @import "../utils/_grid.scss";
 // #region @import "../action-buttons/_index.scss"; -> scss/action-buttons/_index.scss
@@ -42582,9 +42280,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -42730,9 +42425,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_position.scss";
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
@@ -42763,7 +42455,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;
@@ -43046,9 +42738,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -43615,9 +43304,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../dropdownlist/_index.scss"; -> scss/dropdownlist/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -44085,9 +43771,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -44203,7 +43886,7 @@ $kendo-stepper-indicator-hover-border: null !default;
 $kendo-stepper-indicator-disabled-bg: null !default;
 /// The text color of the disabled Stepper indicator.
 /// @group stepper
-$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), if( $kendo-is-dark-theme, $gray-600, $gray-500)) !default;
 /// The border color of the disabled Stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
@@ -44282,7 +43965,7 @@ $kendo-stepper-label-error-text: $kendo-color-error !default;
 $kendo-stepper-label-hover-text: null !default;
 /// The text color of the disabled Stepper label.
 /// @group stepper
-$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), if( $kendo-is-dark-theme, $gray-600, $gray-500)) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
@@ -44921,9 +44604,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -45654,9 +45334,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -45921,9 +45598,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_display.scss";
 // @import "../utils/_spacer.scss";
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
@@ -46188,6 +45862,158 @@ $kendo-expander-content-padding-y: k-spacing(6) !default;
     @include kendo-expander--styles();
 }
 
+// #endregion
+// #region @import "./panel/_index.scss"; -> scss/panel/_index.scss
+// #region @import "../core/_index.scss"; -> scss/core/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+// #region @import "../utils/_index.scss"; -> scss/utils/_index.scss
+// File already imported_once. Skipping output.
+// #endregion
+
+
+// Module meta
+$_kendo-module-meta: (
+    name: "panel",
+    dependencies: ()
+);
+
+
+// Dependencies
+
+
+// Component
+// #region @import "./_variables.scss"; -> scss/panel/_variables.scss
+
+/// The border radius of the Panel.
+/// @group panel
+$kendo-panel-border-radius: k-border-radius(md);
+/// The width of the border around the Panel.
+/// @group panel
+$kendo-panel-border-width: 1px;
+/// The style of the border around the Panel.
+/// @group panel
+$kendo-panel-border-style: solid;
+
+/// The inline padding of the Panel header.
+/// @group panel
+$kendo-panel-header-padding-inline: k-spacing(2);
+/// The block padding of the Panel header.
+/// @group panel
+$kendo-panel-header-padding-block: k-spacing(1);
+
+/// The inline padding of the Panel content.
+/// @group panel
+$kendo-panel-content-padding-inline: k-spacing(2);
+/// The block padding of the Panel content.
+/// @group panel
+$kendo-panel-content-padding-block: k-spacing(1);
+
+/// The text color of the Panel.
+/// @group panel
+$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text});
+/// The background color of the Panel.
+/// @group panel
+$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg});
+/// The color of the border around the Panel.
+/// @group panel
+$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});
+
+// #endregion
+// #region @import "./_layout.scss"; -> scss/panel/_layout.scss
+// #region @import "@progress/kendo-theme-default/scss/panel/_layout.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/panel/_layout.scss
+@mixin kendo-panel--layout--base() {
+        // Panels
+        .k-block,
+        .k-panel {
+            @include border-radius( $kendo-panel-border-radius );
+            padding: 0;
+            border-width: $kendo-panel-border-width;
+            border-style: $kendo-panel-border-style;
+            box-sizing: border-box;
+
+            > .k-header {
+                @include border-top-radius( $kendo-panel-border-radius );
+                @include fill(
+                    var( --kendo-component-text, #{$kendo-component-text} ),
+                    var( --kendo-component-bg, #{$kendo-component-bg} ),
+                    var( --kendo-component-border, #{$kendo-component-border} )
+                );
+                padding-inline: $kendo-panel-header-padding-inline;
+                padding-block: $kendo-panel-header-padding-block;
+            }
+            > .k-content {
+                padding-inline: $kendo-panel-content-padding-inline;
+                padding-block: $kendo-panel-content-padding-block;
+            }
+        }
+}
+
+@mixin kendo-panel--layout() {
+    @include kendo-panel--layout--base();
+}
+
+// #endregion
+
+@mixin kendo-panel--layout() {
+    @include kendo-panel--layout--base();
+}
+
+// #endregion
+// #region @import "./_theme.scss"; -> scss/panel/_theme.scss
+// #region @import "@progress/kendo-theme-default/scss/panel/_theme.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/scss/panel/_theme.scss
+@mixin kendo-panel--theme--base() {
+    // Panels
+    .k-block,
+    .k-panel {
+        @include fill(
+            $kendo-panel-text,
+            $kendo-panel-bg,
+            $kendo-panel-border
+        );
+    }
+
+    :where(.k-content) {
+        @include fill(
+            $kendo-panel-text,
+            $kendo-panel-bg,
+            $kendo-panel-border
+        );
+    }
+}
+
+@mixin kendo-panel--theme() {
+    @include kendo-panel--theme--base();
+}
+
+// #endregion
+
+@mixin kendo-panel--theme() {
+    @include kendo-panel--theme--base();
+}
+
+// #endregion
+
+
+// Register
+// #region @import "../core/module-system/index.import.scss"; -> scss/core/module-system/index.import.scss
+// File already imported_once. Skipping output.
+// #endregion
+@include module-register( $_kendo-module-meta... );
+
+
+// Expose
+@mixin kendo-panel--styles() {
+    @include module-render( "panel" ) {
+        @include kendo-panel--layout();
+        @include kendo-panel--theme();
+    }
+}
+
+@if $kendo-auto-bootstrap {
+    @include kendo-panel--styles();
+}
+
 // #endregion
 // #region @import "./panelbar/_index.scss"; -> scss/panelbar/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
@@ -46209,9 +46035,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -46915,9 +46738,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -47286,9 +47106,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../card/_index.scss"; -> scss/card/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -47954,9 +47771,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../adaptive/_index.scss"; -> scss/adaptive/_index.scss
 // #region @import "../core/_index.scss"; -> scss/core/_index.scss
 // File already imported_once. Skipping output.
@@ -51548,9 +51362,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_flex.scss";
 // @import "../utils/_grid.scss";
 // #region @import "../pager/_index.scss"; -> scss/pager/_index.scss
@@ -51891,9 +51702,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -53414,9 +53222,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../dialog/_index.scss"; -> scss/dialog/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -54522,9 +54327,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_text.scss";
 // #region @import "../grid/_index.scss"; -> scss/grid/_index.scss
 // File already imported_once. Skipping output.
@@ -54780,9 +54582,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -55043,9 +54842,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -55691,9 +55487,6 @@ $_kendo-module-meta: (
 
 // Dependencies
 // @import "../utils/_index.scss";
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -56293,7 +56086,7 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
         }
 
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
     }
 
@@ -56373,9 +56166,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -57274,9 +57064,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../toolbar/_index.scss"; -> scss/toolbar/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -57625,14 +57412,12 @@ $_kendo-module-meta: (
         "treelist",
         "validator",
         "window",
+        "time-marker"
     )
 );
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -59154,14 +58939,12 @@ $_kendo-module-meta: (
         "dropdown-list",
         "icon",
         "tooltip",
+        "time-marker"
     )
 );
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -60805,9 +60588,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../input/_index.scss"; -> scss/input/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -60870,10 +60650,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, normal ) !default;
 /// The text transform of the Chat timestamp.
 /// @group chat
 $kendo-chat-timestamp-transform: uppercase !default;
@@ -60884,6 +60664,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-xs, 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-xs, normal ) !default;
+
 /// The horizontal padding of the Chat bubble message.
 /// @group chat
 $kendo-chat-bubble-padding-x: k-spacing(4) !default;
@@ -60895,7 +60689,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: 1.25 !default;
+$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The border radius of the Chat bubble message.
 /// @group chat
@@ -61132,8 +60926,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;
@@ -61215,8 +61009,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
@@ -61642,9 +61436,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../slider/_index.scss"; -> scss/slider/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -61872,9 +61663,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -62649,9 +62437,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_index.scss";
 // #region @import "../combobox/_index.scss"; -> scss/combobox/_index.scss
 // File already imported_once. Skipping output.
@@ -63083,9 +62868,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -63259,9 +63041,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -63769,12 +63548,6 @@ $_kendo-module-meta: (
 );
 
 
-// Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
-
-
 // Component
 // #region @import "./_variables.scss"; -> scss/prompt/_variables.scss
 // Prompt
@@ -64024,9 +63797,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../popup/_index.scss"; -> scss/popup/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -64887,9 +64657,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // @import "../utils/_position.scss";
 // #region @import "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
@@ -65184,9 +64951,6 @@ $_kendo-module-meta: (
 
 // Dependencies
 // @import "../utils/_index.scss";
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -65838,6 +65602,7 @@ $kendo-signature-maximized-line-width: 3px !default;
     @include kendo-loader--styles();
     @include kendo-skeleton--styles();
     @include kendo-tooltip--styles();
+    @include kendo-time-marker--styles();
 
 
     // Form helpers