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

package/scss/taskboard/_index.scss

@@ -1,60 +1,32 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "task-board",
-    dependencies: (
-        "action-buttons",
-        "badge",
-        "button",
-        "card",
-        "dialog",
-        "form",
-        "icon",
-        "input",
-        "menu",
-        "menu-button",
-        "searchbox",
-        "textbox",
-        "toolbar",
-        "window"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../forms/_index.scss";
-@import "../input/_index.scss";
-@import "../textbox/_index.scss";
-@import "../searchbox/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../card/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../textbox/_index.scss" as *;
+@use "../searchbox/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../card/_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-task-board--styles() {
-    @include module-render( "task-board" ) {
+    @include import-once( "task-board" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-form--styles();
+        @include kendo-input--styles();
+        @include kendo-textbox--styles();
+        @include kendo-searchbox--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-card--styles();
         @include kendo-task-board--layout();
         @include kendo-task-board--theme();
         @include kendo-utils--typography--text-overflow();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-task-board--styles();
-}

package/scss/taskboard/_layout.scss

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

package/scss/taskboard/_theme.scss

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

package/scss/taskboard/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../card/_variables.scss" as *;
+
 // TaskBoard
 
 /// The spacing index of the TaskBoard.

package/scss/textarea/_index.scss

@@ -1,39 +1,20 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "textarea",
-    dependencies: (
-        "button",
-        "floating-label",
-        "icon",
-        "input"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_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-textarea--styles() {
-    @include module-render( "textarea" ) {
+    @include import-once( "textarea" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-floating-label--styles();
         @include kendo-textarea--layout();
         @include kendo-textarea--theme();
         @include kendo-utils--flex-grid--align-items();
@@ -44,7 +25,3 @@ $_kendo-module-meta: (
         @include kendo-utils--interactivity--resize();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-textarea--styles();
-}

package/scss/textbox/_index.scss

@@ -1,43 +1,20 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "textbox",
-    dependencies: (
-        "button",
-        "floating-label",
-        "icon",
-        "input"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../floating-label/_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-textbox--styles() {
-    @include module-render( "textbox" ) {
+    @include import-once( "textbox" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-floating-label--styles();
         @include kendo-textbox--layout();
         @include kendo-textbox--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-textbox--styles();
-}

package/scss/tilelayout/_index.scss

@@ -1,38 +1,20 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "tile-layout",
-    dependencies: (
-        "button",
-        "card",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../card/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../card/_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-tile-layout--styles() {
-    @include module-render( "tile-layout" ) {
+    @include import-once( "tile-layout" ) {
+        @include core-styles();
+        @include kendo-card--styles();
+        @include kendo-icon--styles();
         @include kendo-tile-layout--layout();
         @include kendo-tile-layout--theme();
         @include kendo-utils--interactivity--resize();
@@ -40,7 +22,3 @@ $_kendo-module-meta: (
         @include kendo-utils--flex-grid--grid-auto-flow();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-tile-layout--styles();
-}

package/scss/tilelayout/_layout.scss

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

package/scss/tilelayout/_theme.scss

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

package/scss/tilelayout/_variables.scss

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

package/scss/time-marker/_index.scss

@@ -1,32 +1,16 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-marker",
-    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-time-marker--styles() {
-    @include module-render( "time-marker" ) {
+    @include import-once( "time-marker" ) {
+        @include core-styles();
         @include kendo-time-marker--layout();
         @include kendo-time-marker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-marker--styles();
-}

package/scss/time-marker/_layout.scss

@@ -1,3 +1,5 @@
+@use "./_variables.scss" as *;
+
 @mixin kendo-time-marker--layout-base() {
 
     .k-current-time {

package/scss/time-marker/_theme.scss

@@ -1,3 +1,5 @@
+@use "./_variables.scss" as *;
+
 @mixin kendo-time-marker--theme-base() {
 
     .k-current-time {

package/scss/timedurationpicker/_index.scss

@@ -1,50 +1,28 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-duration-picker",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "input",
-        "list",
-        "popup",
-        "time-selector"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
-@import "../timeselector/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_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-time-duration-picker--styles() {
-    @include module-render( "time-duration-picker" ) {
+    @include import-once( "time-duration-picker" ) {
+        @include core-styles();
+        @include kendo-icon--styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
         @include kendo-time-duration-picker--layout();
         @include kendo-time-duration-picker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-duration-picker--styles();
-}

package/scss/timeline/_index.scss

@@ -1,43 +1,22 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "timeline",
-    dependencies: (
-        "button",
-        "card",
-        "icon"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../card/_index.scss";
-@import "../icons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../card/_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-timeline--styles() {
-    @include module-render( "timeline" ) {
+    @include import-once( "timeline" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-card--styles();
+        @include kendo-icon--styles();
         @include kendo-timeline--layout();
         @include kendo-timeline--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-timeline--styles();
-}

package/scss/timeline/_layout.scss

@@ -1,3 +1,9 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "./variables.scss" as *;
+@use "../card/_variables.scss" as *;
+
 @mixin kendo-timeline--layout-base() {
 
     .k-timeline {
@@ -219,7 +225,7 @@
         .k-timeline-circle {
             margin-top: $kendo-timeline-track-event-offset;
             transform: translate(-50%, -50%);
-            margin-right: - k-math-div( $kendo-timeline-circle-width, 2 );
+            margin-right: - math.div( $kendo-timeline-circle-width, 2 );
         }
 
         &.k-timeline-alternating {

package/scss/timeline/_theme.scss

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

package/scss/timeline/_variables.scss

@@ -1,3 +1,8 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../button/_variables.scss" as *;
+@use "../card/_variables.scss" as *;
+
 // Timeline
 
 /// The horizontal spacing of the Timeline.
@@ -154,7 +159,7 @@ $kendo-timeline-circle-bg: $kendo-color-primary !default;
 
 /// The horizontal padding of the Timeline collapse arrow.
 /// @group timeline
-$kendo-timeline-collapse-arrow-padding-x: $kendo-padding-md-x !default;
+$kendo-timeline-collapse-arrow-padding-x: k-spacing(2) !default;
 
 /// The width of the Timeline event.
 /// @group timeline

package/scss/timepicker/_index.scss

@@ -1,49 +1,26 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-picker",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "input",
-        "list",
-        "popup",
-        "time-selector"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../button/_index.scss";
-@import "../popup/_index.scss";
-@import "../list/_index.scss";
-@import "../timeselector/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../popup/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../timeselector/_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-time-picker--styles() {
-    @include module-render( "time-picker" ) {
+    @include import-once( "time-picker" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-button--styles();
+        @include kendo-popup--styles();
+        @include kendo-list--styles();
+        @include kendo-time-selector--styles();
         @include kendo-time-picker--layout();
         @include kendo-time-picker--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-picker--styles();
-}

package/scss/timeselector/_index.scss

@@ -1,44 +1,22 @@
-@import "../core/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "time-selector",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "icon",
-        "list"
-    )
-);
-
-
 // Dependencies
-@import "../list/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../button/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../list/_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-time-selector--styles() {
-    @include module-render( "time-selector" ) {
+    @include import-once( "time-selector" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-list--styles();
         @include kendo-time-selector--layout();
         @include kendo-time-selector--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-time-selector--styles();
-}