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

package/scss/overlay/_index.scss

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

package/scss/overlay/_layout.scss

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

package/scss/overlay/_theme.scss

@@ -1,3 +1,5 @@
+@use "./_variables.scss" as *;
+
 @mixin kendo-overlay--theme-base() {
 
     // Overlay

package/scss/overlay/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 $kendo-overlay-theme-colors: $kendo-theme-colors !default;
 
 $kendo-overlay-bg: $kendo-color-black !default;

package/scss/pager/_index.scss

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

package/scss/pager/_layout.scss

@@ -1,3 +1,7 @@
+@use "sass:map";
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+
 @mixin kendo-pager--layout-base() {
 
     .k-pager {
@@ -147,11 +151,11 @@
 
     // Pager sizes
     @each $size, $size-props in $kendo-pager-sizes {
-        $_padding-x: k-map-get($size-props, padding-x);
-        $_padding-y: k-map-get($size-props, padding-y);
-        $_item-group-spacing: k-map-get($size-props, item-group-spacing);
-        $_item-min-width: k-map-get($size-props, item-min-width);
-        $_pager-dropdown-width: k-map-get($size-props, pager-dropdown-width);
+        $_padding-x: map.get($size-props, padding-x);
+        $_padding-y: map.get($size-props, padding-y);
+        $_item-group-spacing: map.get($size-props, item-group-spacing);
+        $_item-min-width: map.get($size-props, item-min-width);
+        $_pager-dropdown-width: map.get($size-props, pager-dropdown-width);
 
         .k-pager-#{$size} {
             padding-inline: $_padding-x;

package/scss/pager/_theme.scss

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

package/scss/pager/_variables.scss

@@ -1,5 +1,6 @@
-@import "../list/_variables.scss";
-
+@use "../core/_index.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../button/_variables.scss" as *;
 
 // Pager
 
@@ -76,6 +77,9 @@ $kendo-pager-focus-bg: null !default;
 /// The box shadow of the focused Pager.
 /// @group pager
 $kendo-pager-focus-shadow: $kendo-focus-shadow !default;
+/// The spacing between the sections of the Pager.
+/// @group pager
+$kendo-pager-section-spacing: null !default;
 
 /// The border width of the Pager items.
 /// @group pager

package/scss/panel/_index.scss

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

package/scss/panel/_variables.scss

@@ -1,34 +1,35 @@
+@use "../core/_index.scss" as *;
 
 /// The border radius of the Panel.
 /// @group panel
-$kendo-panel-border-radius: k-border-radius(md);
+$kendo-panel-border-radius: k-border-radius(md) !default;
 /// The width of the border around the Panel.
 /// @group panel
-$kendo-panel-border-width: 1px;
+$kendo-panel-border-width: 1px !default;
 /// The style of the border around the Panel.
 /// @group panel
-$kendo-panel-border-style: solid;
+$kendo-panel-border-style: solid !default;
 
 /// The inline padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-inline: k-spacing(2);
+$kendo-panel-header-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel header.
 /// @group panel
-$kendo-panel-header-padding-block: k-spacing(1);
+$kendo-panel-header-padding-block: k-spacing(1) !default;
 
 /// The inline padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-inline: k-spacing(2);
+$kendo-panel-content-padding-inline: k-spacing(2) !default;
 /// The block padding of the Panel content.
 /// @group panel
-$kendo-panel-content-padding-block: k-spacing(1);
+$kendo-panel-content-padding-block: k-spacing(1) !default;
 
 /// The text color of the Panel.
 /// @group panel
-$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text});
+$kendo-panel-text: var(--kendo-component-text, #{$kendo-component-text}) !default;
 /// The background color of the Panel.
 /// @group panel
-$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg});
+$kendo-panel-bg: var(--kendo-component-bg, #{$kendo-component-bg}) !default;
 /// The color of the border around the Panel.
 /// @group panel
-$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border});
+$kendo-panel-border: var(--kendo-component-border, #{$kendo-component-border}) !default;

package/scss/panelbar/_index.scss

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

package/scss/panelbar/_layout.scss

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

package/scss/panelbar/_theme.scss

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

package/scss/panelbar/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../list/_variables.scss" as *;
+
 // Panelbar
 
 /// The horizontal padding of the PanelBar.

package/scss/pdf-viewer/_index.scss

@@ -1,56 +1,33 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "pdf-viewer",
-    dependencies: (
-        "button",
-        "combobox",
-        "dialog",
-        "dropzone",
-        "icon",
-        "pager",
-        "textbox",
-        "toolbar",
-        "window"
-    )
-);
-
-
 // Dependencies
