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

package/dist/all.scss

@@ -1885,6 +1885,8 @@ $kendo-use-input-spinner-icon-offset: false !default;
 
 $kendo-auto-bootstrap: true !default;
 
+$kendo-nested-disabled: true !default;
+
 /// Icon size.
 /// @group common
 $kendo-icon-size: 16px !default;
@@ -1912,7 +1914,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
@@ -1927,20 +1928,6 @@ $kendo-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .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;
 
 
-/// Filter used for disabled items.
-$kendo-disabled-filter: grayscale(.1) !default;
-/// Opacity used for disabled items.
-$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
 
@@ -2222,42 +2209,67 @@ $_default-palette-flamingo-pink: (
 
 
 // stylelint-disable scss/no-global-function-names
+/// The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
+/// @group palette
 $kendo-palette-gray: $_default-palette-gray !default;
 $kendo-palette-gray: map-merge($_default-palette-gray, $kendo-palette-gray);
 
+/// The Coral Palette provides colors to the Primary and Series A variable groups.
+/// @group palette
 $kendo-palette-coral: $_default-palette-coral !default;
 $kendo-palette-coral: map-merge($_default-palette-coral, $kendo-palette-coral);
 
+/// The Sky Blue Palette provides colors to the Tertiary variable group.
+/// @group palette
 $kendo-palette-sky-blue: $_default-palette-sky-blue !default;
 $kendo-palette-sky-blue: map-merge($_default-palette-sky-blue, $kendo-palette-sky-blue);
 
+/// The Green Palette provides colors to the Success variable group.
+/// @group palette
 $kendo-palette-green: $_default-palette-green !default;
 $kendo-palette-green: map-merge($_default-palette-green, $kendo-palette-green);
 
+/// The Blue Palette provides colors to the Info variable group.
+/// @group palette
 $kendo-palette-blue: $_default-palette-blue !default;
 $kendo-palette-blue: map-merge($_default-palette-blue, $kendo-palette-blue);
 
+/// The Yellow Palette provides colors to the Warning variable group.
+/// @group palette
 $kendo-palette-yellow: $_default-palette-yellow !default;
 $kendo-palette-yellow: map-merge($_default-palette-yellow, $kendo-palette-yellow);
 
+/// The Red Palette provides colors to the Error variable group.
+/// @group palette
 $kendo-palette-red: $_default-palette-red !default;
 $kendo-palette-red: map-merge($_default-palette-red, $kendo-palette-red);
 
+/// The Lemon Yellow Palette provides colors to the Series B variable group.
+/// @group palette
 $kendo-palette-lemon-yellow: $_default-palette-lemon-yellow !default;
 $kendo-palette-lemon-yellow: map-merge($_default-palette-lemon-yellow, $kendo-palette-lemon-yellow);
 
+/// The Spring Green Palette provides colors to the Series C variable group.
+/// @group palette
 $kendo-palette-spring-green: $_default-palette-spring-green !default;
 $kendo-palette-spring-green: map-merge($_default-palette-spring-green, $kendo-palette-spring-green);
 
+/// The Royal Blue Palette provides colors to the Series D variable group.
+/// @group palette
 $kendo-palette-royal-blue: $_default-palette-royal-blue !default;
 $kendo-palette-royal-blue: map-merge($_default-palette-royal-blue, $kendo-palette-royal-blue);
 
+/// The Lavender Purple Palette provides colors to the Series E variable group.
+/// @group palette
 $kendo-palette-lavender-purple: $_default-palette-lavender-purple !default;
 $kendo-palette-lavender-purple: map-merge($_default-palette-lavender-purple, $kendo-palette-lavender-purple);
 
+/// The Flamingo Pink Palette provides colors to the Series F variable group.
+/// @group palette
 $kendo-palette-flamingo-pink: $_default-palette-flamingo-pink !default;
 $kendo-palette-flamingo-pink: map-merge($_default-palette-flamingo-pink, $kendo-palette-flamingo-pink);
 // stylelint-enable scss/no-global-function-names
+
 // #endregion
 
 // Config
@@ -2434,6 +2446,254 @@ $_default-colors: (
 
 /// The global default Colors map.
 /// @group color-system
+///
+/// @subgroup {misc}
+/// [app-surface, on-app-surface, subtle,
+/// surface, surface-alt, border, border-alt]
+/// The Misc variable group.
+/// @prop {Color} app-surface - The background color of the application.
+/// @prop {Color} on-app-surface - The text color of the application.
+/// @prop {Color} subtle - The subtle text color.
+/// @prop {Color} surface - The background color of the components' chrome area.
+/// @prop {Color} surface-alt - The alternative background color of the components' chrome area.
+/// @prop {Color} border - Тhe border color of the application.
+/// @prop {Color} border-alt - Тhe alternative border color of the application.
+///
+/// @subgroup {base}
+/// [base-subtle, base-subtle-hover, base-subtle-active,
+/// base, base-hover, base-active, base-emphasis,
+/// base-on-subtle, on-base, base-on-surface]
+/// The Base variable group.
+/// @prop {Color} base-subtle - The base subtle background color variable.
+/// @prop {Color} base-subtle-hover - The base subtle background color variable for the hover state.
+/// @prop {Color} base-subtle-active - The base subtle background color variable for the active state.
+/// @prop {Color} base - The base background color variable.
+/// @prop {Color} base-hover - The base background color variable for the hover state.
+/// @prop {Color} base-active - The base background color variable for the active state.
+/// @prop {Color} base-emphasis - The emphasized base color variable.
+/// @prop {Color} base-on-subtle - The text color variable for content on base subtle.
+/// @prop {Color} on-base - The text color variable for content on base.
+/// @prop {Color} base-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {primary}
+/// [primary-subtle, primary-subtle-hover, primary-subtle-active,
+/// primary, primary-hover, primary-active, primary-emphasis,
+/// primary-on-subtle, on-primary, primary-on-surface]
+/// The Primary variable group.
+/// @prop {Color} primary-subtle - The primary subtle background color variable.
+/// @prop {Color} primary-subtle-hover - The primary subtle background color variable for the hover state.
+/// @prop {Color} primary-subtle-active - The primary subtle background color variable for the active state.
+/// @prop {Color} primary - The primary background color variable.
+/// @prop {Color} primary-hover - The primary background color variable for the hover state.
+/// @prop {Color} primary-active - The primary background color variable for the active state.
+/// @prop {Color} primary-emphasis - The emphasized primary color variable.
+/// @prop {Color} primary-on-subtle - The text color variable for content on primary subtle.
+/// @prop {Color} on-primary - The text color variable for content on primary.
+/// @prop {Color} primary-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {secondary}
+/// [secondary-subtle, secondary-subtle-hover, secondary-subtle-active,
+/// secondary, secondary-hover, secondary-active, secondary-emphasis,
+/// secondary-on-subtle, on-secondary, secondary-on-surface]
+/// The Secondary variable group.
+/// @prop {Color} secondary-subtle - The secondary subtle background color variable.
+/// @prop {Color} secondary-subtle-hover - The secondary subtle background color variable for the hover state.
+/// @prop {Color} secondary-subtle-active - The secondary subtle background color variable for the active state.
+/// @prop {Color} secondary - The secondary background color variable.
+/// @prop {Color} secondary-hover - The secondary background color variable for the hover state.
+/// @prop {Color} secondary-active - The secondary background color variable for the active state.
+/// @prop {Color} secondary-emphasis - The emphasized secondary color variable.
+/// @prop {Color} secondary-on-subtle - The text color variable for content on secondary subtle.
+/// @prop {Color} on-secondary - The text color variable for content on secondary.
+/// @prop {Color} secondary-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {tertiary}
+/// [tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active,
+/// tertiary, tertiary-hover, tertiary-active, tertiary-emphasis,
+/// tertiary-on-subtle, on-tertiary, tertiary-on-surface]
+/// The Tertiary variable group.
+/// @prop {Color} tertiary-subtle - The tertiary subtle background color variable.
+/// @prop {Color} tertiary-subtle-hover - The tertiary subtle background color variable for the hover state.
+/// @prop {Color} tertiary-subtle-active - The tertiary subtle background color variable for the active state.
+/// @prop {Color} tertiary - The tertiary background color variable.
+/// @prop {Color} tertiary-hover - The tertiary background color variable for the hover state.
+/// @prop {Color} tertiary-active - The tertiary background color variable for the active state.
+/// @prop {Color} tertiary-emphasis - The emphasized tertiary color variable.
+/// @prop {Color} tertiary-on-subtle - The text color variable for content on tertiary subtle.
+/// @prop {Color} on-tertiary - The text color variable for content on tertiary.
+/// @prop {Color} tertiary-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {info}
+/// [info-subtle, info-subtle-hover, info-subtle-active,
+/// info, info-hover, info-active, info-emphasis,
+/// info-on-subtle, on-info, info-on-surface]
+/// The Info variable group.
+/// @prop {Color} info-subtle - The info subtle background color variable.
+/// @prop {Color} info-subtle-hover - The info subtle background color variable for the hover state.
+/// @prop {Color} info-subtle-active - The info subtle background color variable for the active state.
+/// @prop {Color} info - The info background color variable.
+/// @prop {Color} info-hover - The info background color variable for the hover state.
+/// @prop {Color} info-active - The info background color variable for the active state.
+/// @prop {Color} info-emphasis - The emphasized info color variable.
+/// @prop {Color} info-on-subtle - The text color variable for content on info subtle.
+/// @prop {Color} on-info - The text color variable for content on info.
+/// @prop {Color} info-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {success}
+/// [success-subtle, success-subtle-hover, success-subtle-active,
+/// success, success-hover, success-active, success-emphasis,
+/// success-on-subtle, on-success, success-on-surface]
+/// The Success variable group.
+/// @prop {Color} success-subtle - The success subtle background color variable.
+/// @prop {Color} success-subtle-hover - The success subtle background color variable for the hover state.
+/// @prop {Color} success-subtle-active - The success subtle background color variable for the active state.
+/// @prop {Color} success - The success background color variable.
+/// @prop {Color} success-hover - The success background color variable for the hover state.
+/// @prop {Color} success-active - The success background color variable for the active state.
+/// @prop {Color} success-emphasis - The emphasized success color variable.
+/// @prop {Color} success-on-subtle - The text color variable for content on success subtle.
+/// @prop {Color} on-success - The text color variable for content on success.
+/// @prop {Color} success-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {warning}
+/// [warning-subtle, warning-subtle-hover, warning-subtle-active,
+/// warning, warning-hover, warning-active, warning-emphasis,
+/// warning-on-subtle, on-warning, warning-on-surface]
+/// The Warning variable group.
+/// @prop {Color} warning-subtle - The warning subtle background color variable.
+/// @prop {Color} warning-subtle-hover - The warning subtle background color variable for the hover state.
+/// @prop {Color} warning-subtle-active - The warning subtle background color variable for the active state.
+/// @prop {Color} warning - The warning background color variable.
+/// @prop {Color} warning-hover - The warning background color variable for the hover state.
+/// @prop {Color} warning-active - The warning background color variable for the active state.
+/// @prop {Color} warning-emphasis - The emphasized warning color variable.
+/// @prop {Color} warning-on-subtle - The text color variable for content on warning subtle.
+/// @prop {Color} on-warning - The text color variable for content on warning.
+/// @prop {Color} warning-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {error}
+/// [error-subtle, error-subtle-hover, error-subtle-active,
+/// error, error-hover, error-active, error-emphasis,
+/// error-on-subtle, on-error, error-on-surface]
+/// The Error variable group.
+/// @prop {Color} error-subtle - The error subtle background color variable.
+/// @prop {Color} error-subtle-hover - The error subtle background color variable for the hover state.
+/// @prop {Color} error-subtle-active - The error subtle background color variable for the active state.
+/// @prop {Color} error - The error background color variable.
+/// @prop {Color} error-hover - The error background color variable for the hover state.
+/// @prop {Color} error-active - The error background color variable for the active state.
+/// @prop {Color} error-emphasis - The emphasized error color variable.
+/// @prop {Color} error-on-subtle - The text color variable for content on error subtle.
+/// @prop {Color} on-error - The text color variable for content on error.
+/// @prop {Color} error-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {light}
+/// [light-subtle, light-subtle-hover, light-subtle-active,
+/// light, light-hover, light-active, light-emphasis,
+/// light-on-subtle, on-light, light-on-surface]
+/// The Light variable group.
+/// @prop {Color} light-subtle - The light subtle background color variable.
+/// @prop {Color} light-subtle-hover - The light subtle background color variable for the hover state.
+/// @prop {Color} light-subtle-active - The light subtle background color variable for the active state.
+/// @prop {Color} light - The light background color variable.
+/// @prop {Color} light-hover - The light background color variable for the hover state.
+/// @prop {Color} light-active - The light background color variable for the active state.
+/// @prop {Color} light-emphasis - The emphasized light color variable.
+/// @prop {Color} light-on-subtle - The text color variable for content on light subtle.
+/// @prop {Color} on-light - The text color variable for content on light.
+/// @prop {Color} light-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {dark}
+/// [dark-subtle, dark-subtle-hover, dark-subtle-active,
+/// dark, dark-hover, dark-active, dark-emphasis,
+/// dark-on-subtle, on-dark, dark-on-surface]
+/// The Dark variable group.
+/// @prop {Color} dark-subtle - The dark subtle background color variable.
+/// @prop {Color} dark-subtle-hover - The dark subtle background color variable for the hover state.
+/// @prop {Color} dark-subtle-active - The dark subtle background color variable for the active state.
+/// @prop {Color} dark - The dark background color variable.
+/// @prop {Color} dark-hover - The dark background color variable for the hover state.
+/// @prop {Color} dark-active - The dark background color variable for the active state.
+/// @prop {Color} dark-emphasis - The emphasized dark color variable.
+/// @prop {Color} dark-on-subtle - The text color variable for content on dark subtle.
+/// @prop {Color} on-dark - The text color variable for content on dark.
+/// @prop {Color} dark-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {inverse}
+/// [inverse-subtle, inverse-subtle-hover, inverse-subtle-active,
+/// inverse, inverse-hover, inverse-active, inverse-emphasis,
+/// inverse-on-subtle, on-inverse, inverse-on-surface]
+/// The Inverse variable group.
+/// @prop {Color} inverse-subtle - The inverse subtle background color variable.
+/// @prop {Color} inverse-subtle-hover - The inverse subtle background color variable for the hover state.
+/// @prop {Color} inverse-subtle-active - The inverse subtle background color variable for the active state.
+/// @prop {Color} inverse - The inverse background color variable.
+/// @prop {Color} inverse-hover - The inverse background color variable for the hover state.
+/// @prop {Color} inverse-active - The inverse background color variable for the active state.
+/// @prop {Color} inverse-emphasis - The emphasized inverse color variable.
+/// @prop {Color} inverse-on-subtle - The text color variable for content on inverse subtle.
+/// @prop {Color} on-inverse - The text color variable for content on inverse.
+/// @prop {Color} inverse-on-surface - The text color variable for content on surface.
+///
+/// @subgroup {series-a}
+/// [series-a, series-a-bold, series-a-bolder,
+/// series-a-subtle, series-a-subtler]
+/// The Series A variable group.
+/// @prop {Color} series-a - The series A color variable.
+/// @prop {Color} series-a-bold - The bold series A color variable.
+/// @prop {Color} series-a-bolder - The bolder series A color variable.
+/// @prop {Color} series-a-subtle - The subtle series A color variable.
+/// @prop {Color} series-a-subtler - The subtler series A color variable.
+///
+/// @subgroup {series-b}
+/// [series-b, series-b-bold, series-b-bolder,
+/// series-b-subtle, series-b-subtler]
+/// The Series B variable group.
+/// @prop {Color} series-b - The series B color variable.
+/// @prop {Color} series-b-bold - The bold series B color variable.
+/// @prop {Color} series-b-bolder - The bolder series B color variable.
+/// @prop {Color} series-b-subtle - The subtle series B color variable.
+/// @prop {Color} series-b-subtler - The subtler series B color variable.
+///
+/// @subgroup {series-c}
+/// [series-c, series-c-bold, series-c-bolder,
+/// series-c-subtle, series-c-subtler]
+/// The Series C variable group.
+/// @prop {Color} series-c - The series C color variable.
+/// @prop {Color} series-c-bold - The bold series C color variable.
+/// @prop {Color} series-c-bolder - The bolder series C color variable.
+/// @prop {Color} series-c-subtle - The subtle series C color variable.
+/// @prop {Color} series-c-subtler - The subtler series C color variable.
+///
+/// @subgroup {series-d}
+/// [series-d, series-d-bold, series-d-bolder,
+/// series-d-subtle, series-d-subtler]
+/// The Series D variable group.
+/// @prop {Color} series-d - The series D color variable.
+/// @prop {Color} series-d-bold - The bold series D color variable.
+/// @prop {Color} series-d-bolder - The bolder series D color variable.
+/// @prop {Color} series-d-subtle - The subtle series D color variable.
+/// @prop {Color} series-d-subtler - The subtler series D color variable.
+///
+/// @subgroup {series-e}
+/// [series-e, series-e-bold, series-e-bolder,
+/// series-e-subtle, series-e-subtler]
+/// The Series E variable group.
+/// @prop {Color} series-e - The series E color variable.
+/// @prop {Color} series-e-bold - The bold series E color variable.
+/// @prop {Color} series-e-bolder - The bolder series E color variable.
+/// @prop {Color} series-e-subtle - The subtle series E color variable.
+/// @prop {Color} series-e-subtler - The subtler series E color variable.
+///
+/// @subgroup {series-f}
+/// [series-f, series-f-bold, series-f-bolder,
+/// series-f-subtle, series-f-subtler]
+/// The Series F variable group.
+/// @prop {Color} series-f - The series F color variable.
+/// @prop {Color} series-f-bold - The bold series F color variable.
+/// @prop {Color} series-f-bolder - The bolder series F color variable.
+/// @prop {Color} series-f-subtle - The subtle series F color variable.
+/// @prop {Color} series-f-subtler - The subtler series F color variable.
 $kendo-colors: $_default-colors !default;
 
 $kendo-is-dark-theme: false !default;
@@ -2610,9 +2870,6 @@ $kendo-selected-hover-border: $kendo-base-border !default;
 /// The gradient of selected and hovered items.
 $kendo-selected-hover-gradient: $kendo-base-gradient !default;
 
-/// Text color of disabled items.
-$kendo-disabled-text: #8f8f8f !default;
-
 // Generic styles
 
 /// Background color of the component header.
@@ -4454,13 +4711,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;
@@ -4588,21 +4858,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;
 }
@@ -4774,6 +5038,7 @@ $kendo-components: (
     "loader",
     "skeleton",
     "tooltip",
+    "time-marker",
 
     // Native forms
     "button",
@@ -4850,6 +5115,7 @@ $kendo-components: (
     // Layout & containers
     "card",
     "expander",
+    "panel",
     "panelbar",
     "splitter",
     "tile-layout",
@@ -5093,7 +5359,8 @@ $_kendo-dependencies: (
         "splitter",
         "treelist",
         "validator",
-        "window"
+        "window",
+        "time-marker"
     ),
     grid: (
         "actions",
@@ -5192,6 +5459,7 @@ $_kendo-dependencies: (
         "list",
         "toolbar"
     ),
+    panel: (),
     panelbar: (
         "icon"
     ),
@@ -5233,7 +5501,8 @@ $_kendo-dependencies: (
         "dialog",
         "dropdown-list",
         "toolbar",
-        "tooltip"
+        "tooltip",
+        "time-marker"
     ),
     scroller: (),
     scrollview: (
@@ -5305,6 +5574,7 @@ $_kendo-dependencies: (
     tile-layout: (
         "card"
     ),
+    time-marker: (),
     time-duration-picker: (
         "button",
         "icon",
@@ -5450,920 +5720,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: k-color( surface );
-    $kendo-app-text: $kendo-body-text;
-    $kendo-app-border: k-color( border );
-    $kendo-link-text: $kendo-color-primary;
-    $kendo-link-hover-text: k-color( primary-hover );
-    $kendo-component-bg: k-color( surface-alt );
-    $kendo-component-text: $kendo-body-text;
-    $kendo-component-border: $kendo-app-border;
-    $kendo-base-bg: k-color( surface );
-    $kendo-base-text: $kendo-body-text;
-    $kendo-base-border: $kendo-app-border;
-    $kendo-base-gradient: null;
-    $kendo-hover-bg: k-color( base-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: $kendo-base-border;
-    $kendo-selected-gradient: $kendo-base-gradient;
-    $kendo-selected-hover-bg: k-color( primary-hover );
-    $kendo-selected-hover-text: $kendo-selected-text;
-    $kendo-selected-hover-border: $kendo-base-border;
-    $kendo-selected-hover-gradient: $kendo-base-gradient;
-    $kendo-disabled-text: k-color( on-app-surface );
-    $kendo-component-header-bg: $kendo-base-bg;
-    $kendo-component-header-text: $kendo-base-text;
-    $kendo-component-header-border: $kendo-base-border;
-    $kendo-component-header-gradient: null;
-    $kendo-invalid-bg: null;
-    $kendo-invalid-text: $kendo-color-error;
-    $kendo-invalid-border: $kendo-color-error;
-    $kendo-invalid-shadow: 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
-@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
-// #region @import "./_animations.scss"; -> 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 {
@@ -6719,10 +6079,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,
@@ -7053,51 +6412,356 @@ $kendo-zindex-loading: 100 !default;
             }
         }
     }
+
 }
 
 // #endregion
-// #region @import "./_indicators.scss"; -> scss/common/_indicators.scss
-@include exports( "common/indicators/current-time" ) {
+// #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() {
 
-    $kendo-current-time-color: #ff0000 !default;
+    .k-theme-test-class,
+    .k-common-test-class {
+        opacity: 0;
+    }
 
-    // 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;
-        }
+// #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;
+    }
 
-    // Theme
-    .k-current-time {
-        background: $kendo-current-time-color;
 
-        &.k-current-time-arrow-left {
-            border-right-color: $kendo-current-time-color;
+    // 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: 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 "./_resizing.scss"; -> scss/common/_resizing.scss
-@include exports( "common/resizing" ) {
+// #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"; -> /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,
@@ -7185,7 +6849,7 @@ $kendo-zindex-loading: 100 !default;
         cursor: col-resize;
     }
 
-
+    // Resize hint
     .k-resize-hint {
         display: flex;
         flex-direction: column;
@@ -7223,37 +6887,286 @@ $kendo-zindex-loading: 100 !default;
 }
 
 // #endregion
-// #region @import "./_scrollbar.scss"; -> scss/common/_scrollbar.scss
-@include exports( "common/scrollbar" ) {
+// #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();
+    }
+}
 
-    // virtual scrollbar
-    .k-scrollbar {
-        position: absolute;
-        overflow: scroll;
+// #endregion
+
+@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();
+}
+
+// #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-scrollbar-vertical {
-        top: 0;
-        right: 0;
-        width: 17px; // scrollbar width
-        height: 100%;
-        overflow-x: hidden;
+@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};
+        }
     }
+}
 
