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

package/dist/all.scss

@@ -2824,9 +2824,6 @@ $kendo-selected-hover-border: $kendo-selected-border !default;
 /// The gradient of selected and hovered items.
 $kendo-selected-hover-gradient: $kendo-selected-gradient !default;
 
-/// Text color of disabled items.
-$kendo-disabled-text: #8d8d8d !default;
-
 // Generic styles
 
 /// Background color of the component header.
@@ -3131,6 +3128,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;
 
@@ -3144,7 +3143,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;
 
 
 // Color settings
@@ -3154,21 +3152,6 @@ $kendo-focus-shadow: inset 0 0 0 2px rgba( black, .13 ) !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: .6 !default;
-
-$kendo-disabled-styling: (
-    opacity: $kendo-disabled-opacity,
-    filter: $kendo-disabled-filter
-) !default;
-
-
-// Loading
-$kendo-loading-opacity: .3 !default;
-$kendo-zindex-loading: 100 !default;
-
 // #endregion
 
 // Spacing
@@ -4716,13 +4699,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;
@@ -4850,21 +4846,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;
 }
@@ -5036,6 +5026,7 @@ $kendo-components: (
     "loader",
     "skeleton",
     "tooltip",
+    "time-marker",
 
     // Native forms
     "button",
@@ -5112,6 +5103,7 @@ $kendo-components: (
     // Layout & containers
     "card",
     "expander",
+    "panel",
     "panelbar",
     "splitter",
     "tile-layout",
@@ -5355,7 +5347,8 @@ $_kendo-dependencies: (
         "splitter",
         "treelist",
         "validator",
-        "window"
+        "window",
+        "time-marker"
     ),
     grid: (
         "actions",
@@ -5454,6 +5447,7 @@ $_kendo-dependencies: (
         "list",
         "toolbar"
     ),
+    panel: (),
     panelbar: (
         "icon"
     ),
@@ -5495,7 +5489,8 @@ $_kendo-dependencies: (
         "dialog",
         "dropdown-list",
         "toolbar",
-        "tooltip"
+        "tooltip",
+        "time-marker"
     ),
     scroller: (),
     scrollview: (
@@ -5567,6 +5562,7 @@ $_kendo-dependencies: (
     tile-layout: (
         "card"
     ),
+    time-marker: (),
     time-duration-picker: (
         "button",
         "icon",
@@ -5712,924 +5708,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
-/// The none border radius used across the Components.
-/// @group radii
-$kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
-/// The extra small border radius used across the Components.
-/// @group radii
-$kendo-border-radius-xs: k-map-get($kendo-spacing, 1px) !default;
-/// The small border radius used across the Components.
-/// @group radii
-$kendo-border-radius-sm: k-map-get($kendo-spacing, 0.5) !default;
-/// The medium border radius used across the Components.
-/// @group radii
-$kendo-border-radius-md: k-map-get($kendo-spacing, 1) !default;
-/// The large border radius used across the Components.
-/// @group radii
-$kendo-border-radius-lg: k-map-get($kendo-spacing, 1.5) !default;
-/// The extra large border radius used across the Components.
-/// @group radii
-$kendo-border-radius-xl: k-map-get($kendo-spacing, 2) !default;
-/// The third largest border radius used across the Components.
-/// @group radii
-$kendo-border-radius-xxl: k-map-get($kendo-spacing, 3) !default;
-/// The second largest border radius used across the Components.
-/// @group radii
-$kendo-border-radius-xxxl: k-map-get($kendo-spacing, 4) !default;
-/// The largest border radius used across the Components.
-/// @group radii
-$kendo-border-radius-full: 9999px !default;
-
-
-$_default-border-radii: (
-    none: $kendo-border-radius-none,
-    xs: $kendo-border-radius-xs,
-    sm: $kendo-border-radius-sm,
-    md: $kendo-border-radius-md,
-    lg: $kendo-border-radius-lg,
-    xl: $kendo-border-radius-xl,
-    xxl: $kendo-border-radius-xxl,
-    xxxl: $kendo-border-radius-xxxl,
-    full: $kendo-border-radius-full
-
-) !default;
-
-$kendo-border-radii: $_default-border-radii !default;
-
-/// The global radii Map.
-/// @group radii
-$kendo-border-radii: k-map-merge($_default-border-radii, $kendo-border-radii);
-
-
-@function k-border-radius($key) {
-    $_border-radius: k-map-get($kendo-border-radii, $key);
-    @return var(--kendo-border-radius-#{$key}, $_border-radius);
-}
-
-@mixin kendo-border-radius--styles() {
-    :root {
-        @each $key, $value in $kendo-border-radii {
-            --kendo-border-radius-#{$key}: #{$value};
-        }
-    }
-}
-
-// #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) {
-    $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: $kendo-body-bg;
-    $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-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: k-color( primary-hover );
-    $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-base-text;
-    $kendo-component-header-border: $kendo-base-border;
-    $kendo-component-header-gradient: $kendo-base-gradient;
-    $kendo-invalid-bg: null;
-    $kendo-invalid-text: $kendo-color-error;
-    $kendo-invalid-border: $kendo-color-error;
-    $kendo-invalid-shadow: null;
-
-    $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 {
@@ -6985,10 +6067,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,
@@ -7319,57 +6400,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,
@@ -7457,7 +6837,7 @@ $kendo-zindex-loading: 100 !default;
         cursor: col-resize;
     }
 
-
+    // Resize hint
     .k-resize-hint {
         display: flex;
         flex-direction: column;
@@ -7495,42 +6875,286 @@ $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
+
+$_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};
+}
 
-    .k-touch-scrollbar {
-        display: none;
-        position: absolute;
-        z-index: 200000;
-        height: 8px;
-        width: 8px;
-        border: 1px solid #8a8a8a;
-        background-color: #858585;
+@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
+/// The none border radius used across the Components.
+/// @group radii
+$kendo-border-radius-none: k-map-get($kendo-spacing, 0) !default;
+/// The extra small border radius used across the Components.
+/// @group radii
+$kendo-border-radius-xs: k-map-get($kendo-spacing, 1px) !default;
+/// The small border radius used across the Components.
+/// @group radii
+$kendo-border-radius-sm: k-map-get($kendo-spacing, 0.5) !default;
+/// The medium border radius used across the Components.
+/// @group radii
+$kendo-border-radius-md: k-map-get($kendo-spacing, 1) !default;
+/// The large border radius used across the Components.
+/// @group radii
+$kendo-border-radius-lg: k-map-get($kendo-spacing, 1.5) !default;
+/// The extra large border radius used across the Components.
+/// @group radii
+$kendo-border-radius-xl: k-map-get($kendo-spacing, 2) !default;
+/// The third largest border radius used across the Components.
+/// @group radii
+$kendo-border-radius-xxl: k-map-get($kendo-spacing, 3) !default;
+/// The second largest border radius used across the Components.
+/// @group radii
+$kendo-border-radius-xxxl: k-map-get($kendo-spacing, 4) !default;
+/// The largest border radius used across the Components.
+/// @group radii
+$kendo-border-radius-full: 9999px !default;
+
+
+$_default-border-radii: (
+    none: $kendo-border-radius-none,
+    xs: $kendo-border-radius-xs,
+    sm: $kendo-border-radius-sm,
+    md: $kendo-border-radius-md,
+    lg: $kendo-border-radius-lg,
+    xl: $kendo-border-radius-xl,
+    xxl: $kendo-border-radius-xxl,
+    xxxl: $kendo-border-radius-xxxl,
+    full: $kendo-border-radius-full
+
+) !default;
 
+$kendo-border-radii: $_default-border-radii !default;
+
+/// The global radii Map.
+/// @group radii
+$kendo-border-radii: k-map-merge($_default-border-radii, $kendo-border-radii);
+
+
+@function k-border-radius($key) {
+    $_border-radius: k-map-get($kendo-border-radii, $key);
+    @return var(--kendo-border-radius-#{$key}, $_border-radius);
 }
 
+@mixin kendo-border-radius--styles() {
+    :root {
+        @each $key, $value in $kendo-border-radii {
+            --kendo-border-radius-#{$key}: #{$value};
+        }
+    }
+}
+
+// #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) {
+    $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: $kendo-body-bg;
+    $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-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: k-color( primary-hover );
+    $kendo-selected-hover-gradient: $kendo-base-gradient;
+    $kendo-disabled-text: null;
+    $kendo-disabled-bg: null;
+    $kendo-disabled-border: null;
+    $kendo-disabled-opacity: .6;
+    $kendo-disabled-filter: grayscale(.1);
+    $kendo-component-header-bg: $kendo-base-bg;
+    $kendo-component-header-text: $kendo-base-text;
+    $kendo-component-header-border: $kendo-base-border;
+    $kendo-component-header-gradient: $kendo-base-gradient;
+    $kendo-invalid-bg: null;
+    $kendo-invalid-text: $kendo-color-error;
+    $kendo-invalid-border: $kendo-color-error;
+    $kendo-invalid-shadow: null;
+
+    $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
 
 
@@ -16247,9 +15871,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
@@ -16634,9 +16255,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.
@@ -17182,7 +16800,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... );
     }
 
 
@@ -17912,9 +17530,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
@@ -18318,9 +17933,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -18370,6 +17982,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;
@@ -18389,13 +18026,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;
@@ -18420,7 +18050,6 @@ $kendo-popup-shadow: k-elevation(4) !default;
         border-width: 0;
     }
 
-
     // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;
@@ -18512,9 +18141,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -18649,9 +18275,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -19379,9 +19002,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -20955,9 +20575,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
@@ -21091,6 +20708,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
@@ -21541,8 +21161,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,
@@ -21588,11 +21211,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
@@ -21600,6 +21305,7 @@ $kendo-loading-opacity: .3 !default;
 
 @mixin kendo-loader--layout() {
     @include kendo-loader--layout-base();
+    @include kendo-loading--layout-base()
 }
 
 // #endregion
@@ -21878,6 +21584,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
 
 
@@ -21903,9 +21720,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.
@@ -21928,9 +21742,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.
@@ -21999,7 +21810,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
 
         &::-moz-focus-inner {
@@ -22715,9 +22526,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
@@ -23950,9 +23758,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
@@ -24579,14 +24384,14 @@ $kendo-tooltip-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-tooltip-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the Tooltip.
 /// @group tooltip
-$kendo-tooltip-line-height: 1.25 !default;
+$kendo-tooltip-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The font size of the Tooltip title.
 /// @group tooltip
 $kendo-tooltip-title-font-size: calc( var( --kendo-font-size, .875rem ) * 1.25 ) !default;
 /// The line height of the Tooltip title.
 /// @group tooltip
-$kendo-tooltip-title-line-height: 1 !default;
+$kendo-tooltip-title-line-height: var( --kendo-line-height-xs, normal ) !default;
 
 /// The size of the Tooltip callout.
 /// @group tooltip
@@ -24672,7 +24477,7 @@ $kendo-window-titlebar-border-style: solid !default;
 $kendo-window-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The line height of the title of the Window.
 /// @group window
-$kendo-window-title-line-height: 1.25 !default;
+$kendo-window-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 
 /// The spacing between the buttons in the Window titlebar.
 /// @group window
@@ -24798,7 +24603,7 @@ $kendo-form-legend-border-color: $kendo-component-border !default;
 $kendo-form-legend-width: 100% !default;
 /// The font size of the Form legend.
 /// @group form
-$kendo-form-legend-font-size: 14px !default;
+$kendo-form-legend-font-size: var( --kendo-font-size, inherit ) !default;
 /// The text capitalization of the Form legend.
 /// @group form
 $kendo-form-legend-text-transform: uppercase !default;
@@ -24813,7 +24618,7 @@ $kendo-form-button-margin-x: k-spacing(2) !default;
 
 /// The font size of the Form hint.
 /// @group form
-$kendo-form-hint-font-size: 12px !default;
+$kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the Form hint.
 /// @group form
 $kendo-form-hint-font-style: italic !default;
@@ -24869,7 +24674,7 @@ $kendo-forms-invalid-color: $kendo-color-error !default;
 $kendo-label-optional-margin-x: k-spacing(1.5) !default;
 /// The font size of the optional label in the Form.
 /// @group form
-$kendo-label-optional-font-size: 12px !default;
+$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The font style of the optional label in the Form.
 /// @group form
 $kendo-label-optional-font-style: italic !default;
@@ -25026,7 +24831,7 @@ $kendo-form-sizes: (
         .k-form-field-disabled {
             .k-label,
             .k-form-label {
-                @include disabled( $kendo-disabled-styling );
+                @include disabled( $kendo-disabled-styling... );
             }
         }
 
@@ -25405,9 +25210,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.
@@ -25428,9 +25230,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
@@ -25752,9 +25551,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.
@@ -25775,9 +25571,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
@@ -25855,7 +25648,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -25880,7 +25673,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -27422,9 +27215,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
@@ -27524,9 +27314,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
@@ -27633,9 +27420,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
@@ -27875,9 +27659,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -27904,7 +27685,7 @@ $kendo-progressbar-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-progressbar-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the ProgressBar.
 /// @group progressbar
-$kendo-progressbar-line-height: 1 !default;
+$kendo-progressbar-line-height: var( --kendo-line-height-xs, normal ) !default;
 
 /// The background color of the ProgressBar.
 /// @group progressbar
@@ -28576,7 +28357,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 {
@@ -28889,9 +28670,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
@@ -29585,9 +29363,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
@@ -30794,7 +30569,7 @@ $kendo-time-list-width: 4em !default;
 $kendo-time-list-height: 240px !default;
 
 $kendo-time-list-title-font-size: var( --kendo-font-size-sm, inherit ) !default;
-$kendo-time-list-title-line-height: 1.5 !default;
+$kendo-time-list-title-line-height: var( --kendo-line-height-lg, normal ) !default;
 $kendo-time-list-title-height: calc( #{$kendo-time-list-title-font-size} * #{$kendo-time-list-title-line-height} ) !default;
 $kendo-time-list-title-text: $kendo-subtle-text !default;
 $kendo-time-list-title-focus-text: $kendo-component-text !default;
@@ -31254,9 +31029,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
@@ -31371,9 +31143,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
@@ -31589,9 +31358,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";
 
 
@@ -31781,9 +31547,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
@@ -31818,9 +31581,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
@@ -32404,9 +32164,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
@@ -32804,9 +32561,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
@@ -33524,9 +33278,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
@@ -33672,9 +33423,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
@@ -33794,9 +33542,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
@@ -33939,9 +33684,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
@@ -33972,9 +33714,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
@@ -34089,9 +33828,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
@@ -34749,9 +34485,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
@@ -34859,9 +34592,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
@@ -35227,9 +34957,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";
 
 
@@ -35825,9 +35552,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
@@ -35854,9 +35578,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -36127,7 +35848,10 @@ $kendo-upload-multiple-items-spacing: k-spacing(3) !default;
 
 /// The font size of the Upload validation message.
 /// @group upload
-$kendo-upload-validation-font-size: 11px !default;
+$kendo-upload-validation-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Upload validation message.
+/// @group upload
+$kendo-upload-validation-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The horizontal spacing of the Upload status icon.
 /// @group upload
 $kendo-upload-icon-spacing: $kendo-icon-spacing !default;
@@ -36323,7 +36047,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .13 ) !default;
             .k-file-summary,
             .k-file-validation-message {
                 font-size: $kendo-upload-validation-font-size;
-                line-height: 1;
+                line-height: $kendo-upload-validation-line-height;
             }
 
 
@@ -36587,9 +36311,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -36865,9 +36586,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.
@@ -37403,9 +37121,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
@@ -38046,9 +37761,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.
@@ -38072,9 +37784,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
@@ -38558,9 +38267,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
@@ -38630,7 +38336,7 @@ $kendo-drawer-item-padding-x: k-spacing(4) !default;
 $kendo-drawer-item-padding-y: $kendo-padding-md-x !default;
 /// The font size of the Drawer item.
 /// @group drawer
-$kendo-drawer-item-font-size: 16px !default;
+$kendo-drawer-item-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The line height of the Drawer item.
 /// @group drawer
 $kendo-drawer-item-line-height: $kendo-line-height-lg !default;
@@ -39016,9 +38722,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
@@ -39259,9 +38962,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.
@@ -39284,9 +38984,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
@@ -39422,7 +39119,7 @@ $kendo-card-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
 $kendo-card-title-font-family: null !default;
 /// The line height of the Card title.
 /// @group card
-$kendo-card-title-line-height: 1.25 !default;
+$kendo-card-title-line-height: var( --kendo-line-height-sm, normal ) !default;
 /// The font weight of the Card title.
 /// @group card
 $kendo-card-title-font-weight: var( --kendo-font-weight-normal, normal ) !default;
@@ -39441,7 +39138,7 @@ $kendo-card-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
 $kendo-card-subtitle-font-family: null !default;
 /// The line height of the Card subtitle.
 /// @group card
-$kendo-card-subtitle-line-height: normal !default;
+$kendo-card-subtitle-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The font weight of the Card subtitle.
 /// @group card
 $kendo-card-subtitle-font-weight: var( --kendo-font-weight-normal, normal ) !default;
@@ -40276,9 +39973,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
@@ -40424,9 +40118,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.
@@ -40457,7 +40148,7 @@ $kendo-bottom-nav-font-family: var( --kendo-font-family, inherit ) !default;
 $kendo-bottom-nav-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the BottomNavigation.
 /// @group bottom-navigation
-$kendo-bottom-nav-line-height: var( --kendo-line-height-sm, normal ) !default;
+$kendo-bottom-nav-line-height: var( --kendo-line-height-xs, normal ) !default;
 /// The letter spacing of the BottomNavigation.
 /// @group bottom-navigation
 $kendo-bottom-nav-letter-spacing: .2px !default;
@@ -40740,9 +40431,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
@@ -41286,9 +40974,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
@@ -41749,9 +41434,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
@@ -41867,7 +41549,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 ) 60%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d) !default;
 /// The border color of the disabled Stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
@@ -41946,7 +41628,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 ) 60%, transparent), $kendo-disabled-text) !default;
+$kendo-stepper-label-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), #8d8d8d) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
@@ -42585,9 +42267,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
@@ -43318,9 +42997,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
@@ -43585,9 +43261,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
@@ -43852,6 +43525,158 @@ $kendo-expander-content-padding-y: k-spacing(4) !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
@@ -43873,9 +43698,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
@@ -44579,9 +44401,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
@@ -44950,9 +44769,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
@@ -45619,9 +45435,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.
@@ -48704,9 +48517,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
@@ -49047,9 +48857,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
@@ -50550,9 +50357,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
@@ -51658,9 +51462,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.
@@ -51882,9 +51683,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
@@ -52145,9 +51943,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
@@ -52793,9 +52588,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
@@ -53396,7 +53188,7 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
         }
 
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
     }
 
