@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/rating/_variables.scss

@@ -0,0 +1,84 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
+// Rating
+
+/// The font family of the Rating.
+/// @group rating
+$kendo-rating-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Rating.
+/// @group rating
+$kendo-rating-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Rating.
+/// @group rating
+$kendo-rating-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The horizontal margin of the Rating container.
+/// @group rating
+$kendo-rating-container-margin-x: k-spacing(1) !default;
+
+/// The horizontal padding of the Rating item.
+/// @group rating
+$kendo-rating-item-padding-x: k-spacing(1) !default;
+/// The vertical padding of the Rating item.
+/// @group rating
+$kendo-rating-item-padding-y: k-spacing(1) !default;
+
+/// The horizontal margin of the Rating label.
+/// @group rating
+$kendo-rating-label-margin-x: k-spacing(2) !default;
+/// The vertical margin of the Rating label.
+/// @group rating
+$kendo-rating-label-margin-y: k-spacing(1) !default;
+/// The line height of the Rating label.
+/// @group rating
+$kendo-rating-label-line-height: var( --kendo-line-height-lg, normal ) !default;
+
+/// The text color of the Rating icon.
+/// @group rating
+$kendo-rating-icon-text: k-color(on-app-surface) !default;
+/// The text color of the selected Rating icon.
+/// @group rating
+$kendo-rating-icon-selected-text: k-color(secondary) !default;
+/// The text color of the hovered Rating icon.
+/// @group rating
+$kendo-rating-icon-hover-text: k-color(secondary) !default;
+/// The text color of the focused Rating icon.
+/// @group rating
+$kendo-rating-icon-focus-text: k-color(secondary) !default;
+
+/// The shadow of the focused Rating icon.
+/// @group rating
+$kendo-rating-icon-focus-shadow: none !default;
+/// The shadow of the focused and selected Rating icon.
+/// @group rating
+$kendo-rating-icon-focus-selected-shadow: none !default;
+
+/// The outline color of the focused Rating.
+/// @group rating
+$kendo-rating-focus-outline-color: k-color(subtle) !default;
+/// The outline width of the focused Rating.
+/// @group rating
+$kendo-rating-focus-outline-width: 1px !default;
+/// The outline offset of the focused Rating.
+/// @group rating
+$kendo-rating-focus-outline-offset: 1px !default;
+
+@forward "@progress/kendo-theme-core/scss/components/rating/_variables.scss" with (
+    $kendo-rating-font-family: $kendo-rating-font-family,
+    $kendo-rating-font-size: $kendo-rating-font-size,
+    $kendo-rating-line-height: $kendo-rating-line-height,
+    $kendo-rating-container-margin-x: $kendo-rating-container-margin-x,
+    $kendo-rating-item-padding-x: $kendo-rating-item-padding-x,
+    $kendo-rating-item-padding-y: $kendo-rating-item-padding-y,
+    $kendo-rating-label-margin-x: $kendo-rating-label-margin-x,
+    $kendo-rating-label-margin-y: $kendo-rating-label-margin-y,
+    $kendo-rating-label-line-height: $kendo-rating-label-line-height,
+    $kendo-rating-icon-text: $kendo-rating-icon-text,
+    $kendo-rating-icon-selected-text: $kendo-rating-icon-selected-text,
+    $kendo-rating-icon-hover-text: $kendo-rating-icon-hover-text,
+    $kendo-rating-icon-focus-text: $kendo-rating-icon-focus-text,
+    $kendo-rating-icon-focus-shadow: $kendo-rating-icon-focus-shadow,
+    $kendo-rating-icon-focus-selected-shadow: $kendo-rating-icon-focus-selected-shadow
+);

package/scss/responsivepanel/_index.scss

@@ -0,0 +1,18 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-responsive-panel--styles() {
+    @include import-once( "responsive-panel" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-responsive-panel--layout();
+        @include kendo-responsive-panel--theme();
+    }
+}

package/scss/responsivepanel/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/responsivepanel/_layout.scss" as *;
+
+
+@mixin kendo-responsive-panel--layout() {
+    @include kendo-responsive-panel--layout-base();
+}

package/scss/responsivepanel/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/responsivepanel/_theme.scss" as *;
+
+
+@mixin kendo-responsive-panel--theme() {
+    @include kendo-responsive-panel--theme-base();
+}

package/scss/responsivepanel/_variables.scss

@@ -0,0 +1 @@
+// Responsive panel

package/scss/ripple/_index.scss

