@progress/kendo-theme-classic 9.1.1-dev.1 → 10.0.0-dev.0

package/scss/filemanager/_index.scss

@@ -1,59 +1,38 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "file-manager",
-    dependencies: (
-        "breadcrumb",
-        "dialog",
-        "grid",
-        "icon",
-        "input",
-        "listview",
-        "menu",
-        "splitter",
-        "switch",
-        "toolbar",
-        "treeview",
-        "upload"
-    )
-);
-
-
 // Dependencies
-@import "../input/_index.scss";
-@import "../toolbar/_index.scss";
-@import "../upload/_index.scss";
-@import "../switch/_index.scss";
-@import "../menu/_index.scss";
-@import "../dialog/_index.scss";
-@import "../breadcrumb/_index.scss";
-@import "../treeview/_index.scss";
-@import "../splitter/_index.scss";
-@import "../grid/_index.scss";
-@import "../listview/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../upload/_index.scss" as *;
+@use "../switch/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../breadcrumb/_index.scss" as *;
+@use "../treeview/_index.scss" as *;
+@use "../splitter/_index.scss" as *;
+@use "../grid/_index.scss" as *;
+@use "../listview/_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-file-manager--styles() {
-    @include module-render( "file-manager" ) {
+    @include import-once( "file-manager" ) {
+        @include core-styles();
+        @include kendo-input--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-upload--styles();
+        @include kendo-switch--styles();
+        @include kendo-menu--styles();
+        @include kendo-dialog--styles();
+        @include kendo-breadcrumb--styles();
+        @include kendo-treeview--styles();
+        @include kendo-splitter--styles();
+        @include kendo-grid--styles();
+        @include kendo-listview--styles();
         @include kendo-file-manager--layout();
         @include kendo-file-manager--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-file-manager--styles();
-}

package/scss/filemanager/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/filemanager/_layout.scss";
+@use "@progress/kendo-theme-default/scss/filemanager/_layout.scss" as *;
 
 
 @mixin kendo-file-manager--layout() {

package/scss/filemanager/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/filemanager/_theme.scss";
+@use "@progress/kendo-theme-default/scss/filemanager/_theme.scss" as *;
 
 
 @mixin kendo-file-manager--theme() {

package/scss/filemanager/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // FileManager
 
 /// The space between the FileManager items.
@@ -180,3 +184,64 @@ $kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( s
 /// The border color of the FileManager preview icon.
 /// @group file-manager
 $kendo-file-manager-preview-icon-border: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/filemanager/_variables.scss" with (
+    $kendo-file-manager-spacer: $kendo-file-manager-spacer,
+    $kendo-file-manager-border-width: $kendo-file-manager-border-width,
+    $kendo-file-manager-font-family: $kendo-file-manager-font-family,
+    $kendo-file-manager-font-size: $kendo-file-manager-font-size,
+    $kendo-file-manager-line-height: $kendo-file-manager-line-height,
+    $kendo-file-manager-bg: $kendo-file-manager-bg,
+    $kendo-file-manager-text: $kendo-file-manager-text,
+    $kendo-file-manager-border: $kendo-file-manager-border,
+    $kendo-file-manager-toolbar-border-width: $kendo-file-manager-toolbar-border-width,
+    $kendo-file-manager-toolbar-bg: $kendo-file-manager-toolbar-bg,
+    $kendo-file-manager-toolbar-text: $kendo-file-manager-toolbar-text,
+    $kendo-file-manager-toolbar-border: $kendo-file-manager-toolbar-border,
+    $kendo-file-manager-toolbar-gradient: $kendo-file-manager-toolbar-gradient,
+    $kendo-file-manager-navigation-padding-x: $kendo-file-manager-navigation-padding-x,
+    $kendo-file-manager-navigation-padding-y: $kendo-file-manager-navigation-padding-y,
+    $kendo-file-manager-navigation-width: $kendo-file-manager-navigation-width,
+    $kendo-file-manager-navigation-border-width: $kendo-file-manager-navigation-border-width,
+    $kendo-file-manager-navigation-bg: $kendo-file-manager-navigation-bg,
+    $kendo-file-manager-navigation-text: $kendo-file-manager-navigation-text,
+    $kendo-file-manager-navigation-border: $kendo-file-manager-navigation-border,
+    $kendo-file-manager-breadcrumb-padding-x: $kendo-file-manager-breadcrumb-padding-x,
+    $kendo-file-manager-breadcrumb-padding-y: $kendo-file-manager-breadcrumb-padding-y,
+    $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-breadcrumb-border-width,
+    $kendo-file-manager-breadcrumb-bg: $kendo-file-manager-breadcrumb-bg,
+    $kendo-file-manager-breadcrumb-text: $kendo-file-manager-breadcrumb-text,
+    $kendo-file-manager-breadcrumb-border: $kendo-file-manager-breadcrumb-border,
+    $kendo-file-manager-listview-bg: $kendo-file-manager-listview-bg,
+    $kendo-file-manager-listview-text: $kendo-file-manager-listview-text,
+    $kendo-file-manager-listview-border: $kendo-file-manager-listview-border,
+    $kendo-file-manager-listview-item-padding-x: $kendo-file-manager-listview-item-padding-x,
+    $kendo-file-manager-listview-item-padding-y: $kendo-file-manager-listview-item-padding-y,
+    $kendo-file-manager-listview-item-width: $kendo-file-manager-listview-item-width,
+    $kendo-file-manager-listview-item-height: $kendo-file-manager-listview-item-height,
+    $kendo-file-manager-listview-item-bg: $kendo-file-manager-listview-item-bg,
+    $kendo-file-manager-listview-item-text: $kendo-file-manager-listview-item-text,
+    $kendo-file-manager-listview-item-border: $kendo-file-manager-listview-item-border,
+    $kendo-file-manager-listview-item-icon-bg: $kendo-file-manager-listview-item-icon-bg,
+    $kendo-file-manager-listview-item-icon-text: $kendo-file-manager-listview-item-icon-text,
+    $kendo-file-manager-listview-item-icon-border: $kendo-file-manager-listview-item-icon-border,
+    $kendo-file-manager-listview-item-icon-selected-bg: $kendo-file-manager-listview-item-icon-selected-bg,
+    $kendo-file-manager-listview-item-icon-selected-text: $kendo-file-manager-listview-item-icon-selected-text,
+    $kendo-file-manager-listview-item-icon-selected-border: $kendo-file-manager-listview-item-icon-selected-border,
+    $kendo-file-manager-grid-bg: $kendo-file-manager-grid-bg,
+    $kendo-file-manager-grid-text: $kendo-file-manager-grid-text,
+    $kendo-file-manager-grid-border: $kendo-file-manager-grid-border,
+    $kendo-file-manager-preview-padding-x: $kendo-file-manager-preview-padding-x,
+    $kendo-file-manager-preview-padding-y: $kendo-file-manager-preview-padding-y,
+    $kendo-file-manager-preview-width: $kendo-file-manager-preview-width,
+    $kendo-file-manager-preview-border-width: $kendo-file-manager-preview-border-width,
+    $kendo-file-manager-preview-spacing: $kendo-file-manager-preview-spacing,
+    $kendo-file-manager-preview-column-gap: $kendo-file-manager-preview-column-gap,
+    $kendo-file-manager-preview-bg: $kendo-file-manager-preview-bg,
+    $kendo-file-manager-preview-text: $kendo-file-manager-preview-text,
+    $kendo-file-manager-preview-border: $kendo-file-manager-preview-border,
+    $kendo-file-manager-preview-icon-bg: $kendo-file-manager-preview-icon-bg,
+    $kendo-file-manager-preview-icon-text: $kendo-file-manager-preview-icon-text,
+    $kendo-file-manager-preview-icon-border: $kendo-file-manager-preview-icon-border
+);

package/scss/filter/_index.scss

@@ -1,51 +1,30 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "filter",
-    dependencies: (
-        "button",
-        "checkbox",
-        "date-time-picker",
-        "dropdown-list",
-        "input",
-        "numeric-textbox",
-        "textbox",
-        "toolbar"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../checkbox/_index.scss";
-@import "../datetimepicker/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../toolbar/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../numerictextbox/_index.scss" as *;
+@use "../toolbar/_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-filter--styles() {
-    @include module-render( "filter" ) {
+    @include import-once( "filter" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-numeric-textbox--styles();
+        @include kendo-toolbar--styles();
         @include kendo-filter--layout();
         @include kendo-filter--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-filter--styles();
-}

package/scss/filter/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/filter/_layout.scss";
+@use "@progress/kendo-theme-default/scss/filter/_layout.scss" as *;
 
 
 @mixin kendo-filter--layout() {

package/scss/filter/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/filter/_theme.scss";
+@use "@progress/kendo-theme-default/scss/filter/_theme.scss" as *;
 
 
 @mixin kendo-filter--theme() {

package/scss/filter/_variables.scss

@@ -1,11 +1,13 @@
+@use "../core/_index.scss" as *;
+
 // Filter expression builder
 
 /// The horizontal padding of the Filter.
 /// @group filter
-$kendo-filter-padding-x: $kendo-padding-md-x !default;
+$kendo-filter-padding-x: k-spacing(2) !default;
 /// The vertical padding of the Filter.
 /// @group filter
-$kendo-filter-padding-y: $kendo-padding-md-y !default;
+$kendo-filter-padding-y: k-spacing(1) !default;
 
 /// The bottom margin of the Filter.
 /// @group filter
@@ -28,3 +30,15 @@ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
 $kendo-filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/filter/_variables.scss" with (
+    $kendo-filter-padding-x: $kendo-filter-padding-x,
+    $kendo-filter-padding-y: $kendo-filter-padding-y,
+    $kendo-filter-bottom-margin: $kendo-filter-bottom-margin,
+    $kendo-filter-line-size: $kendo-filter-line-size,
+    $kendo-filter-operator-dropdown-width: $kendo-filter-operator-dropdown-width,
+    $kendo-filter-preview-field-text: $kendo-filter-preview-field-text,
+    $kendo-filter-preview-operator-text: $kendo-filter-preview-operator-text,
+    $kendo-filter-toolbar-focus-shadow: $kendo-filter-toolbar-focus-shadow
+);

package/scss/floating-label/_index.scss

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

package/scss/floating-label/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/floating-label/_layout.scss";
+@use "@progress/kendo-theme-default/scss/floating-label/_layout.scss" as *;
 
 
 @mixin kendo-floating-label--layout() {

package/scss/floating-label/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/floating-label/_theme.scss";
+@use "@progress/kendo-theme-default/scss/floating-label/_theme.scss" as *;
 
 
 @mixin kendo-floating-label--theme() {

package/scss/floating-label/_variables.scss

@@ -1,3 +1,5 @@
+@use "../input/_variables.scss" as *;
+
 // Floating label
 
 /// The transformation scale of the Floating Label.
@@ -49,3 +51,22 @@ $kendo-floating-label-focus-bg: null !default;
 /// The text color of the focused Floating Label.
 /// @group floating-label
 $kendo-floating-label-focus-text: null !default;
+
+
+@forward "@progress/kendo-theme-default/scss/floating-label/_variables.scss" with (
+    $kendo-floating-label-scale: $kendo-floating-label-scale,
+    $kendo-floating-label-font-size: $kendo-floating-label-font-size,
+    $kendo-floating-label-max-width: $kendo-floating-label-max-width,
+    $kendo-floating-label-line-height: $kendo-floating-label-line-height,
+    $kendo-floating-label-height: $kendo-floating-label-height,
+    $kendo-floating-label-offset-x: $kendo-floating-label-offset-x,
+    $kendo-floating-label-offset-y: $kendo-floating-label-offset-y,
+    $kendo-floating-label-focus-scale: $kendo-floating-label-focus-scale,
+    $kendo-floating-label-focus-offset-x: $kendo-floating-label-focus-offset-x,
+    $kendo-floating-label-focus-offset-y: $kendo-floating-label-focus-offset-y,
+    $kendo-floating-label-transition: $kendo-floating-label-transition,
+    $kendo-floating-label-bg: $kendo-floating-label-bg,
+    $kendo-floating-label-text: $kendo-floating-label-text,
+    $kendo-floating-label-focus-bg: $kendo-floating-label-focus-bg,
+    $kendo-floating-label-focus-text: $kendo-floating-label-focus-text
+);

package/scss/forms/_index.scss

@@ -1,37 +1,20 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "form",
-    dependencies: (
-        "action-buttons",
-        "button",
-        "validator"
-    )
-);
-
-
 // Dependencies // TODO: extract variables
-@import "../toolbar/_index.scss";
-@import "../action-buttons/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../action-buttons/_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-form--styles() {
-    @include module-render( "form" ) {
+    @include import-once( "form" ) {
+        @include core-styles();
+        @include kendo-toolbar--styles();
+        @include kendo-action-buttons--styles();
         @include kendo-form--layout();
         @include kendo-form--theme();
         @include kendo-utils--layout--display();
@@ -40,7 +23,3 @@ $_kendo-module-meta: (
         @include kendo-utils--flex-grid--grid-column-start-end();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-form--styles();
-}

package/scss/forms/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/forms/_layout.scss";
+@use "@progress/kendo-theme-default/scss/forms/_layout.scss" as *;
 
 
 @mixin kendo-form--layout() {

package/scss/forms/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/forms/_theme.scss";
+@use "@progress/kendo-theme-default/scss/forms/_theme.scss" as *;
 
 
 @mixin kendo-form--theme() {

package/scss/forms/_variables.scss

@@ -1,14 +1,14 @@
-@import "../input/_variables.scss";
-@import "../tooltip/_variables.scss";
-@import "../typography/_variables.scss";
-@import "../window/_variables.scss";
-
+@use "../input/_variables.scss" as *;
+@use "../tooltip/_variables.scss" as *;
+@use "../typography/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+@use "../core/functions/index.import.scss" as *;
 
 // Forms
 
 /// The padding of the inline Form.
 /// @group form
-$kendo-form-spacer: calc( #{$kendo-padding-md-x} * 2 ) !default;
+$kendo-form-spacer: calc( #{k-spacing(2)} * 2 ) !default;
 
 /// The font size of the Form.
 /// @group form
@@ -114,6 +114,14 @@ $kendo-horizontal-form-field-wrap-max-width: calc( ( 100% - #{$kendo-horizontal-
 /// @group form
 $kendo-inline-form-element-width: 25% !default;
 
+/// The horizontal padding of the inline Form field.
+/// @group form
+$kendo-inline-form-field-padding-x: 0 k-spacing(3) !default;
+
+/// The vertical padding of the inline Form field.
+/// @group form
+$kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-border-width} ) !default;
+
 /// The invalid text color of the Form.
 /// @group form
 $kendo-forms-invalid-color: $kendo-color-error !default;
@@ -146,6 +154,21 @@ $kendo-fieldset-text: null !default;
 /// @group form
 $kendo-fieldset-border: null !default;
 
+/// The padding of the Form fieldset legend.
+/// @group form
+$kendo-fieldset-legend-padding: 0 k-spacing(2) 0 0 !default;
+/// The margin of the Form fieldset legend
+/// @group form
+$kendo-fieldset-legend-margin: calc( #{k-spacing(1.5)} * 2 ) !default;
+
+/// The margin of the Form alert error.
+/// @group form
+$kendo-form-alert-error-margin: calc( #{k-spacing(1)} * 2 ) !default;
+
+/// The margin of the Form field info.
+/// @group form
+$kendo-form-field-info-margin: k-spacing(2) !default;
+
 /// The background color of the Form legend.
 /// @group form
 $kendo-fieldset-legend-bg: null !default;
@@ -169,3 +192,58 @@ $kendo-form-sizes: (
         form-rows-spacing: $kendo-form-lg-rows-spacing
     )
 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/forms/_variables.scss" with (
+    $kendo-form-spacer: $kendo-form-spacer,
+    $kendo-form-font-size: $kendo-form-font-size,
+    $kendo-form-line-height: $kendo-form-line-height,
+    $kendo-form-line-height-em: $kendo-form-line-height-em,
+    $kendo-form-sm-line-height: $kendo-form-sm-line-height,
+    $kendo-form-lg-line-height: $kendo-form-lg-line-height,
+    $kendo-form-fieldset-margin: $kendo-form-fieldset-margin,
+    $kendo-form-fieldset-padding: $kendo-form-fieldset-padding,
+    $kendo-form-legend-margin: $kendo-form-legend-margin,
+    $kendo-form-legend-padding: $kendo-form-legend-padding,
+    $kendo-form-legend-border-width: $kendo-form-legend-border-width,
+    $kendo-form-legend-border-style: $kendo-form-legend-border-style,
+    $kendo-form-legend-border-color: $kendo-form-legend-border-color,
+    $kendo-form-legend-width: $kendo-form-legend-width,
+    $kendo-form-legend-font-size: $kendo-form-legend-font-size,
+    $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
+    $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
+    $kendo-form-button-margin-x: $kendo-form-button-margin-x,
+    $kendo-form-hint-font-size: $kendo-form-hint-font-size,
+    $kendo-form-hint-font-style: $kendo-form-hint-font-style,
+    $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
+    $kendo-form-sm-rows-spacing: $kendo-form-sm-rows-spacing,
+    $kendo-form-md-rows-spacing: $kendo-form-md-rows-spacing,
+    $kendo-form-lg-rows-spacing: $kendo-form-lg-rows-spacing,
+    $kendo-form-separator-margin: $kendo-form-separator-margin,
+    $kendo-form-separator-border-color: $kendo-form-separator-border-color,
+    $kendo-horizontal-form-label-padding-top: $kendo-horizontal-form-label-padding-top,
+    $kendo-horizontal-form-label-margin-x: $kendo-horizontal-form-label-margin-x,
+    $kendo-horizontal-form-label-width: $kendo-horizontal-form-label-width,
+    $kendo-horizontal-form-label-align: $kendo-horizontal-form-label-align,
+    $kendo-horizontal-form-field-wrap-max-width: $kendo-horizontal-form-field-wrap-max-width,
+    $kendo-inline-form-element-width: $kendo-inline-form-element-width,
+    $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
+    $kendo-inline-form-field-padding-y: $kendo-inline-form-field-padding-y,
+    $kendo-forms-invalid-color: $kendo-forms-invalid-color,
+    $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
+    $kendo-label-optional-font-size: $kendo-label-optional-font-size,
+    $kendo-label-optional-font-style: $kendo-label-optional-font-style,
+    $kendo-fieldset-margin: $kendo-fieldset-margin,
+    $kendo-fieldset-font-size: $kendo-fieldset-font-size,
+    $kendo-fieldset-bg: $kendo-fieldset-bg,
+    $kendo-fieldset-text: $kendo-fieldset-text,
+    $kendo-fieldset-border: $kendo-fieldset-border,
+    $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
+    $kendo-fieldset-legend-margin: $kendo-fieldset-legend-margin,
+    $kendo-form-alert-error-margin: $kendo-form-alert-error-margin,
+    $kendo-form-field-info-margin: $kendo-form-field-info-margin,
+    $kendo-fieldset-legend-bg: $kendo-fieldset-legend-bg,
+    $kendo-fieldset-legend-text: $kendo-fieldset-legend-text,
+    $kendo-fieldset-legend-border: $kendo-fieldset-legend-border,
+    $kendo-form-sizes: $kendo-form-sizes
+);

package/scss/gantt/_index.scss

@@ -1,58 +1,35 @@
-@import "../core/_index.scss";
-@import "../utils/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "gantt",
-    dependencies: (
-        "button",
-        "date-time-picker",
-        "icon",
-        "input",
-        "numeric-textbox",
-        "splitter",
-        "toolbar",
-        "treelist",
-        "validator",
-        "window",
-        "time-marker"
-    )
-);
-
-
 // Dependencies
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../validator/_index.scss";
-@import "../datetimepicker/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../window/_index.scss";
-@import "../splitter/_index.scss";
-@import "../treelist/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../validator/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../numerictextbox/_index.scss" as *;
+@use "../window/_index.scss" as *;
+@use "../splitter/_index.scss" as *;
+@use "../treelist/_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-gantt--styles() {
-    @include module-render( "gantt" ) {
+    @include import-once( "gantt" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-validator--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-numeric-textbox--styles();
+        @include kendo-window--styles();
+        @include kendo-splitter--styles();
+        @include kendo-treelist--styles();
         @include kendo-gantt--layout();
         @include kendo-gantt--theme();
         @include kendo-utils--typography--white-space();
         @include kendo-utils--table--table-layout();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-gantt--styles();
-}

package/scss/gantt/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/gantt/_layout.scss";
+@use "@progress/kendo-theme-default/scss/gantt/_layout.scss" as *;
 
 
 @mixin kendo-gantt--layout() {