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

package/scss/interactivity/_caret-color.scss

@@ -1,14 +1,16 @@
 // TODO: docs
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-caret-color"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--caret-color() {
-    @include module-render("utils-interactivity-caret-color") {
+    @include import-once("utils-interactivity-caret-color") {
 
         // Caret color utility classes
-        $kendo-utils-caret-color: k-map-get( $kendo-utils, "caret-color" ) !default;
+        $kendo-utils-caret-color: map.get( $kendo-utils, "caret-color" ) !default;
         @include generate-utils( caret, caret-color, $kendo-utils-caret-color );
 
     }

package/scss/interactivity/_cursor.scss

@@ -22,15 +22,17 @@
 /// @group cursor
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-cursor"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--cursor() {
-    @include module-render("utils-interactivity-cursor") {
+    @include import-once("utils-interactivity-cursor") {
 
         // Cursor utility classes
-        $kendo-utils-cursor: k-map-get( $kendo-utils, "cursor" ) !default;
+        $kendo-utils-cursor: map.get( $kendo-utils, "cursor" ) !default;
         @include generate-utils( cursor, cursor, $kendo-utils-cursor );
 
     }

package/scss/interactivity/_pointer-events.scss

@@ -10,15 +10,17 @@
 /// @group pointer-events
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-pointer-events"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--pointer-events() {
-    @include module-render("utils-interactivity-pointer-events") {
+    @include import-once("utils-interactivity-pointer-events") {
 
         // Pointer events utility classes
-        $kendo-utils-pointer-events: k-map-get( $kendo-utils, "pointer-events" ) !default;
+        $kendo-utils-pointer-events: map.get( $kendo-utils, "pointer-events" ) !default;
         @include generate-utils( pointer-events, pointer-events, $kendo-utils-pointer-events );
 
     }

package/scss/interactivity/_resize.scss

@@ -22,15 +22,17 @@
 /// @group resize
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-resize"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--resize() {
-    @include module-render("utils-interactivity-resize") {
+    @include import-once("utils-interactivity-resize") {
 
         // Resize utility classes
-        $kendo-utils-resize: k-map-get( $kendo-utils, "resize" ) !default;
+        $kendo-utils-resize: map.get( $kendo-utils, "resize" ) !default;
         @include generate-utils( resize, resize, $kendo-utils-resize );
 
     }

package/scss/interactivity/_scroll.scss

@@ -322,20 +322,22 @@
 /// @group scroll
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-scroll"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--scroll() {
-    @include module-render("utils-interactivity-scroll") {
+    @include import-once("utils-interactivity-scroll") {
 
         // Scroll behavior utility classes
-        $kendo-utils-scroll-behavior: k-map-get( $kendo-utils, "scroll-behavior" ) !default;
+        $kendo-utils-scroll-behavior: map.get( $kendo-utils, "scroll-behavior" ) !default;
         @include generate-utils( scroll, scroll-behavior, $kendo-utils-scroll-behavior );
 
 
         // Scroll snap type utility classes
-        $kendo-utils-scroll-snap-type: k-map-get( $kendo-utils, "scroll-snap-type" ) !default;
+        $kendo-utils-scroll-snap-type: map.get( $kendo-utils, "scroll-snap-type" ) !default;
         @include generate-utils( scroll-snap, scroll-snap-type, $kendo-utils-scroll-snap-type );
 
         // Custom scroll snap type utility classes
@@ -344,17 +346,17 @@
 
 
         // Scroll snap stop utility classes
-        $kendo-utils-scroll-snap-stop: k-map-get( $kendo-utils, "scroll-snap-stop" ) !default;
+        $kendo-utils-scroll-snap-stop: map.get( $kendo-utils, "scroll-snap-stop" ) !default;
         @include generate-utils( scroll-snap-stop, scroll-snap-stop, $kendo-utils-scroll-snap-stop );
 
 
         // Scroll snap align utility classes
-        $kendo-utils-scroll-snap-align: k-map-get( $kendo-utils, "scroll-snap-align" ) !default;
+        $kendo-utils-scroll-snap-align: map.get( $kendo-utils, "scroll-snap-align" ) !default;
         @include generate-utils( scroll-snap-align, scroll-snap-align, $kendo-utils-scroll-snap-align );
 
 
         // Scroll margin utility classes
-        $kendo-utils-scroll-margin: k-map-get( $kendo-utils, "scroll-margin" ) !default;
+        $kendo-utils-scroll-margin: map.get( $kendo-utils, "scroll-margin" ) !default;
         @include generate-utils( scroll-m, scroll-margin, $kendo-utils-scroll-margin );
         @include generate-utils( scroll-mt, scroll-margin-top, $kendo-utils-scroll-margin );
         @include generate-utils( scroll-mr, scroll-margin-right, $kendo-utils-scroll-margin );
@@ -365,7 +367,7 @@
 
 
         // Scroll padding utility classes
-        $kendo-utils-scroll-padding: k-map-get( $kendo-utils, "scroll-padding" ) !default;
+        $kendo-utils-scroll-padding: map.get( $kendo-utils, "scroll-padding" ) !default;
         @include generate-utils( scroll-p, scroll-padding, $kendo-utils-scroll-padding );
         @include generate-utils( scroll-pt, scroll-padding-top, $kendo-utils-scroll-padding );
         @include generate-utils( scroll-pr, scroll-padding-right, $kendo-utils-scroll-padding );

package/scss/interactivity/_touch-action.scss

@@ -58,15 +58,17 @@
 /// @group touch-action
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-touch-action"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--touch-action() {
-    @include module-render("utils-interactivity-touch-action") {
+    @include import-once("utils-interactivity-touch-action") {
 
         // Touch-action utility classes
-        $kendo-utils-touch-action: k-map-get( $kendo-utils, "touch-action" ) !default;
+        $kendo-utils-touch-action: map.get( $kendo-utils, "touch-action" ) !default;
         @include generate-utils( touch-action, touch-action, $kendo-utils-touch-action );
 
     }

package/scss/interactivity/_user-select.scss

@@ -28,15 +28,17 @@
 /// @group user-select
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-user-select"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--user-select() {
-    @include module-render("utils-interactivity-user-select") {
+    @include import-once("utils-interactivity-user-select") {
 
         // User select utility classes
-        $kendo-utils-user-select: k-map-get( $kendo-utils, "user-select" ) !default;
+        $kendo-utils-user-select: map.get( $kendo-utils, "user-select" ) !default;
         @include generate-utils( user-select, user-select, $kendo-utils-user-select );
 
     }

package/scss/interactivity/_will-change.scss

@@ -1,14 +1,16 @@
 // TODO: docs
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-interactivity-will-change"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--interactivity--will-change() {
-    @include module-render("utils-interactivity-will-change") {
+    @include import-once("utils-interactivity-will-change") {
 
         // Will change utility classes
-        $kendo-utils-will-change: k-map-get( $kendo-utils, "will-change" ) !default;
+        $kendo-utils-will-change: map.get( $kendo-utils, "will-change" ) !default;
         @include generate-utils( will-change, will-change, $kendo-utils-will-change );
 
     }

package/scss/interactivity/index.import.scss

@@ -1,13 +1,24 @@
-@import "./_accent-color.scss";
-@import "./_appearance.scss";
-@import "./_caret-color.scss";
-@import "./_cursor.scss";
-@import "./_pointer-events.scss";
-@import "./_resize.scss";
-@import "./_scroll.scss";
-@import "./_touch-action.scss";
-@import "./_user-select.scss";
-@import "./_will-change.scss";
+@forward "./_accent-color.scss";
+@forward "./_appearance.scss";
+@forward "./_caret-color.scss";
+@forward "./_cursor.scss";
+@forward "./_pointer-events.scss";
+@forward "./_resize.scss";
+@forward "./_scroll.scss";
+@forward "./_touch-action.scss";
+@forward "./_user-select.scss";
+@forward "./_will-change.scss";
+
+@use "./_accent-color.scss" as *;
+@use "./_appearance.scss" as *;
+@use "./_caret-color.scss" as *;
+@use "./_cursor.scss" as *;
+@use "./_pointer-events.scss" as *;
+@use "./_resize.scss" as *;
+@use "./_scroll.scss" as *;
+@use "./_touch-action.scss" as *;
+@use "./_user-select.scss" as *;
+@use "./_will-change.scss" as *;
 
 
 @mixin kendo-utils--interactivity() {

package/scss/layout/_aspect-ratio.scss

@@ -22,15 +22,17 @@
 /// @group aspect-ratio
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-aspect-ratio"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--aspect-ratio() {
-    @include module-render("utils-layout-aspect-ratio") {
+    @include import-once("utils-layout-aspect-ratio") {
 
         // Aspect ratio utility classes
-        $kendo-utils-aspect-ratio: k-map-get( $kendo-utils, "aspect-ratio" ) !default;
+        $kendo-utils-aspect-ratio: map.get( $kendo-utils, "aspect-ratio" ) !default;
         @include generate-utils( ratio, aspect-ratio, $kendo-utils-aspect-ratio );
 
 

package/scss/layout/_box-sizing.scss

@@ -10,15 +10,18 @@
 /// @group box-sizing
 /// @contextType css
 
+
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-box-sizing"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--box-sizing() {
-    @include module-render("utils-layout-box-sizing") {
+    @include import-once("utils-layout-box-sizing") {
 
         // box-sizing utility classes
-        $kendo-utils-box-sizing: k-map-get( $kendo-utils, "box-sizing" ) !default;
+        $kendo-utils-box-sizing: map.get( $kendo-utils, "box-sizing" ) !default;
         @include generate-utils( box-sizing, box-sizing, $kendo-utils-box-sizing );
 
     }

package/scss/layout/_clear.scss

@@ -22,15 +22,17 @@
 /// @group clear
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-clear"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--clear() {
-    @include module-render("utils-layout-clear") {
+    @include import-once("utils-layout-clear") {
 
         // Clear utility classes
-        $kendo-utils-clear: k-map-get( $kendo-utils, "clear" ) !default;
+        $kendo-utils-clear: map.get( $kendo-utils, "clear" ) !default;
         @include generate-utils( clear, clear, $kendo-utils-clear );
 
     }

package/scss/layout/_columns.scss

@@ -76,15 +76,17 @@
 /// @group columns
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-columns"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--columns() {
-    @include module-render("utils-layout-columns") {
+    @include import-once("utils-layout-columns") {
 
         // columns utility classes
-        $kendo-utils-columns: k-map-get( $kendo-utils, "columns" ) !default;
+        $kendo-utils-columns: map.get( $kendo-utils, "columns" ) !default;
         @include generate-utils( columns, columns, $kendo-utils-columns );
 
     }

package/scss/layout/_display.scss

@@ -82,15 +82,17 @@
 /// @group display
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-display"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--display() {
-    @include module-render("utils-layout-display") {
+    @include import-once("utils-layout-display") {
 
         // Display utility classes
-        $kendo-utils-display: k-map-get( $kendo-utils, "display" ) !default;
+        $kendo-utils-display: map.get( $kendo-utils, "display" ) !default;
         @include generate-utils( d, display, $kendo-utils-display );
 
 
@@ -107,7 +109,7 @@
 @mixin kendo-utils--layout--display--responsive($key) {
 
     // Display responsive utility classes
-    $kendo-utils-display: k-map-get( $kendo-utils, "display" ) !default;
+    $kendo-utils-display: map.get( $kendo-utils, "display" ) !default;
     @include generate-utils( d-#{$key}, display, $kendo-utils-display, $important: false );
 
 }

package/scss/layout/_float.scss

@@ -16,15 +16,17 @@
 /// @group float
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-float"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--float() {
-    @include module-render("utils-layout-float") {
+    @include import-once("utils-layout-float") {
 
         // Float utility classes
-        $kendo-utils-float: k-map-get( $kendo-utils, "float" ) !default;
+        $kendo-utils-float: map.get( $kendo-utils, "float" ) !default;
         @include generate-utils( float, float, $kendo-utils-float );
 
     }

package/scss/layout/_object-fit.scss

@@ -34,15 +34,17 @@
 /// @group object-fit
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-object-fit"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--object-fit() {
-    @include module-render("utils-layout-object-fit") {
+    @include import-once("utils-layout-object-fit") {
 
         // object-fit utility classes
-        $kendo-utils-object-fit: k-map-get( $kendo-utils, "object-fit" ) !default;
+        $kendo-utils-object-fit: map.get( $kendo-utils, "object-fit" ) !default;
         @include generate-utils( object-fit, object-fit, $kendo-utils-object-fit );
 
     }

package/scss/layout/_object-position.scss

@@ -52,15 +52,17 @@
 /// @group object-position
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-object-position"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--object-position() {
-    @include module-render("utils-layout-object-position") {
+    @include import-once("utils-layout-object-position") {
 
         // object-position utility classes
-        $kendo-utils-object-position: k-map-get( $kendo-utils, "object-position" ) !default;
+        $kendo-utils-object-position: map.get( $kendo-utils, "object-position" ) !default;
         @include generate-utils( object-position, object-position, $kendo-utils-object-position );
 
     }

package/scss/layout/_overflow.scss

@@ -88,15 +88,17 @@
 /// @group overflow
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-overflow"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--overflow() {
-    @include module-render("utils-layout-overflow") {
+    @include import-once("utils-layout-overflow") {
 
         // Overflow utility classes
-        $kendo-utils-overflow: k-map-get( $kendo-utils, "overflow" ) !default;
+        $kendo-utils-overflow: map.get( $kendo-utils, "overflow" ) !default;
         @include generate-utils( overflow, overflow, $kendo-utils-overflow );
         @include generate-utils( overflow-x, overflow-x, $kendo-utils-overflow );
         @include generate-utils( overflow-y, overflow-y, $kendo-utils-overflow );

package/scss/layout/_placement.scss

@@ -88,15 +88,17 @@
 /// @group placement
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-placement"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--placement() {
-    @include module-render("utils-layout-placement") {
+    @include import-once("utils-layout-placement") {
 
         // Top / right / bottom / left
-        $kendo-utils-placement: k-map-get( $kendo-utils, "placement" ) !default;
+        $kendo-utils-placement: map.get( $kendo-utils, "placement" ) !default;
         @include generate-utils( top, top, $kendo-utils-placement );
         @include generate-utils( right, right, $kendo-utils-placement );
         @include generate-utils( bottom, bottom, $kendo-utils-placement );
@@ -110,7 +112,7 @@
         }
 
         // Inset utility classes
-        $kendo-utils-inset: k-map-get( $kendo-utils, "inset" ) !default;
+        $kendo-utils-inset: map.get( $kendo-utils, "inset" ) !default;
         @include generate-utils( inset, inset, $kendo-utils-inset );
         @include generate-utils( inset-x, inset-inline, $kendo-utils-inset );
         @include generate-utils( inset-y, inset-block, $kendo-utils-inset );

package/scss/layout/_position.scss

@@ -28,16 +28,17 @@
 /// @group position
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
 
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-position"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--position() {
-    @include module-render("utils-layout-position") {
+    @include import-once("utils-layout-position") {
 
         // Position utility classes
-        $kendo-utils-position: k-map-get( $kendo-utils, "position" ) !default;
+        $kendo-utils-position: map.get( $kendo-utils, "position" ) !default;
         @include generate-utils( pos, position, $kendo-utils-position );
 
 
@@ -52,6 +53,6 @@
         .\!#{$kendo-prefix}fixed { @extend .\!#{$kendo-prefix}pos-fixed !optional; }
         .#{$kendo-prefix}sticky { @extend .#{$kendo-prefix}pos-sticky !optional; }
         .\!#{$kendo-prefix}sticky { @extend .\!#{$kendo-prefix}pos-sticky !optional; }
-        
+
     }
-}
+}

package/scss/layout/_visibility.scss

@@ -16,15 +16,17 @@
 /// @group visibility
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-visibility"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--visibility() {
-    @include module-render("utils-layout-visibility") {
+    @include import-once("utils-layout-visibility") {
 
         // Visibility utility classes
-        $kendo-utils-visibility: k-map-get( $kendo-utils, "visibility" ) !default;
+        $kendo-utils-visibility: map.get( $kendo-utils, "visibility" ) !default;
         @include generate-utils( visibility, visibility, $kendo-utils-visibility );
 
         // Legacy aliases

package/scss/layout/_zindex.scss

@@ -40,15 +40,17 @@
 /// @group zindex
 /// @contextType css
 
+@use "sass:map";
+@use "../_globals.scss" as *;
+
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-layout-zindex"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--layout--zindex() {
-    @include module-render("utils-layout-zindex") {
+    @include import-once("utils-layout-zindex") {
 
         // Z-index utility classes
-        $kendo-utils-zindex: k-map-get( $kendo-utils, "zindex" ) !default;
+        $kendo-utils-zindex: map.get( $kendo-utils, "zindex" ) !default;
         @include generate-utils( z, z-index, $kendo-utils-zindex );
 
     }

package/scss/layout/index.import.scss

@@ -1,16 +1,30 @@
-@import "./_aspect-ratio.scss";
-@import "./_box-sizing.scss";
-@import "./_clear.scss";
-@import "./_columns.scss";
-@import "./_display.scss";
-@import "./_float.scss";
-@import "./_object-fit.scss";
-@import "./_object-position.scss";
-@import "./_overflow.scss";
-@import "./_placement.scss";
-@import "./_position.scss";
-@import "./_visibility.scss";
-@import "./_zindex.scss";
+@forward "./_aspect-ratio.scss";
+@forward "./_box-sizing.scss";
+@forward "./_clear.scss";
+@forward "./_columns.scss";
+@forward "./_display.scss";
+@forward "./_float.scss";
+@forward "./_object-fit.scss";
+@forward "./_object-position.scss";
+@forward "./_overflow.scss";
+@forward "./_placement.scss";
+@forward "./_position.scss";
+@forward "./_visibility.scss";
+@forward "./_zindex.scss";
+
+@use "./_aspect-ratio.scss" as *;
+@use "./_box-sizing.scss" as *;
+@use "./_clear.scss" as *;
+@use "./_columns.scss" as *;
+@use "./_display.scss" as *;
+@use "./_float.scss" as *;
+@use "./_object-fit.scss" as *;
+@use "./_object-position.scss" as *;
+@use "./_overflow.scss" as *;
+@use "./_placement.scss" as *;
+@use "./_position.scss" as *;
+@use "./_visibility.scss" as *;
+@use "./_zindex.scss" as *;
 
 
 @mixin kendo-utils--layout() {

package/scss/responsive-layout/_col-gap.scss

@@ -1,7 +1,11 @@
+@use "../_globals.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "sass:map";
+
 @mixin kendo-utils--responsive-layout--col-gap() {
 
     // Columns gap
-    $kendo-utils-col-gap: k-map-get( $kendo-utils, "gap" ) !default;
+    $kendo-utils-col-gap: map.get( $kendo-utils, "gap" ) !default;
 
     @each $key, $val in $kendo-utils-col-gap {
         $_key: k-escape-class-name( $key );
@@ -15,7 +19,7 @@
 @mixin kendo-utils--responsive-layout--col-gap--responsive($breakpoint) {
 
     // Columns gap responsive
-    $kendo-utils-col-gap: k-map-get( $kendo-utils, "gap" ) !default;
+    $kendo-utils-col-gap: map.get( $kendo-utils, "gap" ) !default;
 
     @each $key, $val in $kendo-utils-col-gap {
         $_key: k-escape-class-name( $key );