@@ -0,0 +1,16 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-ripple--styles() {
+    @include import-once( "ripple" ) {
+        @include core-styles();
+        @include kendo-ripple--layout();
+        @include kendo-ripple--theme();
+    }
+}

package/scss/ripple/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/ripple/_layout.scss" as *;
+
+
+@mixin kendo-ripple--layout() {
+    @include kendo-ripple--layout-base();
+}

package/scss/ripple/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/ripple/_theme.scss" as *;
+
+
+@mixin kendo-ripple--theme() {
+    @include kendo-ripple--theme-base();
+}

package/scss/ripple/_variables.scss

@@ -0,0 +1 @@
+// Ripple

package/scss/scheduler/_index.scss

@@ -0,0 +1,34 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../adaptive/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../tooltip/_index.scss" as *;
+@use "../time-marker/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-scheduler--styles() {
+    @include import-once( "scheduler" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-adaptive--styles();
+        @include kendo-button--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-dialog--styles();
+        @include kendo-tooltip--styles();
+        @include kendo-time-marker--styles();
+        @include kendo-scheduler--layout();
+        @include kendo-scheduler--theme();
+        @include kendo-utils--typography--text-overflow();
+    }
+}

package/scss/scheduler/_layout.scss

@@ -0,0 +1,22 @@
+@use "@progress/kendo-theme-core/scss/components/scheduler/_layout.scss" as *;
+
+
+@mixin kendo-scheduler--layout() {
+    @include kendo-scheduler--layout-base();
+
+    .k-scheduler-header .k-scheduler-cell {
+        font-size: var(--kendo-font-size-sm);
+        font-weight: var(--kendo-font-weight-medium);
+    }
+
+    .k-scheduler-times .k-scheduler-cell {
+        font-size: var(--kendo-font-size-sm);
+        line-height: var(--kendo-line-height-xs);
+        font-weight: var(--kendo-font-weight-normal);
+    }
+
+    .k-scheduler-toolbar,
+    .k-scheduler-footer {
+        border-radius: 0;
+    }
+}

package/scss/scheduler/_theme.scss

@@ -0,0 +1,21 @@
+@use "../core/_index.scss" as *;
+@use "variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/scheduler/_theme.scss" as *;
+@use "./variables.scss" as *;
+
+
+@mixin kendo-scheduler--theme() {
+    @include kendo-scheduler--theme-base();
+
+    .k-scheduler-times {
+        color: $kendo-scheduler-timecolumn-text;
+    }
+
+    .k-scheduler {
+        background-color: unset;
+    }
+
+    .k-scheduler-layout {
+        background-color: $kendo-scheduler-bg;
+    }
+}

package/scss/scheduler/_variables.scss