@@ -53476,9 +53268,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
@@ -54377,9 +54166,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
@@ -54728,14 +54514,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
@@ -56257,14 +56041,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
@@ -57878,9 +57660,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
@@ -57943,10 +57722,10 @@ $kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
 
 /// The font size of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-font-size: smaller !default;
+$kendo-chat-timestamp-font-size: var( --kendo-font-size-sm, inherit ) !default;
 /// The line height of the Chat timestamp.
 /// @group chat
-$kendo-chat-timestamp-line-height: null !default;
+$kendo-chat-timestamp-line-height: var( --kendo-line-height-lg, normal ) !default;
 /// The text transform of the Chat timestamp.
 /// @group chat
 $kendo-chat-timestamp-transform: uppercase !default;
@@ -57957,6 +57736,20 @@ $kendo-chat-timestamp-text: $kendo-subtle-text !default;
 /// @group chat
 $kendo-chat-timestamp-bg: null !default;
 
+/// The font size of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat message meta text.
+/// @group chat
+$kendo-chat-message-meta-line-height: var( --kendo-line-height-lg, normal ) !default;
+
+/// The font size of the Chat author text.
+/// @group chat
+$kendo-chat-author-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Chat author text.
+/// @group chat
+$kendo-chat-author-line-height: var( --kendo-line-height-lg, normal ) !default;
+
 /// The horizontal padding of the Chat bubble message.
 /// @group chat
 $kendo-chat-bubble-padding-x: k-spacing(3) !default;