-@import "../combobox/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../dialog/_index.scss";
-@import "../pager/_index.scss";
-@import "../icons/_index.scss";
-@import "../dropzone/_index.scss";
-@import "../window/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../combobox/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+@use "../dropzone/_index.scss" as *;
+@use "../window/_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-pdf-viewer--styles() {
-    @include module-render( "pdf-viewer" ) {
+    @include import-once( "pdf-viewer" ) {
+        @include core-styles();
+        @include kendo-combobox--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-dialog--styles();
+        @include kendo-pager--styles();
+        @include kendo-icon--styles();
+        @include kendo-dropzone--styles();
+        @include kendo-window--styles();
         @include kendo-pdf-viewer--layout();
         @include kendo-pdf-viewer--theme();
         @include kendo-utils--layout--overflow();
         @include kendo-utils--layout--position();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-pdf-viewer--styles();
-}

package/scss/pdf-viewer/_layout.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../button/_variables.scss" as *;
+
 @mixin kendo-pdf-viewer--layout-base() {
 
     // PDF Viewer

package/scss/pdf-viewer/_theme.scss

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

package/scss/pdf-viewer/_variables.scss

@@ -1,3 +1,9 @@
+@use "../core/_index.scss" as *;
+@use "../dropzone/_variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../window/_variables.scss" as *;
+
+
 // PDFViewer
 
 /// The border width of the PDFViewer.
@@ -92,7 +98,7 @@ $kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
 $kendo-pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
 /// The spacing of the matches container in the PDFViewer search panel.
 /// @group pdf-viewer
-$kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
+$kendo-pdf-viewer-search-panel-matches-spacing: k-spacing(1) !default;
 
 /// The line height of the PDFViewer selection.
 /// @group pdf-viewer

package/scss/pivotgrid/_index.scss

@@ -1,46 +1,26 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "pivotgrid",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "chip",
-        "form",
-        "dialog",
-        "grid",
-        "icon",
-        "list",
-        "treeview"
-    )
-);
-
-
 // Dependencies
-@import "../dialog/_index.scss";
-@import "../treeview/_index.scss";
-@import "../grid/_index.scss";
-@import "../icons/_index.scss";
-@import "../list/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../grid/_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-pivotgrid--styles() {
-    @include module-render( "pivotgrid" ) {
+    @include import-once( "pivotgrid" ) {
+        @include core-styles();
+        @include kendo-dialog--styles();
+        @include kendo-treeview--styles();
+        @include kendo-grid--styles();
+        @include kendo-icon--styles();
+        @include kendo-list--styles();
         @include kendo-pivotgrid--layout();
         @include kendo-pivotgrid--theme();
         @include kendo-utils--layout--display();
@@ -48,7 +28,3 @@ $_kendo-module-meta: (
         @include kendo-utils--flex-grid--flex-direction();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-pivotgrid--styles();
-}

package/scss/pivotgrid/_layout.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "./variables.scss" as *;
+@use "../icons/_variables.scss" as *;
+
 @mixin kendo-pivotgrid--layout-base() {
 
     // Pivotgrid

package/scss/pivotgrid/_theme.scss

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

package/scss/pivotgrid/_variables.scss

@@ -1,4 +1,8 @@
-@import "../table/_variables.scss";
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+@use "../table/_variables.scss" as *;
+@use "../list/_variables.scss" as *;
+@use "../grid/_variables.scss" as *;
 
 
 // Pivot grid

package/scss/popover/_index.scss

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

package/scss/popover/_layout.scss

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

package/scss/popover/_theme.scss

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

package/scss/popover/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../card/_variables.scss" as *;
+@use "../popup/_variables.scss" as *;
+
 // Popover
 
 /// The width of the border around the Popover.
@@ -82,4 +86,4 @@ $kendo-popover-callout-border-style: $kendo-popover-border-style !default;
 $kendo-popover-callout-bg: $kendo-popover-bg !default;
 /// The border color of the Popover callout.
 /// @group popover
-$kendo-popover-callout-border: $kendo-popover-border !default;
+$kendo-popover-callout-border: $kendo-popover-border !default;