@@ -0,0 +1,351 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../calendar/_variables.scss" as *;
+
+// Scheduler
+
+/// The width of the border around the Scheduler.
+/// @group scheduler
+$kendo-scheduler-border-width: 1px !default;
+/// The border radius of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-border-radius: k-border-radius(xxl) !default;
+/// The font family of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The background color of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-bg: k-color(surface-alt) !default;
+/// The text color of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-text: k-color(on-app-surface) !default;
+/// The border color of the Scheduler.
+/// @group scheduler
+$kendo-scheduler-border: k-color(border) !default;
+
+/// The background color of the Scheduler ToolBar.
+/// @group scheduler
+$kendo-scheduler-toolbar-bg: k-translucency-bg($kendo-toolbar-bg) !default;
+/// The text color of the Scheduler ToolBar.
+/// @group scheduler
+$kendo-scheduler-toolbar-text: $kendo-toolbar-text !default;
+/// The border color of the Scheduler ToolBar.
+/// @group scheduler
+$kendo-scheduler-toolbar-border: $kendo-toolbar-border !default;
+/// The gradient of the Scheduler ToolBar.
+/// @group scheduler
+$kendo-scheduler-toolbar-gradient: $kendo-toolbar-gradient !default;
+
+/// The background color of the Scheduler footer.
+/// @group scheduler
+$kendo-scheduler-footer-bg: k-translucency-bg($kendo-toolbar-bg) !default;
+/// The text color of the Scheduler footer.
+/// @group scheduler
+$kendo-scheduler-footer-text: $kendo-toolbar-text !default;
+/// The border color of the Scheduler footer.
+/// @group scheduler
+$kendo-scheduler-footer-border: $kendo-toolbar-border !default;
+/// The gradient of the Scheduler footer.
+/// @group scheduler
+$kendo-scheduler-footer-gradient: $kendo-toolbar-gradient !default;
+
+/// The minimum height of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-min-height: 25px !default;
+/// The border radius of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-border-radius: k-border-radius(sm) !default;
+/// The line height of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{k-spacing(1)}) ) !default;
+
+/// The background color of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-bg: k-color(secondary-subtle) !default;
+/// The text color of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-text: k-color(secondary-on-subtle) !default;
+/// The border color of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-border: k-color(secondary-subtle) !default;
+/// The gradient of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-gradient: null !default;
+/// The shadow of the Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-shadow: inset 3px 0 0 0 k-color(secondary) !default;
+
+/// The background color of the hovered Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-hover-bg: null !default;
+/// The text color of the hovered Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-hover-text: null !default;
+/// The border color of the hovered Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-hover-border: null !default;
+/// The gradient of the hovered Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-hover-gradient: null !default;
+/// The shadow of the hovered Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-hover-shadow: null !default;
+
+/// The background color of the selected Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-selected-bg: k-color(secondary-subtle) !default;
+/// The text color of the selected Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-selected-text: k-color(secondary-on-subtle) !default;
+/// The border color of the selected Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-selected-border: null !default;
+/// The gradient of the selected Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-selected-gradient: null !default;
+/// The shadow of the selected Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(secondary-on-surface) !default;
+
+/// The shadow of the ongoing Scheduler event.
+/// @group scheduler
+$kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
+
+/// The horizontal padding of the Scheduler cell.
+/// @group scheduler
+$kendo-scheduler-cell-padding-x: k-spacing(2.5) !default;
+/// The vertical padding of the Scheduler cell.
+/// @group scheduler
+$kendo-scheduler-cell-padding-y: k-spacing(2.5) !default;
+/// The height of the Scheduler cell.
+/// @group scheduler
+$kendo-scheduler-cell-height: $kendo-line-height-em !default;
+/// The width of the Scheduler date column.
+/// @group scheduler
+$kendo-scheduler-datecolumn-width: 12em !default;
+/// The width of the Scheduler time column.
+/// @group scheduler
+$kendo-scheduler-timecolumn-width: 11em !default;
+
+/// The background color of the non-working hours in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-nonwork-bg: k-color(base) !default;
+/// The text color of the non-working hours in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-nonwork-text: null !default;
+
+/// The text color of the Scheduler time column.
+/// @group scheduler
+$kendo-scheduler-timecolumn-text: k-color(subtle) !default;
+
+/// The background color of the preceding/subsequent month cells in the Calendar.
+/// @group scheduler
+$kendo-scheduler-othermonth-bg: k-color(base) !default;
+/// The text color of the preceding/subsequent month cells in the Calendar.
+/// @group scheduler
+$kendo-scheduler-othermonth-text: null !default;
+
+/// The horizontal padding of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-padding-x: k-spacing(3) !default;
+/// The vertical padding of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-x !default;
+
+/// The spacing between the calendars of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-calendar-gap: k-spacing(3) !default;
+
+/// The days with events indicator size of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-size: 3px !default;
+/// The top position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-calc-offset-top: calc( #{$kendo-calendar-cell-size} - (#{$kendo-calendar-cell-padding-y} * 2)) !default;
+/// The left position of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-calc-offset-left: calc( 50% - #{math.div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+/// The border radius of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-border-radius: 50% !default;
+/// The background color of the days with events indicator of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-bg: k-color(primary) !default;
+/// The background color of the selected days with events indicator of the year view in the Scheduler.
+/// @group scheduler
+$kendo-scheduler-yearview-indicator-selected-bg: k-color(on-primary) !default;
+
+/// The horizontal padding of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-padding-y: k-spacing(2) !default;
+/// The width of the border of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-border-width: 0 !default;
+/// The background color of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-bg: k-color(on-primary) !default;
+/// The text color of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-text: k-color(on-app-surface) !default;
+/// The border color of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-border: null !default;
+/// The shadow of the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
+
+/// The vertical margin of the Scheduler Tooltip title.
+/// @group scheduler
+$kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
+/// The font size of the month inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font size of the day inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
+
+/// The max height of the events inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-events-max-height: 250px !default;
+/// The spacing between the events inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-events-gap: k-spacing(1) !default;
+
+/// The horizontal padding of the events inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-event-padding-x: k-spacing(2) !default;
+/// The vertical padding of the events inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-event-padding-y: k-spacing(1) !default;
+/// The border radius of the events inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-event-border-radius: k-border-radius(md) !default;
+/// The spacing between the events items inside the Scheduler Tooltip.
+/// @group scheduler
+$kendo-scheduler-tooltip-event-gap: k-spacing(1) !default;
+
+/// The color of the Scheduler Tooltip callout.
+/// @group scheduler
+$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
+
+/// The padding of the Scheduler appointments.
+/// @group scheduler
+$kendo-scheduler-appointments-padding: k-spacing(2) !default;
+
+/// The horizontal padding of the Scheduler event template.
+/// @group scheduler
+$kendo-scheduler-event-template-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Scheduler event template.
+/// @group scheduler
+$kendo-scheduler-event-template-padding-y: k-spacing(1) !default;
+
+/// The inline inset of the Scheduler event actions.
+/// @group scheduler
+$kendo-scheduler-event-actions-inset-x: k-spacing(2) !default;
+
+/// The margin of the Scheduler event indicators.
+/// @group scheduler
+$kendo-scheduler-indicators-margin: k-spacing(0.5) k-spacing(1) !default;
+
+/// The inline inset of the Scheduler marquee labels.
+/// @group scheduler
+$kendo-scheduler-marquee-label-inset-x: k-spacing(1) !default;
+/// The block inset of the Scheduler marquee labels.
+/// @group scheduler
+$kendo-scheduler-marquee-label-inset-y: k-spacing(0.5) !default;
+
+/// The background color of the Scheduler header.
+/// @group scheduler
+$kendo-scheduler-header-bg: k-translucency-bg(k-color(surface)) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
+    $kendo-scheduler-border-width: $kendo-scheduler-border-width,
+    $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
+    $kendo-scheduler-font-family: $kendo-scheduler-font-family,
+    $kendo-scheduler-font-size: $kendo-scheduler-font-size,
+    $kendo-scheduler-line-height: $kendo-scheduler-line-height,
+    $kendo-scheduler-bg: $kendo-scheduler-bg,
+    $kendo-scheduler-text: $kendo-scheduler-text,
+    $kendo-scheduler-border: $kendo-scheduler-border,
+    $kendo-scheduler-toolbar-bg: $kendo-scheduler-toolbar-bg,
+    $kendo-scheduler-toolbar-text: $kendo-scheduler-toolbar-text,
+    $kendo-scheduler-toolbar-border: $kendo-scheduler-toolbar-border,
+    $kendo-scheduler-toolbar-gradient: $kendo-scheduler-toolbar-gradient,
+    $kendo-scheduler-footer-bg: $kendo-scheduler-footer-bg,
+    $kendo-scheduler-footer-text: $kendo-scheduler-footer-text,
+    $kendo-scheduler-footer-border: $kendo-scheduler-footer-border,
+    $kendo-scheduler-footer-gradient: $kendo-scheduler-footer-gradient,
+    $kendo-scheduler-event-min-height: $kendo-scheduler-event-min-height,
+    $kendo-scheduler-event-border-radius: $kendo-scheduler-event-border-radius,
+    $kendo-scheduler-event-line-height: $kendo-scheduler-event-line-height,
+    $kendo-scheduler-event-bg: $kendo-scheduler-event-bg,
+    $kendo-scheduler-event-text: $kendo-scheduler-event-text,
+    $kendo-scheduler-event-border: $kendo-scheduler-event-border,
+    $kendo-scheduler-event-gradient: $kendo-scheduler-event-gradient,
+    $kendo-scheduler-event-shadow: $kendo-scheduler-event-shadow,
+    $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-hover-bg,
+    $kendo-scheduler-event-hover-text: $kendo-scheduler-event-hover-text,
+    $kendo-scheduler-event-hover-border: $kendo-scheduler-event-hover-border,
+    $kendo-scheduler-event-hover-gradient: $kendo-scheduler-event-hover-gradient,
+    $kendo-scheduler-event-hover-shadow: $kendo-scheduler-event-hover-shadow,
+    $kendo-scheduler-event-selected-bg: $kendo-scheduler-event-selected-bg,
+    $kendo-scheduler-event-selected-text: $kendo-scheduler-event-selected-text,
+    $kendo-scheduler-event-selected-border: $kendo-scheduler-event-selected-border,
+    $kendo-scheduler-event-selected-gradient: $kendo-scheduler-event-selected-gradient,
+    $kendo-scheduler-event-selected-shadow: $kendo-scheduler-event-selected-shadow,
+    $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
+    $kendo-scheduler-cell-padding-x: $kendo-scheduler-cell-padding-x,
+    $kendo-scheduler-cell-padding-y: $kendo-scheduler-cell-padding-y,
+    $kendo-scheduler-cell-height: $kendo-scheduler-cell-height,
+    $kendo-scheduler-datecolumn-width: $kendo-scheduler-datecolumn-width,
+    $kendo-scheduler-timecolumn-width: $kendo-scheduler-timecolumn-width,
+    $kendo-scheduler-nonwork-bg: $kendo-scheduler-nonwork-bg,
+    $kendo-scheduler-nonwork-text: $kendo-scheduler-nonwork-text,
+    $kendo-scheduler-othermonth-bg: $kendo-scheduler-othermonth-bg,
+    $kendo-scheduler-othermonth-text: $kendo-scheduler-othermonth-text,
+    $kendo-scheduler-yearview-padding-x: $kendo-scheduler-yearview-padding-x,
+    $kendo-scheduler-yearview-padding-y: $kendo-scheduler-yearview-padding-y,
+    $kendo-scheduler-yearview-calendar-gap: $kendo-scheduler-yearview-calendar-gap,
+    $kendo-scheduler-yearview-indicator-size: $kendo-scheduler-yearview-indicator-size,
+    $kendo-scheduler-yearview-indicator-calc-offset-top: $kendo-scheduler-yearview-indicator-calc-offset-top,
+    $kendo-scheduler-yearview-indicator-calc-offset-left: $kendo-scheduler-yearview-indicator-calc-offset-left,
+    $kendo-scheduler-yearview-indicator-border-radius: $kendo-scheduler-yearview-indicator-border-radius,
+    $kendo-scheduler-yearview-indicator-bg: $kendo-scheduler-yearview-indicator-bg,
+    $kendo-scheduler-yearview-indicator-selected-bg: $kendo-scheduler-yearview-indicator-selected-bg,
+    $kendo-scheduler-tooltip-padding-x: $kendo-scheduler-tooltip-padding-x,
+    $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-y,
+    $kendo-scheduler-tooltip-border-width: $kendo-scheduler-tooltip-border-width,
+    $kendo-scheduler-tooltip-bg: $kendo-scheduler-tooltip-bg,
+    $kendo-scheduler-tooltip-text: $kendo-scheduler-tooltip-text,
+    $kendo-scheduler-tooltip-border: $kendo-scheduler-tooltip-border,
+    $kendo-scheduler-tooltip-shadow: $kendo-scheduler-tooltip-shadow,
+    $kendo-scheduler-tooltip-title-margin-y: $kendo-scheduler-tooltip-title-margin-y,
+    $kendo-scheduler-tooltip-month-font-size: $kendo-scheduler-tooltip-month-font-size,
+    $kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-day-font-size,
+    $kendo-scheduler-tooltip-events-max-height: $kendo-scheduler-tooltip-events-max-height,
+    $kendo-scheduler-tooltip-events-gap: $kendo-scheduler-tooltip-events-gap,
+    $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-tooltip-event-padding-x,
+    $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
+    $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
+    $kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
+    $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-text,
+    $kendo-scheduler-appointments-padding: $kendo-scheduler-appointments-padding,
+    $kendo-scheduler-event-template-padding-x: $kendo-scheduler-event-template-padding-x,
+    $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
+    $kendo-scheduler-event-actions-inset-x: $kendo-scheduler-event-actions-inset-x,
+    $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
+    $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
+    $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
+    $kendo-scheduler-header-bg: $kendo-scheduler-header-bg
+);