@@ -57968,7 +57761,7 @@ $kendo-chat-bubble-padding-y: k-spacing(2) !default;
 $kendo-chat-bubble-spacing: k-spacing(0.5) !default;
 /// The line height of the Chat bubble message.
 /// @group chat
-$kendo-chat-bubble-line-height: 18px !default;
+$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The border radius of the Chat bubble message.
 /// @group chat
@@ -58205,8 +57998,8 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
         // Message meta
         .k-message-time,
         .k-message-status {
-            font-size: smaller;
-            line-height: normal;
+            font-size: $kendo-chat-message-meta-font-size;
+            line-height: $kendo-chat-message-meta-line-height;
             white-space: nowrap;
             pointer-events: none;
             position: absolute;
@@ -58288,8 +58081,8 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
     // Author
     .k-author {
         margin: 0;
-        font-size: smaller;
-        line-height: normal;
+        font-size: $kendo-chat-author-font-size;
+        line-height: $kendo-chat-author-line-height;
     }
     .k-chat .k-author {
         margin: 0; // Duplicate styles because of typography module
@@ -58715,9 +58508,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
@@ -58945,9 +58735,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
@@ -59716,9 +59503,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.
@@ -60150,9 +59934,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
@@ -60326,9 +60107,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
@@ -60754,12 +60532,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
@@ -61009,9 +60781,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
@@ -61872,9 +61641,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.
@@ -62169,9 +61935,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
@@ -62823,6 +62586,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