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

package/scss/accessibility/_screen-readers.scss

@@ -1,12 +1,14 @@
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-accessibility-screen-readers"));
+@use "@progress/kendo-theme-core/scss/mixins/_import-once.scss" as *;
+@use "../_globals.scss" as *;
+@use "sass:map";
+
 
 @mixin kendo-utils--accessibility--screen-readers() {
-    @include module-render("utils-accessibility-screen-readers") {
+    @include import-once("utils-accessibility-screen-readers") {
 
         // Screen readers utility classes
-        $kendo-utils-accessibility: k-map-get( $kendo-utils, "accessibility" ) !default;
+        $kendo-utils-accessibility: map.get( $kendo-utils, "accessibility" ) !default;
 
         @if $kendo-utils-accessibility {
             /// This class could be assigned to elements which should be visually hidden, but remain accessible for screen readers.

package/scss/accessibility/index.import.scss

@@ -1,4 +1,4 @@
-@import "./_screen-readers.scss";
+@use "./_screen-readers.scss" as *;
 
 @mixin kendo-utils--accessibility() {
     @include kendo-utils--accessibility--screen-readers();

package/scss/all.scss

@@ -1,3 +1,3 @@
-@import "./index.import.scss";
+@use "./index.import.scss" as *;
 
 @include kendo-utils();

package/scss/background/_background-clip.scss

@@ -22,15 +22,17 @@
 /// @group background-clip
 /// @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-background-clip"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--background--background-clip() {
-    @include module-render("utils-background-clip") {
+    @include import-once("utils-background-clip") {
 
         // Background color utility classes
-        $kendo-utils-background-clip: k-map-get( $kendo-utils, "background-clip" ) !default;
+        $kendo-utils-background-clip: map.get( $kendo-utils, "background-clip" ) !default;
         @include generate-utils( bg-clip, background-clip, $kendo-utils-background-clip );
 
     }

package/scss/background/_background-color.scss

@@ -22,15 +22,17 @@
 /// @group background-color
 /// @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-background-color"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--background--background-color() {
-    @include module-render("utils-background-color") {
+    @include import-once("utils-background-color") {
 
         // Background color utility classes
-        $kendo-utils-background-color: k-map-get( $kendo-utils, "background-color" ) !default;
+        $kendo-utils-background-color: map.get( $kendo-utils, "background-color" ) !default;
         @include generate-utils( bg, background-color, $kendo-utils-background-color, $css-var: 'color' );
 
     }

package/scss/background/_background-position.scss

@@ -52,15 +52,17 @@
 /// @group background-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-background-position"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--background--background-position() {
-    @include module-render("utils-background-position") {
+    @include import-once("utils-background-position") {
 
         // Background position utility classes
-        $kendo-utils-background-position: k-map-get( $kendo-utils, "background-position" ) !default;
+        $kendo-utils-background-position: map.get( $kendo-utils, "background-position" ) !default;
         @include generate-utils( bg, background-position, $kendo-utils-background-position );
 
     }

package/scss/background/_background-size.scss

@@ -16,15 +16,17 @@
 /// @group background-size
 /// @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-background-size"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--background--background-size() {
-    @include module-render("utils-background-size") {
+    @include import-once("utils-background-size") {
 
         // Background size utility classes
-        $kendo-utils-background-size: k-map-get( $kendo-utils, "background-size" ) !default;
+        $kendo-utils-background-size: map.get( $kendo-utils, "background-size" ) !default;
         @include generate-utils( bg, background-size, $kendo-utils-background-size );
 
     }

package/scss/background/index.import.scss

@@ -1,7 +1,7 @@
-@import "./_background-clip.scss";
-@import "./_background-color.scss";
-@import "./_background-position.scss";
-@import "./_background-size.scss";
+@use "./_background-clip.scss" as *;
+@use "./_background-color.scss" as *;
+@use "./_background-position.scss" as *;
+@use "./_background-size.scss" as *;
 
 
 @mixin kendo-utils--background() {

package/scss/border/_border-color.scss

@@ -28,15 +28,17 @@
 /// @group border-color
 /// @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-border-color"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--border-color() {
-    @include module-render("utils-border-color") {
+    @include import-once("utils-border-color") {
 
         // Border color utility classes
-        $kendo-utils-border-color: k-map-get( $kendo-utils, "border-color" ) !default;
+        $kendo-utils-border-color: map.get( $kendo-utils, "border-color" ) !default;
         @include generate-utils( border, border-color, $kendo-utils-border-color, $css-var: 'color' );
 
     }

package/scss/border/_border-radius.scss

@@ -322,14 +322,15 @@
 /// @group border-radius
 /// @contextType css
 
-@import "@progress/kendo-theme-core/scss/border-radii/index.import.scss";
+@use "../_mixins.scss" as *;
+
+@use "@progress/kendo-theme-core/scss/border-radii/index.import.scss" as *;
 
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-border-radius"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--border-radius() {
-    @include module-render("utils-border-radius") {
+    @include import-once("utils-border-radius") {
 
         // Border radius utility classes
         @include generate-utils( rounded, border-radius, $kendo-border-radii, $css-var: "border-radius" );

package/scss/border/_border-style.scss

@@ -244,15 +244,17 @@
 /// @group border-style
 /// @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-border-style"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--border-style() {
-    @include module-render("utils-border-style") {
+    @include import-once("utils-border-style") {
 
         // Border style utility classes
-        $kendo-utils-border-style: k-map-get( $kendo-utils, "border-style" ) !default;
+        $kendo-utils-border-style: map.get( $kendo-utils, "border-style" ) !default;
         @include generate-utils( border, border-style, $kendo-utils-border-style );
         @include generate-utils( border-t, border-top-style, $kendo-utils-border-style );
         @include generate-utils( border-r, border-right-style, $kendo-utils-border-style );

package/scss/border/_border-width.scss

@@ -208,15 +208,17 @@
 /// @group border-width
 /// @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-border-width"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--border-width() {
-    @include module-render("utils-border-width") {
+    @include import-once("utils-border-width") {
 
         // Border width utility classes
-        $kendo-utils-border-width: k-map-get( $kendo-utils, "border-width" ) !default;
+        $kendo-utils-border-width: map.get( $kendo-utils, "border-width" ) !default;
         @include generate-utils( border, border-width, $kendo-utils-border-width );
         @include generate-utils( border-t, border-top-width, $kendo-utils-border-width );
         @include generate-utils( border-r, border-right-width, $kendo-utils-border-width );

package/scss/border/_outline-color.scss

@@ -28,15 +28,17 @@
 /// @group outline-color
 /// @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-outline-color"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;;
 
 @mixin kendo-utils--border--outline-color() {
-    @include module-render("utils-outline-color") {
+    @include import-once("utils-outline-color") {
 
         // Outline color utility classes
-        $kendo-utils-outline-color: k-map-get( $kendo-utils, "outline-color" ) !default;
+        $kendo-utils-outline-color: map.get( $kendo-utils, "outline-color" ) !default;
         @include generate-utils( outline, outline-color, $kendo-utils-outline-color, $css-var: 'color' );
 
     }

package/scss/border/_outline-offset.scss

@@ -28,15 +28,17 @@
 /// @group outline-offset
 /// @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-outline-offset"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--outline-offset() {
-    @include module-render("utils-outline-offset") {
+    @include import-once("utils-outline-offset") {
 
         // Outline offset utility classes
-        $kendo-utils-outline-offset: k-map-get( $kendo-utils, "outline-offset" ) !default;
+        $kendo-utils-outline-offset: map.get( $kendo-utils, "outline-offset" ) !default;
         @include generate-utils( outline-offset, outline-offset, $kendo-utils-outline-offset );
 
     }

package/scss/border/_outline-style.scss

@@ -34,15 +34,17 @@
 /// @group outline-style
 /// @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-outline-style"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--outline-style() {
-    @include module-render("utils-outline-style") {
+    @include import-once("utils-outline-style") {
 
         // Outline style utility classes
-        $kendo-utils-outline-style: k-map-get( $kendo-utils, "outline-style" ) !default;
+        $kendo-utils-outline-style: map.get( $kendo-utils, "outline-style" ) !default;
         @include generate-utils( outline, outline-style, $kendo-utils-outline-style );
 
     }

package/scss/border/_outline-width.scss

@@ -28,15 +28,17 @@
 /// @group outline-width
 /// @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-outline-width"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--border--outline-width() {
-    @include module-render("utils-outline-width") {
+    @include import-once("utils-outline-width") {
 
     // Outline width utility classes
-    $kendo-utils-outline-width: k-map-get( $kendo-utils, "outline-width" ) !default;
+    $kendo-utils-outline-width: map.get( $kendo-utils, "outline-width" ) !default;
     @include generate-utils( outline, outline-width, $kendo-utils-outline-width );
 
     }

package/scss/border/index.import.scss

@@ -1,11 +1,11 @@
-@import "./_border-color.scss";
-@import "./_border-radius.scss";
-@import "./_border-style.scss";
-@import "./_border-width.scss";
-@import "./_outline-color.scss";
-@import "./_outline-offset.scss";
-@import "./_outline-style.scss";
-@import "./_outline-width.scss";
+@use "./_border-color.scss" as *;
+@use "./_border-radius.scss" as *;
+@use "./_border-style.scss" as *;
+@use "./_border-width.scss" as *;
+@use "./_outline-color.scss" as *;
+@use "./_outline-offset.scss" as *;
+@use "./_outline-style.scss" as *;
+@use "./_outline-width.scss" as *;
 
 
 @mixin kendo-utils--border() {

package/scss/effects/_opacity.scss

@@ -10,15 +10,17 @@
 /// @group opacity
 /// @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-effects-opacity"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--effects--opacity() {
-    @include module-render("utils-effects-opacity") {
+    @include import-once("utils-effects-opacity") {
 
         // opacity utility classes
-        $kendo-utils-opacity: k-map-get( $kendo-utils, "opacity" ) !default;
+        $kendo-utils-opacity: map.get( $kendo-utils, "opacity" ) !default;
         @include generate-utils( opacity, opacity, $kendo-utils-opacity );
 
     }

package/scss/effects/index.import.scss

@@ -1,6 +1,6 @@
 // box shadow
 // box shadow color
-@import "./_opacity.scss";
+@use "./_opacity.scss" as *;
 
 @mixin kendo-utils--effects() {
     @include kendo-utils--effects--opacity();

package/scss/elevation/index.import.scss

@@ -1,11 +1,11 @@
-@import "@progress/kendo-theme-core/scss/elevation/index.import.scss";
+@use "@progress/kendo-theme-core/scss/elevation/index.import.scss" as *;
+@use "../_globals.scss" as *;
 
 // Register
-@import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
-@include module-register((name: "utils-elevation"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--elevation {
-    @include module-render("utils-elevation") {
+    @include import-once("utils-elevation") {
         @include generate-utils(elevation, box-shadow, $kendo-elevation, $css-var: "elevation");
     }
 }

package/scss/filter/_backdrop.scss

@@ -28,15 +28,17 @@
 /// @group backdrop-blur
 /// @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-filter-backdrop"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--filter--backdrop() {
-    @include module-render("utils-filter-backdrop") {
+    @include import-once("utils-filter-backdrop") {
 
         // backdrop utility classes
-        $kendo-utils-backdrop-blur: k-map-get( $kendo-utils, "backdrop-blur" ) !default;
+        $kendo-utils-backdrop-blur: map.get( $kendo-utils, "backdrop-blur" ) !default;
         @include generate-utils( backdrop-blur, backdrop-filter, $kendo-utils-backdrop-blur );
 
     }

package/scss/filter/index.import.scss

@@ -1,4 +1,4 @@
-@import "./_backdrop.scss";
+@use "./_backdrop.scss" as *;
 
 @mixin kendo-utils--filter() {
     @include kendo-utils--filter--backdrop();

package/scss/flex-grid/_align-content.scss

@@ -76,15 +76,17 @@
 /// @group align-content
 /// @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-flex-grid-align-content"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--align-content() {
-    @include module-render("utils-flex-grid-align-content") {
+    @include import-once("utils-flex-grid-align-content") {
 
         // Align content utility classes
-        $kendo-utils-align-content: k-map-get( $kendo-utils, "align-content" ) !default;
+        $kendo-utils-align-content: map.get( $kendo-utils, "align-content" ) !default;
         @include generate-utils( align-content, align-content, $kendo-utils-align-content );
 
     }

package/scss/flex-grid/_align-items.scss

@@ -70,15 +70,17 @@
 /// @group align-items
 /// @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-flex-grid-align-items"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--align-items() {
-    @include module-render("utils-flex-grid-align-items") {
+    @include import-once("utils-flex-grid-align-items") {
 
         // Align items utility classes
-        $kendo-utils-align-items: k-map-get( $kendo-utils, "align-items" ) !default;
+        $kendo-utils-align-items: map.get( $kendo-utils, "align-items" ) !default;
         @include generate-utils( align-items, align-items, $kendo-utils-align-items );
 
     }

package/scss/flex-grid/_align-self.scss

@@ -76,15 +76,17 @@
 /// @group align-self
 /// @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-flex-grid-align-self"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--align-self() {
-    @include module-render("utils-flex-grid-align-self") {
+    @include import-once("utils-flex-grid-align-self") {
 
         // Align self utility classes
-        $kendo-utils-align-self: k-map-get( $kendo-utils, "align-self" ) !default;
+        $kendo-utils-align-self: map.get( $kendo-utils, "align-self" ) !default;
         @include generate-utils( align-self, align-self, $kendo-utils-align-self );
 
     }

package/scss/flex-grid/_flex-basis.scss

@@ -10,15 +10,17 @@
 /// @group flex-basis
 /// @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-flex-grid-flex-basis"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--flex-basis() {
-    @include module-render("utils-flex-grid-flex-basis") {
+    @include import-once("utils-flex-grid-flex-basis") {
 
         // Flex basis utility classes
-        $kendo-utils-flex-basis: k-map-get( $kendo-utils, "flex-basis" ) !default;
+        $kendo-utils-flex-basis: map.get( $kendo-utils, "flex-basis" ) !default;;
         @include generate-utils( basis, flex-basis, $kendo-utils-flex-basis );
         @include generate-utils( flex-basis, flex-basis, $kendo-utils-flex-basis );
 

package/scss/flex-grid/_flex-direction.scss

@@ -22,15 +22,17 @@
 /// @group flex-direction
 /// @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-flex-grid-flex-direction"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--flex-direction() {
-    @include module-render("utils-flex-grid-flex-direction") {
+    @include import-once("utils-flex-grid-flex-direction") {
 
         // Flex direction utility classes
-        $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
+        $kendo-utils-flex-direction: map.get( $kendo-utils, "flex-direction" ) !default;
         @include generate-utils( flex, flex-direction, $kendo-utils-flex-direction );
 
 
@@ -44,7 +46,7 @@
 @mixin kendo-utils--flex-grid--flex-direction--responsive($key) {
 
     // Flex direction responsive utility classes
-    $kendo-utils-flex-direction: k-map-get( $kendo-utils, "flex-direction" ) !default;
+    $kendo-utils-flex-direction: map.get( $kendo-utils, "flex-direction" ) !default;
     @include generate-utils( flex-#{$key}, flex-direction, $kendo-utils-flex-direction, $important: false );
 
 }

package/scss/flex-grid/_flex-grow.scss

@@ -10,15 +10,17 @@
 /// @group flex-grow
 /// @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-flex-grid-flex-grow"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--flex-grow() {
-    @include module-render("utils-flex-grid-flex-grow") {
+    @include import-once("utils-flex-grid-flex-grow") {
 
         // Flex grow utility classes
-        $kendo-utils-flex-grow: k-map-get( $kendo-utils, "flex-grow" ) !default;
+        $kendo-utils-flex-grow: map.get( $kendo-utils, "flex-grow" ) !default;
         @include generate-utils( grow, flex-grow, $kendo-utils-flex-grow );
         @include generate-utils( flex-grow, flex-grow, $kendo-utils-flex-grow );
 

package/scss/flex-grid/_flex-shrink.scss

@@ -10,15 +10,17 @@
 /// @group flex-shrink
 /// @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-flex-grid-flex-shrink"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--flex-shrink() {
-    @include module-render("utils-flex-grid-flex-shrink") {
+    @include import-once("utils-flex-grid-flex-shrink") {
 
         // Flex shrink utility classes
-        $kendo-utils-flex-shrink: k-map-get( $kendo-utils, "flex-shrink" ) !default;
+        $kendo-utils-flex-shrink: map.get( $kendo-utils, "flex-shrink" ) !default;
         @include generate-utils( shrink, flex-shrink, $kendo-utils-flex-shrink );
         @include generate-utils( flex-shrink, flex-shrink, $kendo-utils-flex-shrink );
 

package/scss/flex-grid/_flex-wrap.scss

@@ -16,15 +16,17 @@
 /// @group flex-wrap
 /// @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-flex-grid-flex-wrap"));
+@use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
 
 @mixin kendo-utils--flex-grid--flex-wrap() {
-    @include module-render("utils-flex-grid-flex-wrap") {
+    @include import-once("utils-flex-grid-flex-wrap") {
 
         // Flex wrap utility classes
-        $kendo-utils-flex-wrap: k-map-get( $kendo-utils, "flex-wrap" ) !default;
+        $kendo-utils-flex-wrap: map.get( $kendo-utils, "flex-wrap" ) !default;
         @include generate-utils( flex, flex-wrap, $kendo-utils-flex-wrap );
 
     }