-    .k-touch-scrollbar {
-        display: none;
-        position: absolute;
-        z-index: 200000;
-        height: 8px;
-        width: 8px;
-        border: 1px solid #8a8a8a;
-        background-color: #858585;
+// #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: k-color( surface );
+    $kendo-app-text: $kendo-body-text;
+    $kendo-app-border: k-color( border );
+    $kendo-link-text: $kendo-color-primary;
+    $kendo-link-hover-text: k-color( primary-hover );
+    $kendo-component-bg: k-color( surface-alt );
+    $kendo-component-text: $kendo-body-text;
+    $kendo-component-border: $kendo-app-border;
+    $kendo-base-bg: k-color( surface );
+    $kendo-base-text: $kendo-body-text;
+    $kendo-base-border: $kendo-app-border;
+    $kendo-base-gradient: null;
+    $kendo-hover-bg: k-color( base-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: $kendo-base-border;
+    $kendo-selected-gradient: $kendo-base-gradient;
+    $kendo-selected-hover-bg: k-color( primary-hover );
+    $kendo-selected-hover-text: $kendo-selected-text;
+    $kendo-selected-hover-border: $kendo-base-border;
+    $kendo-selected-hover-gradient: $kendo-base-gradient;
+    $kendo-disabled-text: null;
+    $kendo-disabled-bg: null;
+    $kendo-disabled-border: null;
+    $kendo-disabled-opacity: .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: null;
+    $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
 
 
@@ -15940,9 +15853,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
@@ -16295,9 +16205,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.
@@ -16842,7 +16749,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... );
     }
 
 
