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

package/scss/popup/_index.scss

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

package/scss/popup/_layout.scss

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

package/scss/popup/_theme.scss

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

package/scss/popup/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 /// Horizontal padding of the popup.
 /// @group popup
 $kendo-popup-padding-x: null !default;

package/scss/progressbar/_index.scss

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

package/scss/progressbar/_layout.scss

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

package/scss/progressbar/_theme.scss

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

package/scss/progressbar/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // ProgressBar
 
 /// The height of the ProgressBar.

package/scss/prompt/_index.scss

@@ -1,34 +1,18 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "prompt",
-    dependencies: ()
-);
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_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-prompt--styles() {
-    @include module-render( "prompt" ) {
+    @include import-once( "prompt" ) {
+        @include core-styles();
         @include kendo-prompt--layout();
         @include kendo-prompt--theme();
         @include kendo-utils--flex-grid--flex-direction();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-prompt--styles();
-}

package/scss/prompt/_layout.scss

@@ -1,3 +1,5 @@
+@use "./variables.scss" as *;
+
 @mixin kendo-prompt--layout-base() {
 
     // Prompt

package/scss/prompt/_theme.scss

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

package/scss/prompt/_variables.scss

@@ -1,3 +1,6 @@
+@use "../core/_index.scss" as *;
+
+
 // AIPrompt
 
 /// The text color of the AIPrompt.

package/scss/radio/_index.scss

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

package/scss/radio/_layout.scss

@@ -1,3 +1,7 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-radio--layout-base() {
 
     // Radio
@@ -188,9 +192,9 @@
 
     // Radio size
     @each $size, $size-props in $kendo-radio-sizes {
-        $_size: k-map-get( $size-props, size );
-        $_glyph-size: k-map-get( $size-props, glyph-size );
-        $_ripple-size: k-map-get( $size-props, ripple-size );
+        $_size: map.get( $size-props, size );
+        $_glyph-size: map.get( $size-props, glyph-size );
+        $_ripple-size: map.get( $size-props, ripple-size );
 
         .k-radio-#{$size} {
             width: $_size;

package/scss/radio/_theme.scss

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

package/scss/radio/_variables.scss

@@ -1,5 +1,7 @@
-@import "../list/_variables.scss";
-@import "../checkbox/_variables.scss";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../checkbox/_variables.scss" as *;
 
 
 // Radio button

package/scss/rating/_index.scss

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

package/scss/rating/_layout.scss

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

package/scss/rating/_theme.scss

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

package/scss/rating/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
 // Rating
 
 /// The font family of the Rating.
@@ -12,21 +16,21 @@ $kendo-rating-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The horizontal margin of the Rating container.
 /// @group rating
-$kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
+$kendo-rating-container-margin-x: k-spacing(1) !default;
 
 /// The horizontal padding of the Rating item.
 /// @group rating
-$kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
+$kendo-rating-item-padding-x: k-spacing(1) !default;
 /// The vertical padding of the Rating item.
 /// @group rating
-$kendo-rating-item-padding-y: $kendo-padding-md-y !default;
+$kendo-rating-item-padding-y: k-spacing(1) !default;
 
 /// The horizontal margin of the Rating label.
 /// @group rating
-$kendo-rating-label-margin-x: $kendo-padding-md-x !default;
+$kendo-rating-label-margin-x: k-spacing(2) !default;
 /// The vertical margin of the Rating label.
 /// @group rating
-$kendo-rating-label-margin-y: $kendo-padding-md-y !default;
+$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;

package/scss/responsivepanel/_index.scss

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

package/scss/ripple/_index.scss

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

package/scss/scheduler/_index.scss

@@ -1,66 +1,32 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "scheduler",
-    dependencies: (
-        "action-buttons",
-        "adaptive",
-        "button",
-        "calendar",
-        "checkbox",
-        "date-time-picker",
-        "dialog",
-        "dropdown-list",
-        "form",
-        "icon",
-        "numeric-textbox",
-        "radio",
-        "textarea",
-        "textbox",
-        "toolbar",
-        "tooltip",
-        "time-marker",
-        "window",
-        "no-data"
-    )
-);
-
-
 // Dependencies
-@import "../icons/_index.scss";
-@import "../adaptive/_index.scss";
-@import "../button/_index.scss";
-@import "../datetimepicker/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../dialog/_index.scss";
-@import "../tooltip/_index.scss";
-@import "../no-data/_index.scss";
-
+@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 *;
 
 // 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-scheduler--styles() {
-    @include module-render( "scheduler" ) {
+    @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-scheduler--layout();
         @include kendo-scheduler--theme();
         @include kendo-utils--typography--text-overflow();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-scheduler--styles();
-}

package/scss/scheduler/_layout.scss

@@ -1,3 +1,9 @@
+@use "sass:list";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 @mixin kendo-scheduler--layout-base() {
 
     // Layout
@@ -384,7 +390,7 @@
         cursor: default;
         position: absolute;
         overflow: hidden;
-        padding-right: $kendo-padding-md-x;
+        padding-inline-end: $kendo-scheduler-appointments-padding;
 
         > div {
             position: relative;
@@ -394,10 +400,10 @@
         // Template
         .k-event-template {
             line-height: $kendo-scheduler-event-line-height;
-            padding-block: $kendo-padding-md-y;
-            padding-inline: $kendo-padding-md-x;
+            padding-block: $kendo-scheduler-event-template-padding-y;
+            padding-inline: $kendo-scheduler-event-template-padding-x;
             // TODO: incompatible units
-            // padding-right: $kendo-padding-sm-x + k-spacing(4);
+            // padding-right: k-spacing(1) + k-spacing(4);
         }
         .k-event-time {
             padding-bottom: 0;
@@ -413,7 +419,7 @@
             position: absolute;
             top: 0;
             bottom: 0;
-            right: $kendo-padding-md-x;
+            right: $kendo-scheduler-event-actions-inset-x;
             z-index: 2;
 
             .k-event-delete {
@@ -434,7 +440,7 @@
 
         // Indicators
         .k-event-actions:first-child {
-            margin: $kendo-padding-sm-y .4ex 0 $kendo-padding-sm-x;
+            margin: $kendo-scheduler-indicators-margin;
             top: 0;
             right: 0;
             float: left;
@@ -566,12 +572,12 @@
             position: absolute;
         }
         .k-label-top {
-            left: $kendo-padding-sm-x;
-            top: $kendo-padding-sm-y;
+            left: $kendo-scheduler-marquee-label-inset-x;
+            top: $kendo-scheduler-marquee-label-inset-y;
         }
         .k-label-bottom {
-            right: $kendo-padding-sm-x;
-            bottom: $kendo-padding-sm-y;
+            right: $kendo-scheduler-marquee-label-inset-x;
+            bottom: $kendo-scheduler-marquee-label-inset-y;
         }
 
         // Angle tingie
@@ -711,8 +717,8 @@
         .k-task > .k-event-delete {
             color: inherit;
             position: absolute;
-            top: $kendo-padding-sm-y;
-            right: $kendo-padding-sm-y;
+            top: $kendo-scheduler-marquee-label-inset-y;
+            right: $kendo-scheduler-marquee-label-inset-y;
             opacity: .5;
             visibility: hidden;
         }
@@ -942,7 +948,7 @@
 
         .k-event {
             padding-right: 0;
-            padding-left: $kendo-padding-md-x;
+            padding-left: $kendo-scheduler-tooltip-event-padding-x;
 
             .k-resize-w {
                 left: auto;
@@ -960,7 +966,7 @@
             }
 
             .k-event-actions:first-child {
-                margin: $kendo-padding-sm-y $kendo-padding-sm-x 0 .4ex;
+                margin: $kendo-scheduler-rtl-indicators-margin;
                 float: right;
             }
         }
@@ -1027,7 +1033,7 @@
 
         .k-scheduler-yearview .k-calendar-view .k-month {
             margin-block: 0;
-            margin-inline: k-math-div( $kendo-scheduler-yearview-calendar-gap, 2 );
+            margin-inline: list.slash( $kendo-scheduler-yearview-calendar-gap, 2 );
         }
     }