package/scss/scroller/_index.scss

@@ -0,0 +1,18 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-scroller--styles() {
+    @include import-once( "scroller" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-scroller--layout();
+        @include kendo-scroller--theme();
+    }
+}

package/scss/scroller/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/scroller/_layout.scss" as *;
+
+
+@mixin kendo-scroller--layout() {
+    @include kendo-scroller--layout-base();
+}

package/scss/scroller/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/scroller/_theme.scss" as *;
+
+
+@mixin kendo-scroller--theme() {
+    @include kendo-scroller--theme-base();
+}

package/scss/scroller/_variables.scss

@@ -0,0 +1 @@
+// Scroller

package/scss/scrollview/_index.scss

@@ -0,0 +1,20 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-scrollview--styles() {
+    @include import-once( "scrollview" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-icon--styles();
+        @include kendo-scrollview--layout();
+        @include kendo-scrollview--theme();
+    }
+}

package/scss/scrollview/_layout.scss

@@ -0,0 +1,11 @@
+@use "@progress/kendo-theme-core/scss/components/scrollview/_layout.scss" as *;
+@use "../core/index.scss" as *;
+
+
+@mixin kendo-scrollview--layout() {
+    @include kendo-scrollview--layout-base();
+
+    .k-scrollview-nav > .k-link {
+        transition: background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid);
+    }
+}