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

package/scss/scroller/_theme.scss

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

package/scss/scrollview/_index.scss

@@ -1,40 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/scrollview/_layout.scss";
+@use "@progress/kendo-theme-default/scss/scrollview/_layout.scss" as *;
 
 
 @mixin kendo-scrollview--layout() {

package/scss/scrollview/_theme.scss

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

package/scss/scrollview/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+@use "../button/_variables.scss" as *;
+@use "../core/functions/index.import.scss" as *;
+
 // ScrollView
 
 /// The width of the border around the ScrollView.
@@ -90,3 +94,35 @@ $kendo-scrollview-transition-duration: .3s !default;
 /// The timing function of the ScrollView transition.
 /// @group scrollview
 $kendo-scrollview-transition-timing-function: ease-in-out !default;
+
+
+@forward "@progress/kendo-theme-default/scss/scrollview/_variables.scss" with (
+    $kendo-scrollview-border-width: $kendo-scrollview-border-width,
+    $kendo-scrollview-font-family: $kendo-scrollview-font-family,
+    $kendo-scrollview-font-size: $kendo-scrollview-font-size,
+    $kendo-scrollview-line-height: $kendo-scrollview-line-height,
+    $kendo-scrollview-text: $kendo-scrollview-text,
+    $kendo-scrollview-bg: $kendo-scrollview-bg,
+    $kendo-scrollview-border: $kendo-scrollview-border,
+    $kendo-scrollview-pagebutton-size: $kendo-scrollview-pagebutton-size,
+    $kendo-scrollview-pagebutton-bg: $kendo-scrollview-pagebutton-bg,
+    $kendo-scrollview-pagebutton-border: $kendo-scrollview-pagebutton-border,
+    $kendo-scrollview-pagebutton-primary-bg: $kendo-scrollview-pagebutton-primary-bg,
+    $kendo-scrollview-pagebutton-primary-border: $kendo-scrollview-pagebutton-primary-border,
+    $kendo-scrollview-pagebutton-shadow: $kendo-scrollview-pagebutton-shadow,
+    $kendo-scrollview-pager-offset: $kendo-scrollview-pager-offset,
+    $kendo-scrollview-pager-item-spacing: $kendo-scrollview-pager-item-spacing,
+    $kendo-scrollview-pager-item-border-width: $kendo-scrollview-pager-item-border-width,
+    $kendo-scrollview-pager-height: $kendo-scrollview-pager-height,
+    $kendo-scrollview-arrow-tap-highlight-color: $kendo-scrollview-arrow-tap-highlight-color,
+    $kendo-scrollview-navigation-color: $kendo-scrollview-navigation-color,
+    $kendo-scrollview-navigation-icon-shadow: $kendo-scrollview-navigation-icon-shadow,
+    $kendo-scrollview-navigation-bg: $kendo-scrollview-navigation-bg,
+    $kendo-scrollview-navigation-default-opacity: $kendo-scrollview-navigation-default-opacity,
+    $kendo-scrollview-navigation-hover-opacity: $kendo-scrollview-navigation-hover-opacity,
+    $kendo-scrollview-navigation-hover-span-bg: $kendo-scrollview-navigation-hover-span-bg,
+    $kendo-scrollview-light-bg: $kendo-scrollview-light-bg,
+    $kendo-scrollview-dark-bg: $kendo-scrollview-dark-bg,
+    $kendo-scrollview-transition-duration: $kendo-scrollview-transition-duration,
+    $kendo-scrollview-transition-timing-function: $kendo-scrollview-transition-timing-function
+);

package/scss/searchbox/_index.scss

@@ -1,43 +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/searchbox/_layout.scss

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

package/scss/searchbox/_theme.scss

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

package/scss/signature/_index.scss

@@ -1,43 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/signature/_layout.scss";
+@use "@progress/kendo-theme-default/scss/signature/_layout.scss" as *;
 
 
 @mixin kendo-signature--layout() {

package/scss/signature/_theme.scss

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

package/scss/signature/_variables.scss

@@ -1,3 +1,7 @@
+@use "../core/_index.scss" as *;
+
+// Signature
+
 $kendo-signature-width: 250px !default;
 $kendo-signature-height: 84px !default;
 
@@ -47,3 +51,31 @@ $kendo-signature-sizes: (
 
 $kendo-signature-actions-gap: k-spacing(1) !default;
 $kendo-signature-maximized-line-width: 3px !default;
+
+
+@forward "@progress/kendo-theme-default/scss/signature/_variables.scss" with (
+    $kendo-signature-width: $kendo-signature-width,
+    $kendo-signature-height: $kendo-signature-height,
+    $kendo-signature-lg-min-height: $kendo-signature-lg-min-height,
+    $kendo-signature-maximized-width: $kendo-signature-maximized-width,
+    $kendo-signature-maximized-height: $kendo-signature-maximized-height,
+    $kendo-signature-padding-x: $kendo-signature-padding-x,
+    $kendo-signature-sm-padding-x: $kendo-signature-sm-padding-x,
+    $kendo-signature-md-padding-x: $kendo-signature-md-padding-x,
+    $kendo-signature-lg-padding-x: $kendo-signature-lg-padding-x,
+    $kendo-signature-padding-y: $kendo-signature-padding-y,
+    $kendo-signature-sm-padding-y: $kendo-signature-sm-padding-y,
+    $kendo-signature-md-padding-y: $kendo-signature-md-padding-y,
+    $kendo-signature-lg-padding-y: $kendo-signature-lg-padding-y,
+    $kendo-signature-line-width: $kendo-signature-line-width,
+    $kendo-signature-line-style: $kendo-signature-line-style,
+    $kendo-signature-line-color: $kendo-signature-line-color,
+    $kendo-signature-line-size: $kendo-signature-line-size,
+    $kendo-signature-sm-line-size: $kendo-signature-sm-line-size,
+    $kendo-signature-md-line-size: $kendo-signature-md-line-size,
+    $kendo-signature-lg-line-size: $kendo-signature-lg-line-size,
+    $kendo-signature-line-bottom-offset: $kendo-signature-line-bottom-offset,
+    $kendo-signature-sizes: $kendo-signature-sizes,
+    $kendo-signature-actions-gap: $kendo-signature-actions-gap,
+    $kendo-signature-maximized-line-width: $kendo-signature-maximized-line-width
+);

package/scss/skeleton/_index.scss

@@ -1,35 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/skeleton/_layout.scss";
+@use "@progress/kendo-theme-default/scss/skeleton/_layout.scss" as *;
 
 
 @mixin kendo-skeleton--layout() {

package/scss/skeleton/_theme.scss

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

package/scss/skeleton/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Skeleton
 
 /// The transform scale of the Skeleton text.
@@ -21,3 +23,13 @@ $kendo-skeleton-item-bg: if($kendo-enable-color-system, color-mix(in srgb, k-col
 /// The background color of the Skeleton wave animation.
 /// @group skeleton
 $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/skeleton/_variables.scss" with (
+    $kendo-skeleton-text-transform: $kendo-skeleton-text-transform,
+    $kendo-skeleton-text-border-radius: $kendo-skeleton-text-border-radius,
+    $kendo-skeleton-rect-border-radius: $kendo-skeleton-rect-border-radius,
+    $kendo-skeleton-circle-border-radius: $kendo-skeleton-circle-border-radius,
+    $kendo-skeleton-item-bg: $kendo-skeleton-item-bg,
+    $kendo-skeleton-wave-bg: $kendo-skeleton-wave-bg
+);

package/scss/slider/_index.scss

@@ -1,42 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/slider/_layout.scss";
+@use "@progress/kendo-theme-default/scss/slider/_layout.scss" as *;
 
 
 @mixin kendo-slider--layout() {

package/scss/slider/_theme.scss

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

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
@@ -120,3 +123,44 @@ $kendo-slider-tick-horizontal-image: "data:image/gif;base64,R0lGODlhAQC0AIABALi4
 /// The background image of the vertical Slider tick.
 /// @group slider
 $kendo-slider-tick-vertical-image: "data:image/gif;base64,R0lGODlhtAABAIABALi4uAAAACH5BAEAAAEALAAAAAC0AAEAAAIWjIGJxqzazlux2ovlzND2rAHgSIZWAQA7" !default;
+
+
+@forward "@progress/kendo-theme-default/scss/slider/_variables.scss" with (
+    $kendo-slider-size: $kendo-slider-size,
+    $kendo-slider-tick-size: $kendo-slider-tick-size,
+    $kendo-slider-alt-size: $kendo-slider-alt-size,
+    $kendo-slider-font-family: $kendo-slider-font-family,
+    $kendo-slider-font-size: $kendo-slider-font-size,
+    $kendo-slider-line-height: $kendo-slider-line-height,
+    $kendo-slider-button-offset: $kendo-slider-button-offset,
+    $kendo-slider-button-size: $kendo-slider-button-size,
+    $kendo-slider-button-spacing: $kendo-slider-button-spacing,
+    $kendo-slider-button-focus-shadow: $kendo-slider-button-focus-shadow,
+    $kendo-slider-track-thickness: $kendo-slider-track-thickness,
+    $kendo-slider-draghandle-size: $kendo-slider-draghandle-size,
+    $kendo-slider-draghandle-border-width: $kendo-slider-draghandle-border-width,
+    $kendo-slider-draghandle-active-scale: $kendo-slider-draghandle-active-scale,
+    $kendo-slider-draghandle-active-size: $kendo-slider-draghandle-active-size,
+    $kendo-slider-draghandle-bg: $kendo-slider-draghandle-bg,
+    $kendo-slider-draghandle-text: $kendo-slider-draghandle-text,
+    $kendo-slider-draghandle-border: $kendo-slider-draghandle-border,
+    $kendo-slider-draghandle-gradient: $kendo-slider-draghandle-gradient,
+    $kendo-slider-draghandle-hover-bg: $kendo-slider-draghandle-hover-bg,
+    $kendo-slider-draghandle-hover-text: $kendo-slider-draghandle-hover-text,
+    $kendo-slider-draghandle-hover-border: $kendo-slider-draghandle-hover-border,
+    $kendo-slider-draghandle-hover-gradient: $kendo-slider-draghandle-hover-gradient,
+    $kendo-slider-draghandle-pressed-bg: $kendo-slider-draghandle-pressed-bg,
+    $kendo-slider-draghandle-pressed-text: $kendo-slider-draghandle-pressed-text,
+    $kendo-slider-draghandle-pressed-border: $kendo-slider-draghandle-pressed-border,
+    $kendo-slider-draghandle-pressed-gradient: $kendo-slider-draghandle-pressed-gradient,
+    $kendo-slider-draghandle-focus-shadow: $kendo-slider-draghandle-focus-shadow,
+    $kendo-slider-transition-speed: $kendo-slider-transition-speed,
+    $kendo-slider-transition-function: $kendo-slider-transition-function,
+    $kendo-slider-draghandle-transition-speed: $kendo-slider-draghandle-transition-speed,
+    $kendo-slider-draghandle-transition-function: $kendo-slider-draghandle-transition-function,
+    $kendo-slider-track-bg: $kendo-slider-track-bg,
+    $kendo-slider-selection-bg: $kendo-slider-selection-bg,
+    $kendo-slider-disabled-opacity: $kendo-slider-disabled-opacity,
+    $kendo-slider-tick-horizontal-image: $kendo-slider-tick-horizontal-image,
+    $kendo-slider-tick-vertical-image: $kendo-slider-tick-vertical-image
+);

package/scss/split-button/_index.scss

@@ -1,41 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/split-button/_layout.scss";
+@use "@progress/kendo-theme-default/scss/split-button/_layout.scss" as *;
 
 
 @mixin kendo-split-button--layout() {

package/scss/split-button/_theme.scss

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

package/scss/split-button/_variables.scss

@@ -1,3 +1,5 @@
+@use "../button/_variables.scss" as *;
+
 // Split-button
 
 /// The focus shadow of the SplitButton.
@@ -29,3 +31,16 @@ $kendo-split-button-md-arrow-padding-y: $kendo-button-md-padding-y !default;
 /// The vertical padding of the large arrow Button.
 /// @group split-button
 $kendo-split-button-lg-arrow-padding-y: $kendo-button-lg-padding-y !default;
+
+
+@forward "@progress/kendo-theme-default/scss/split-button/_variables.scss" with (
+    $kendo-split-button-focus-shadow: $kendo-split-button-focus-shadow,
+    $kendo-split-button-arrow-padding-x: $kendo-split-button-arrow-padding-x,
+    $kendo-split-button-sm-arrow-padding-x: $kendo-split-button-sm-arrow-padding-x,
+    $kendo-split-button-md-arrow-padding-x: $kendo-split-button-md-arrow-padding-x,
+    $kendo-split-button-lg-arrow-padding-x: $kendo-split-button-lg-arrow-padding-x,
+    $kendo-split-button-arrow-padding-y: $kendo-split-button-arrow-padding-y,
+    $kendo-split-button-sm-arrow-padding-y: $kendo-split-button-sm-arrow-padding-y,
+    $kendo-split-button-md-arrow-padding-y: $kendo-split-button-md-arrow-padding-y,
+    $kendo-split-button-lg-arrow-padding-y: $kendo-split-button-lg-arrow-padding-y
+);

package/scss/splitter/_index.scss

@@ -1,39 +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,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/splitter/_layout.scss";
+@use "@progress/kendo-theme-default/scss/splitter/_layout.scss" as *;
 
 
 @mixin kendo-splitter--layout() {

package/scss/splitter/_theme.scss

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