@@ -17541,9 +17448,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
@@ -17915,9 +17819,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -17966,6 +17867,31 @@ $kendo-popup-shadow: k-elevation(4) !default;
 // #region @import "./_layout.scss"; -> 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;
@@ -17985,13 +17911,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;
@@ -18016,7 +17935,6 @@ $kendo-popup-shadow: k-elevation(4) !default;
         border-width: 0;
     }
 
-
     // Legacy shadow
     .k-shadow {
         box-shadow: $kendo-popup-shadow;
@@ -18093,9 +18011,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -18214,9 +18129,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -18911,9 +18823,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -20423,9 +20332,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
@@ -20559,6 +20465,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
@@ -21008,8 +20917,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,
@@ -21055,11 +20967,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
@@ -21311,6 +21305,102 @@ $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
+@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
+// #region @import "./_theme.scss"; -> 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
+
+// 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
 
 
@@ -21336,9 +21426,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.
@@ -21361,9 +21448,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.
@@ -21431,7 +21515,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
 
         &::-moz-focus-inner {
@@ -22132,9 +22216,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
@@ -23335,9 +23416,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
@@ -24395,7 +24473,7 @@ $kendo-form-sizes: (
         .k-form-field-disabled {
             .k-label,
             .k-form-label {
-                @include disabled( $kendo-disabled-styling );
+                @include disabled( $kendo-disabled-styling... );
             }
         }
 
@@ -24759,9 +24837,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.
@@ -24782,9 +24857,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
@@ -25074,9 +25146,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.
@@ -25097,9 +25166,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
@@ -25176,7 +25242,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -25201,7 +25267,7 @@ $_kendo-module-meta: (
 
         &:disabled,
         &[disabled] {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
 
             [disabled] &,
             .k-disabled & {
@@ -26680,9 +26746,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
@@ -26766,9 +26829,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
@@ -26859,9 +26919,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
@@ -27085,9 +27142,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -27769,7 +27823,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 {
@@ -28067,9 +28121,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
@@ -28747,9 +28798,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
@@ -30384,9 +30432,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
@@ -30485,9 +30530,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
@@ -30687,9 +30729,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";
 
 
@@ -30698,29 +30737,29 @@ $_kendo-module-meta: (
 // ColorPalette
 
 /// The font family of the ColorPalette.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the ColorPalette.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the ColorPalette.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-line-height: 0 !default;
 
 /// The width of the ColorPalette tile.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-tile-width: k-spacing(6) !default;
 /// The height of the ColorPalette tile.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
 /// The shadow of the ColorPalette focused tile.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
 /// The shadow of the ColorPalette hovered tile.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
 /// The shadow of the ColorPalette selected tile.
-/// @group colorpalette
+/// @group color-palette
 $kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
 
 // #endregion
@@ -30863,9 +30902,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
@@ -30900,9 +30936,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
@@ -30984,142 +31017,142 @@ $_kendo-module-meta: (
 // ColorGradient
 
 /// The spacer of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-spacer: k-spacing(3) !default;
 
 /// The width of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-width: 272px !default;
 /// The width of the border around the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-border-width: 1px !default;
 /// The border radius of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-border-radius: k-border-radius(md) !default;
 /// The vertical padding of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
 /// The horizontal padding of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-padding-x: $kendo-color-gradient-padding-y !default;
 /// The spacing between the sections of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-gap: $kendo-color-gradient-spacer !default;
 /// The font family of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-line-height: var( --kendo-line-height, normal ) !default;
 /// The text color of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-text: $kendo-component-text !default;
 /// The background color of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-bg: $kendo-component-bg !default;
 /// The border color of the ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-border: $kendo-component-border !default;
 
 /// The border color of the focused ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-focus-border: null !default;
 /// The box shadow of the focused ColorGradient.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-focus-shadow: k-elevation(3) !default;
 
 /// The border radius of the ColorGradient canvas.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-canvas-border-radius: k-border-radius(md) !default;
 /// The spacing between the items of the ColorGradient canvas.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
 /// The height the ColorGradient canvas hsv rectangle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-canvas-rectangle-height: 180px !default;
 
 /// The width of the ColorGradient slider.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-slider-track-size: 10px !default;
 /// The border radius of the ColorGradient slider.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-slider-border-radius: 10px !default;
 /// The width of the border around the ColorGradient slider drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-slider-draghandle-border-width: 3px !default;
 
 /// The height of the ColorGradient vertical slider.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-slider-vertical-size: 180px !default;
 /// The width of the ColorGradient horizontal slider.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-slider-horizontal-size: 100% !default;
 
 /// The width of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-width: 14px !default;
 /// The height of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-height: 14px !default;
 /// The width of the border around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-border-width: 1px !default;
 /// The width of the outline around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-outline-width: 1px !default;
 /// The border radius of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-border-radius: 50% !default;
 /// The text color of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-text: null !default;
 /// The background color of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-bg: transparent !default;
 /// The color of the border around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-border: rgba( $kendo-color-white, .8) !default;
 /// The color of the outline around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-shadow: rgba( $kendo-color-black, .5 ) !default;
 /// The focus color of the outline around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-focus-shadow: $kendo-color-black !default;
 /// The hover color of the outline around the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-black !default;
 /// The box shadow of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;
 
 /// The vertical margin of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-canvas-draghandle-margin-y: - k-math-div( $kendo-color-gradient-draghandle-height, 2 ) !default;
 /// The horizontal margin of the ColorGradient canvas drag handle.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-canvas-draghandle-margin-x: - k-math-div( $kendo-color-gradient-draghandle-width, 2 ) !default;
 
 /// The width of the ColorGradient input.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-input-width: 46px !default;
 /// The spacing between the ColorGradient inputs.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-input-gap: calc( #{$kendo-color-gradient-spacer} / 1.5 ) !default;
 /// The spacing between the ColorGradient inputs and their labels.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-input-label-gap: calc( #{$kendo-color-gradient-spacer} / 3 ) !default;
 /// The text color of the ColorGradient input labels.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
 
 /// The font weight of the ColorGradient contrast ratio text.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 /// The spacing between the items in the ColorGradient contrast tool.
-/// @group cologradient
+/// @group color-gradient
 $kendo-color-gradient-contrast-spacer: calc( #{$kendo-color-gradient-spacer} / 1.5 ) !default;
 
 // #endregion
@@ -31454,9 +31487,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
@@ -31476,83 +31506,83 @@ $_kendo-module-meta: (
 // ColorEditor/FlatColorPicker
 
 /// The spacer of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-spacer: k-spacing(3) !default;
 
 /// The minimum width of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-min-width: 272px !default;
 /// The width of the border around the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-border-width: 1px !default;
 /// The border radius of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-border-radius: k-border-radius(md) !default;
 /// The font family of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-line-height: var( --kendo-line-height, normal ) !default;
 /// The text color of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-text: $kendo-component-text !default;
 /// The background color of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-bg: $kendo-component-bg !default;
 /// The border color of the ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-border: $kendo-component-border !default;
 
 /// The border color of the focused ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-focus-border: null !default;
 // TODO: does this ever get focused? Isn't it always in a popup?
 /// The box shadow of the focused ColorEditor.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-focus-shadow: null  !default; // 1px 1px 7px 1px rgba(0, 0, 0, .3)
 
 /// The vertical padding of the ColorEditor header.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-header-padding-y: $kendo-color-editor-spacer !default;
 /// The horizontal padding of the ColorEditor header.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-y !default;
 /// The spacing between the ColorEditor header actions.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-header-actions-gap: calc( #{$kendo-color-editor-spacer} / 1.5 ) !default;
 
 /// The width of the ColorEditor preview.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-color-preview-width: 32px !default;
 /// The height of the ColorEditor preview.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-color-preview-height: 12px !default;
 /// The spacing between the colors in the ColorEditor preview.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-preview-gap: k-spacing(1) !default;
 
 /// The vertical padding of the ColorEditor views container.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-views-padding-y: $kendo-color-editor-spacer !default;
 /// The horizontal padding of the ColorEditor views container.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-y !default;
 /// The spacing of the ColorEditor views container.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-views-gap: $kendo-color-editor-spacer !default;
 
 /// The outline color of the focused ColorGradient.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline-color: rgba(0, 0, 0, .3) !default;
 /// The outline width of the focused ColorGradient.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline: 2px !default;
 /// The outline offset of the focused ColorGradient.
-/// @group coloreditor
+/// @group color-editor
 $kendo-color-editor-color-gradient-focus-outline-offset: 4px !default;
 
 // #endregion
@@ -31823,9 +31853,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
@@ -32447,9 +32474,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
@@ -32579,9 +32603,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
@@ -32685,9 +32706,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
@@ -32814,9 +32832,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
@@ -32847,9 +32862,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
@@ -32948,9 +32960,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
@@ -33576,9 +33585,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
@@ -33670,9 +33676,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
@@ -34010,9 +34013,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";
 
 
@@ -34592,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 "../button/_index.scss"; -> scss/button/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
@@ -34621,9 +34618,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -35322,9 +35316,6 @@ $_kendo-module-meta: (
 
 
 // Dependencies
-// #region @import "../common/_index.scss"; -> scss/common/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -35584,9 +35575,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.
@@ -36105,9 +36093,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
@@ -36732,9 +36717,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.
@@ -36758,9 +36740,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
@@ -37212,9 +37191,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
@@ -37653,9 +37629,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
@@ -37879,9 +37852,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.
@@ -37904,9 +37874,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
@@ -38864,9 +38831,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
@@ -38996,9 +38960,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.
@@ -39296,9 +39257,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
@@ -39826,9 +39784,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
@@ -40269,9 +40224,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
@@ -40387,7 +40339,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), #8f8f8f) !default;
 /// The border color of the disabled Stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-disabled-border: null !default;
@@ -40466,7 +40418,7 @@ $kendo-stepper-label-error-text: $kendo-color-error !default;
 $kendo-stepper-label-hover-text: if($kendo-enable-color-system, k-color( on-base ), k-try-shade( $kendo-stepper-text, 2 )) !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), #8f8f8f) !default;
 
 /// The text color of the optional Stepper label.
 /// @group stepper
@@ -41089,9 +41041,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
@@ -41806,9 +41755,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
@@ -42057,9 +42003,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
@@ -42308,6 +42251,144 @@ $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
+@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
+// #region @import "./_theme.scss"; -> 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
+
+
+// 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
@@ -42329,9 +42410,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
@@ -43019,9 +43097,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
@@ -43374,9 +43449,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
@@ -43390,38 +43462,38 @@ $_kendo-module-meta: (
 // TileLayout
 
 /// The width of the border around the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-border-width: 0px !default;
 /// The background color of the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-bg: $kendo-base-bg !default;
 
 /// The horizontal padding of the TileLayout.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-padding-x: k-spacing(4) !default;
 
 /// The vertical padding of the TileLayout
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-padding-y: $kendo-tile-layout-padding-x !default;
 
 /// The width of the border around the TileLayout card.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-card-border-width: $kendo-card-border-width !default;
 /// The focus box shadow of the TileLayout card.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-card-focus-shadow: $kendo-card-focus-shadow !default;
 
 /// The width of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border-width: 1px !default;
 /// The radius of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border-radius: k-border-radius(lg) !default;
 /// The color of the border around the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-border: $kendo-component-border !default;
 /// The background color of the TileLayout hint.
-/// @group tilelayout
+/// @group tile-layout
 $kendo-tile-layout-hint-bg: rgba(255, 255, 255, .2) !default;
 
 
@@ -44013,9 +44085,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.
@@ -47059,9 +47128,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
@@ -47386,9 +47452,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
@@ -48872,9 +48935,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
@@ -49964,9 +50024,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.
@@ -50172,9 +50229,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
@@ -50419,9 +50473,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
@@ -50462,184 +50513,184 @@ $_kendo-module-meta: (
 // FileManager
 
 /// The space between the FileManager items.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-spacer: k-spacing(4) !default;
 /// The border width of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-border-width: 1px !default;
 /// The font family of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font size of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-font-size: var( --kendo-font-size, inherit ) !default;
 /// The line height of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-line-height: var( --kendo-line-height, normal ) !default;
 /// The background color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-bg: $kendo-component-bg !default;
 /// The text color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-text: $kendo-component-text !default;
 /// The border color of the FileManager.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-border: $kendo-component-border !default;
 
 /// The border width of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-bg: null !default;
 /// The text color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-text: null !default;
 /// The border color of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-border: null !default;
 /// The gradient of the FileManager Toolbar.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-toolbar-gradient: null !default;
 
 /// The horizontal padding of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-padding-x: $kendo-file-manager-spacer !default;
 /// The vertical padding of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-padding-y: $kendo-file-manager-spacer !default;
 /// The width of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-width: 20% !default;
 /// The border width of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-bg: null !default;
 /// The text color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-text: null !default;
 /// The border color of the FileManager Navigation.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-navigation-border: null !default;
 
 /// The horizontal padding of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-x: k-spacing(2) !default;
 /// The vertical padding of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-padding-y: k-spacing(2) !default;
 /// The border width of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-border-width !default;
 /// The background color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-bg: $kendo-toolbar-bg !default;
 /// The text color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-text: null !default;
 /// The border color of the FileManager Breadcrumb.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-breadcrumb-border: null !default;
 
 /// The background color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-bg: null !default;
 /// The text color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-text: null !default;
 /// The border color of the FileManager ListView.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-border: null !default;
 
 /// The horizontal padding of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-padding-x: k-spacing(4) !default;
 /// The vertical padding of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-padding-y: k-spacing(4) !default;
 /// The width of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-width: 120px !default;
 /// The height of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-height: 120px !default;
 /// The background color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-bg: null !default;
 /// The text color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-text: null !default;
 /// The border color of the FileManager ListView item.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-border: null !default;
 
 /// The background color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-bg: null !default;
 /// The text color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint($kendo-file-manager-text, 4)) !default;
 /// The border color of the FileManager ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-border: null !default;
 /// Background color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-bg: null !default;
 /// Text color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-text: inherit !default;
 /// Border color of the FileManager selected ListView item icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-listview-item-icon-selected-border: null !default;
 
 /// The background color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-bg: null !default;
 /// The text color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-text: null !default;
 /// The border color of the FileManager Grid.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-grid-border: null !default;
 
 /// The horizontal padding of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-padding-x: $kendo-file-manager-spacer !default;
 /// The vertical padding of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-padding-y: $kendo-file-manager-spacer !default;
 /// The width of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-width: 20% !default;
 /// The border width of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-border-width: $kendo-file-manager-border-width !default;
 /// The spacing of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
 /// The gap between the columns in the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-column-gap: k-spacing(1) !default;
 /// The background color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-bg: null !default;
 /// The text color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-text: null !default;
 /// The border color of the FileManager preview.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-border: null !default;
 
 /// The background color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-bg: null !default;
 /// The text color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( subtle ), k-try-tint($kendo-file-manager-text, 4)) !default;
 /// The border color of the FileManager preview icon.
-/// @group filemanager
+/// @group file-manager
 $kendo-file-manager-preview-icon-border: null !default;
 
 // #endregion
@@ -51051,9 +51102,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
@@ -51644,7 +51692,7 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
         }
 
         &.k-disabled {
-            @include disabled( $kendo-disabled-styling );
+            @include disabled( $kendo-disabled-styling... );
         }
     }
 
@@ -51717,9 +51765,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
@@ -52602,9 +52647,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
@@ -52937,14 +52979,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
@@ -54455,14 +54495,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
@@ -56058,9 +56096,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
@@ -56879,9 +56914,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
@@ -57093,9 +57125,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
@@ -57848,9 +57877,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.
@@ -58266,9 +58292,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
@@ -58426,9 +58449,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
@@ -58837,13 +58857,6 @@ $_kendo-module-meta: (
     dependencies: ()
 );
 
-
-// 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
@@ -59077,9 +59090,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
@@ -59924,9 +59934,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.
@@ -60205,9 +60212,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
@@ -60827,6 +60831,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