@progress/kendo-theme-default 9.1.1-dev.2 → 10.0.0-dev.1

package/scss/scheduler/_theme.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-scheduler--theme-base() {
 
     // Appearance

package/scss/scheduler/_variables.scss

@@ -1,3 +1,9 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../calendar/_variables.scss" as *;
+
 // Scheduler
 
 /// The width of the border around the Scheduler.
@@ -57,7 +63,7 @@ $kendo-scheduler-event-min-height: 25px !default;
 $kendo-scheduler-event-border-radius: k-border-radius(md) !default;
 /// The line height of the Scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{$kendo-padding-md-y}) ) !default;
+$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
@@ -167,7 +173,7 @@ $kendo-scheduler-yearview-indicator-size: 3px !default;
 $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% - #{k-math-div( $kendo-scheduler-yearview-indicator-size, 2 )} ) !default;
+$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;
@@ -233,3 +239,32 @@ $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) .4ex 0 k-spacing(1) !default;
+/// The margin of the Scheduler event indicators in rtl.
+/// @group scheduler
+$kendo-scheduler-rtl-indicators-margin: k-spacing(0.5) 0 k-spacing(1) .4ex !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;

package/scss/scroller/_index.scss

@@ -1,39 +1,18 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "scroller",
-    dependencies: (
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-scroller--styles() {
-    @include module-render( "scroller" ) {
+    @include import-once( "scroller" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
         @include kendo-scroller--layout();
         @include kendo-scroller--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-scroller--styles();
-}

package/scss/scrollview/_index.scss

@@ -1,41 +1,20 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "scrollview",
-    dependencies: (
-        "button",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-scrollview--styles() {
-    @include module-render( "scrollview" ) {
+    @include import-once( "scrollview" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-icon--styles();
         @include kendo-scrollview--layout();
         @include kendo-scrollview--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-scrollview--styles();
-}

package/scss/scrollview/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-scrollview--layout-base() {
 
     .k-scrollview {

package/scss/scrollview/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-scrollview--theme-base() {
 
    .k-scrollview {

package/scss/scrollview/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../button/_variables.scss" as *;
+
 // ScrollView
 
 /// The width of the border around the ScrollView.

package/scss/searchbox/_index.scss

@@ -1,44 +1,22 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "searchbox",
-    dependencies: (
-        "button",
-        "floating-label",
-        "icon",
-        "input"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-searchbox--styles() {
-    @include module-render( "searchbox" ) {
+    @include import-once( "searchbox" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
         @include kendo-searchbox--layout();
         @include kendo-searchbox--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-searchbox--styles();
-}

package/scss/signature/_index.scss

@@ -1,44 +1,20 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "signature",
-    dependencies: (
-        "button",
-        "color-picker",
-        "icon",
-        "input",
-        "split-button"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-signature--styles() {
-    @include module-render( "signature" ) {
+    @include import-once( "signature" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
         @include kendo-signature--layout();
         @include kendo-signature--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-signature--styles();
-}

package/scss/signature/_layout.scss

@@ -1,3 +1,6 @@
+@use "sass:map";
+@use "./variables.scss" as *;
+
 @mixin kendo-signature--layout-base() {
 
     .k-signature {
@@ -49,10 +52,10 @@
 
     // Sizes
     @each $size, $size-props in $kendo-signature-sizes {
-        $_padding-x: k-map-get($size-props, padding-x);
-        $_padding-y: k-map-get($size-props, padding-y);
-        $_line-size: k-map-get($size-props, line-size);
-        $_line-offset: k-map-get($size-props, line-offset);
+        $_padding-x: map.get($size-props, padding-x);
+        $_padding-y: map.get($size-props, padding-y);
+        $_line-size: map.get($size-props, line-size);
+        $_line-offset: map.get($size-props, line-offset);
 
         .k-signature-#{$size} {
             padding-inline: $_padding-x;

package/scss/signature/_theme.scss

@@ -1,3 +1,5 @@
+@use "./variables.scss" as *;
+
 @mixin kendo-signature--theme-base() {
 
     // Solid signature

package/scss/signature/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 $kendo-signature-width: 250px !default;
 $kendo-signature-height: 84px !default;
 

package/scss/skeleton/_index.scss

@@ -1,36 +1,16 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "skeleton",
-    dependencies: ()
-);
-
-
 // Dependencies
-
+@use "../core/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-skeleton--styles() {
-    @include module-render( "skeleton" ) {
+    @include import-once( "skeleton" ) {
+        @include core-styles();
         @include kendo-skeleton--layout();
         @include kendo-skeleton--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-skeleton--styles();
-}

package/scss/skeleton/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-skeleton--layout-base() {
 
     .k-skeleton {

package/scss/skeleton/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-skeleton--theme-base() {
 
     .k-skeleton {

package/scss/skeleton/_variables.scss

@@ -1,3 +1,4 @@
+@use "../core/_index.scss" as *;
 // Skeleton
 
 /// The transform scale of the Skeleton text.

package/scss/slider/_index.scss

@@ -1,43 +1,22 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "slider",
-    dependencies: (
-        "button",
-        "icon",
-        "tooltip"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../tooltip/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../tooltip/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-slider--styles() {
-    @include module-render( "slider" ) {
+    @include import-once( "slider" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-tooltip--styles();
+        @include kendo-icon--styles();
         @include kendo-slider--layout();
         @include kendo-slider--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-slider--styles();
-}

package/scss/slider/_layout.scss

@@ -1,3 +1,9 @@
+@use "sass:math";
+@use "sass:list";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../tooltip/_variables.scss" as *;
+
 @mixin kendo-slider--layout-base() {
 
     // Slider
@@ -277,14 +283,14 @@
     .k-slider-horizontal :is(.k-slider-track, .k-slider-selection) {
         height: $kendo-slider-track-thickness;
         left: 0;
-        margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
+        margin-top: - math.div( $kendo-slider-track-thickness, 2 );
         top: 50%;
     }
 
     .k-slider-vertical :is(.k-slider-track, .k-slider-selection) {
         bottom: 0;
         left: 50%;
-        margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
+        margin-left: - math.div( $kendo-slider-track-thickness, 2 );
         width: $kendo-slider-track-thickness;
     }
 
@@ -347,12 +353,12 @@
     .k-slider-tooltip {
         .k-callout-n,
         .k-callout-s {
-            margin-inline-start: - k-math-div( $kendo-tooltip-callout-size, 2 );
+            margin-inline-start: - list.slash( $kendo-tooltip-callout-size, 2 );
         }
 
         .k-callout-w,
         .k-callout-e {
-            margin-top: - k-math-div( $kendo-tooltip-callout-size, 2 );
+            margin-top: - list.slash( $kendo-tooltip-callout-size, 2 );
         }
     }
 

package/scss/slider/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-slider--theme-base() {
 
     // Slider

package/scss/slider/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // Slider
 /// The default size of the Slider.
 /// @group slider

package/scss/split-button/_index.scss

@@ -1,42 +1,24 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "split-button",
-    dependencies: (
-        "button",
-        "icon",
-        "menu"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../menu/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../menu/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
+// Dependencies
 
 
 // Expose
 @mixin kendo-split-button--styles() {
-    @include module-render( "split-button" ) {
+    @include import-once( "split-button" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-menu--styles();
         @include kendo-split-button--layout();
         @include kendo-split-button--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-split-button--styles();
-}

package/scss/split-button/_layout.scss

@@ -1,3 +1,5 @@
+@use "./_variables.scss" as *;
+
 @mixin kendo-split-button--layout-base() {
 
     // Split button

package/scss/split-button/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./_variables.scss" as *;
+
 @mixin kendo-split-button--theme-base() {
 
     // Split button

package/scss/split-button/_variables.scss

@@ -1,3 +1,5 @@
+@use "../button/_variables.scss" as *;
+
 // Split-button
 
 /// The focus shadow of the SplitButton.

package/scss/splitter/_index.scss

@@ -1,40 +1,22 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "splitter",
-    dependencies: (
-        "draggable",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
+// Dependencies
 
 
 // Expose
 @mixin kendo-splitter--styles() {
-    @include module-render( "splitter" ) {
+    @include import-once( "splitter" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
         @include kendo-splitter--layout();
         @include kendo-splitter--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-splitter--styles();
-}

package/scss/splitter/_layout.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-splitter--layout-base() {
 
     // Base

package/scss/splitter/_theme.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-splitter--theme-base() {
 
     // Splitter