@progress/kendo-theme-utils 12.2.0 → 12.2.1-dev.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "12.2.0",
+  "version": "12.2.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,10 +45,10 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "12.2.0"
+    "@progress/kendo-theme-core": "12.2.1-dev.1"
   },
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "7b4a94ad8c9f218d734e13020cae3a2f35a142cb"
+  "gitHead": "52adf1714a222c00f6353d50266b60ef8c23e9a1"
 }

package/scss/_functions.scss

@@ -1,4 +1,4 @@
-@forward "@progress/kendo-theme-core/scss/functions/index.import.scss";
+@forward "@progress/kendo-theme-core/scss/functions/index.scss";
 
 // stylelint-disable scss/at-function-pattern
 @function k-translate( $val ) {

package/scss/_mixins.scss

@@ -1,19 +1,21 @@
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "sass:meta";
+@use "sass:map";
+@use "sass:list";
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 @use "./_variables.scss" as *;
 @use "./_functions.scss" as *;
-@use "sass:meta";
 
 $kendo-prefix: k- !default;
 $kendo-important: true !default;
 
 @mixin generate-utils( $name, $props, $values, $function: "genFunc", $important: $kendo-important, $css-var: null ) {
     @if $values {
-        $_props: if( k-meta-type-of($props) == list, $props, ( $props ) );
+        $_props: if( meta.type-of($props) == list, $props, ( $props ) );
         $_fn: if( meta.function-exists( $function ), meta.get-function( $function ), null );
 
         @each $key, $val in $values {
             $_key: k-escape-class-name( $key );
-            $_val: if( k-meta-type-of($values) == list, $key, $val );
+            $_val: if( meta.type-of($values) == list, $key, $val );
             $_name: k-escape-class-name( $name );
             $_selector: if( $_key == DEFAULT, #{$kendo-prefix}#{$_name}, #{$kendo-prefix}#{$_name}-#{$_key});
             // @debug $_selector;
@@ -23,9 +25,9 @@ $kendo-important: true !default;
                 .#{$_selector} {
                     @each $prop in $_props {
                         @if $css-var {
-                            #{$prop}: if( $_fn, k-meta-call($_fn, $_custom-prop), $_custom-prop );
+                            #{$prop}: if( $_fn, meta.call($_fn, $_custom-prop), $_custom-prop );
                         } @else {
-                            #{$prop}: if( $_fn, k-meta-call($_fn, $_val), $_val );
+                            #{$prop}: if( $_fn, meta.call($_fn, $_val), $_val );
                         }
                     }
                 }
@@ -34,9 +36,9 @@ $kendo-important: true !default;
                 .\!#{$_selector} {
                     @each $prop in $_props {
                         @if $css-var {
-                            #{$prop}: if( $_fn, k-meta-call($_fn, $-custom-prop), $-custom-prop ) !important; // stylelint-disable-line declaration-no-important
+                            #{$prop}: if( $_fn, meta.call($_fn, $-custom-prop), $-custom-prop ) !important; // stylelint-disable-line declaration-no-important
                         } @else {
-                            #{$prop}:  if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
+                            #{$prop}:  if( $_fn, meta.call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
                         }
                     }
                 }
@@ -60,10 +62,10 @@ $kendo-important: true !default;
 }
 
 @mixin kendo-breakpoint-only( $breakpoint, $media: all ) {
-    $breakpoint-index: k-list-index( k-map-keys($kendo-breakpoints), $breakpoint );
+    $breakpoint-index: list.index( map.keys($kendo-breakpoints), $breakpoint );
     $next-breakpoint-index: $breakpoint-index + 1;
 
-    $next-breakpoint: k-list-nth( k-map-keys($kendo-breakpoints), $next-breakpoint-index );
+    $next-breakpoint: list.nth( map.keys($kendo-breakpoints), $next-breakpoint-index );
     @media only #{$media} and (min-width: k-map-get( $kendo-breakpoints, #{$breakpoint} )) and (max-width: ( k-map-get( $kendo-breakpoints, #{$next-breakpoint} ) - .02)) {
         @content;
     }

package/scss/_variables.scss

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "sass:string";
 @use "@progress/kendo-theme-core/scss/index.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/_map.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/_map.scss" as *;
 
 $kendo-theme-colors: () !default;
 
@@ -851,7 +851,7 @@ $kendo-utils: (
         "270": 270deg,
         "315": 315deg
     ),
-    "translate": k-map-remove( $kendo-sizing, "auto", "min", "max", "fit" ),
+    "translate": map.remove( $kendo-sizing, "auto", "min", "max", "fit" ),
     "skew": (
         "0": 0deg,
         "1": 1deg,

package/scss/all.scss

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

package/scss/border/_border-radius.scss

@@ -324,7 +324,7 @@
 
 @use "../_mixins.scss" as *;
 
-@use "@progress/kendo-theme-core/scss/border-radii/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/border-radii/index.scss" as *;
 
 // Register
 @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;

package/scss/elevation/{index.import.scss → index.scss}

@@ -52,7 +52,7 @@
 /// @group elevation
 /// @contextType css
 
-@use "@progress/kendo-theme-core/scss/elevation/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/elevation/index.scss" as *;
 @use "../_globals.scss" as *;
 
 // Register

package/scss/index.scss

@@ -0,0 +1,66 @@
+@forward "./_globals.scss";
+@forward "./accessibility/index.scss";
+@forward "./layout/index.scss";
+@forward "./responsive-layout/index.scss";
+@forward "./flex-grid/index.scss";
+@forward "./spacing/index.scss";
+@forward "./sizing/index.scss";
+@forward "./typography/index.scss";
+@forward "./background/index.scss";
+@forward "./border/index.scss";
+@forward "./effects/index.scss";
+@forward "./filter/index.scss";
+@forward "./table/index.scss";
+@forward "./transform/index.scss";
+@forward "./interactivity/index.scss";
+@forward "./svg/index.scss";
+@forward "./elevation/index.scss";
+
+@use "./_globals.scss" as *;
+@use "./accessibility/index.scss" as *;
+@use "./layout/index.scss" as *;
+@use "./responsive-layout/index.scss" as *;
+@use "./flex-grid/index.scss" as *;
+@use "./spacing/index.scss" as *;
+@use "./sizing/index.scss" as *;
+@use "./typography/index.scss" as *;
+@use "./background/index.scss" as *;
+@use "./border/index.scss" as *;
+@use "./effects/index.scss" as *;
+@use "./filter/index.scss" as *;
+@use "./table/index.scss" as *;
+@use "./transform/index.scss" as *;
+@use "./interactivity/index.scss" as *;
+@use "./svg/index.scss" as *;
+@use "./elevation/index.scss" as *;
+
+
+// Mixin for all styles
+@mixin kendo-utils() {
+    @include kendo-utils--accessibility();
+    @include kendo-utils--layout();
+    @include kendo-utils--responsive-layout();
+    @include kendo-utils--flex-grid();
+    @include kendo-utils--spacing();
+    @include kendo-utils--sizing();
+    @include kendo-utils--typography();
+    @include kendo-utils--background();
+    @include kendo-utils--border();
+    @include kendo-utils--effects();
+    @include kendo-utils--filter();
+    @include kendo-utils--table();
+    @include kendo-utils--transform();
+    @include kendo-utils--interactivity();
+    @include kendo-utils--svg();
+
+    @include kendo-utils--elevation();
+
+    // Responsive utils
+    @each $key, $val in $kendo-breakpoints {
+        @include kendo-breakpoint-up($key) {
+            @include kendo-utils--layout--responsive($key);
+            @include kendo-utils--flex-grid--responsive($key);
+            @include kendo-utils--spacing--responsive($key);
+        }
+    }
+}

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

@@ -567,7 +567,7 @@
 /// @contextType css
 
 @use "../_globals.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 @use "sass:map";
 
 @mixin kendo-utils--responsive-layout--col-gap() {

package/scss/spacing/{index.import.scss → index.scss}

@@ -1,4 +1,4 @@
-@use "@progress/kendo-theme-core/scss/spacing/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/spacing/index.scss" as *;
 
 @forward "./_margin.scss";
 

package/scss/index.import.scss

@@ -1,70 +0,0 @@
-@forward "./_globals.scss";
-@forward "./accessibility/index.import.scss";
-@forward "./layout/index.import.scss";
-@forward "./responsive-layout/index.import.scss";
-@forward "./flex-grid/index.import.scss";
-@forward "./spacing/index.import.scss";
-@forward "./sizing/index.import.scss";
-@forward "./typography/index.import.scss";
-@forward "./background/index.import.scss";
-@forward "./border/index.import.scss";
-@forward "./effects/index.import.scss";
-@forward "./filter/index.import.scss";
-@forward "./table/index.import.scss";
-// transition
-@forward "./transform/index.import.scss";
-@forward "./interactivity/index.import.scss";
-@forward "./svg/index.import.scss";
-
-@forward "./elevation/index.import.scss";
-
-@use "./_globals.scss" as *;
-@use "./accessibility/index.import.scss" as *;
-@use "./layout/index.import.scss" as *;
-@use "./responsive-layout/index.import.scss" as *;
-@use "./flex-grid/index.import.scss" as *;
-@use "./spacing/index.import.scss" as *;
-@use "./sizing/index.import.scss" as *;
-@use "./typography/index.import.scss" as *;
-@use "./background/index.import.scss" as *;
-@use "./border/index.import.scss" as *;
-@use "./effects/index.import.scss" as *;
-@use "./filter/index.import.scss" as *;
-@use "./table/index.import.scss" as *;
-// transition
-@use "./transform/index.import.scss" as *;
-@use "./interactivity/index.import.scss" as *;
-@use "./svg/index.import.scss" as *;
-
-@use "./elevation/index.import.scss" as *;
-
-
-// Mixin for all styles
-@mixin kendo-utils() {
-    @include kendo-utils--accessibility();
-    @include kendo-utils--layout();
-    @include kendo-utils--responsive-layout();
-    @include kendo-utils--flex-grid();
-    @include kendo-utils--spacing();
-    @include kendo-utils--sizing();
-    @include kendo-utils--typography();
-    @include kendo-utils--background();
-    @include kendo-utils--border();
-    @include kendo-utils--effects();
-    @include kendo-utils--filter();
-    @include kendo-utils--table();
-    @include kendo-utils--transform();
-    @include kendo-utils--interactivity();
-    @include kendo-utils--svg();
-
-    @include kendo-utils--elevation();
-
-    // Responsive utils
-    @each $key, $val in $kendo-breakpoints {
-        @include kendo-breakpoint-up($key) {
-            @include kendo-utils--layout--responsive($key);
-            @include kendo-utils--flex-grid--responsive($key);
-            @include kendo-utils--spacing--responsive($key);
-        }
-    }
-}