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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-utils",
   "description": "Utility first library alongside Kendo UI",
-  "version": "9.1.1-dev.2",
+  "version": "10.0.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -33,7 +33,6 @@
     "build": "sass-build",
     "watch": "node ../../scripts/watch-theme",
     "sass": "sass-build",
-    "sass:flat": "gulp dist:flat && sass-build -c sass-flat.config.js",
     "docs": "node ../../scripts/sassdoc.js",
     "predocs": "npm run resolve-variables",
     "resolve-variables": "node ../../scripts/resolve-variables.js",
@@ -43,10 +42,10 @@
     "postpublish": "echo 'no postpublish for utils'"
   },
   "dependencies": {
-    "@progress/kendo-theme-core": "9.1.1-dev.2"
+    "@progress/kendo-theme-core": "10.0.0-dev.0"
   },
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "ce826b0f553eb3a49efdef386c2f488ca4fbc8d1"
+  "gitHead": "a7d870863610924d89ac6d01cdc1fb97a26da5e9"
 }

package/scss/_functions.scss

@@ -1 +1,40 @@
-@import "@progress/kendo-theme-core/scss/functions/index.import.scss";
+@forward "@progress/kendo-theme-core/scss/functions/index.import.scss";
+
+// stylelint-disable scss/at-function-pattern
+@function k-translate( $val ) {
+    @return translate( $val );
+}
+@function k-translate-x( $val ) {
+    @return translateX( $val );
+}
+@function k-translate-y( $val ) {
+    @return translateY( $val );
+}
+// stylelint-enable scss/at-function-pattern
+
+// stylelint-disable scss/at-function-pattern
+@function k-skew-x( $val ) {
+    @return skewX( $val );
+}
+@function k-skew-y( $val ) {
+    @return skewY( $val );
+}
+// stylelint-enable scss/at-function-pattern
+
+// stylelint-disable scss/at-function-pattern
+@function k-rotate( $val ) {
+    @return rotate( $val );
+}
+// stylelint-enable scss/at-function-pattern
+
+// stylelint-disable scss/at-function-pattern
+@function k-scale( $val ) {
+    @return scale( $val );
+}
+@function k-scale-x( $val ) {
+    @return scaleX( $val );
+}
+@function k-scale-y( $val ) {
+    @return scaleY( $val );
+}
+// stylelint-enable scss/at-function-pattern

package/scss/_globals.scss

@@ -0,0 +1,2 @@
+@forward "./_variables.scss";
+@forward "./_mixins.scss";

package/scss/_mixins.scss

@@ -1,13 +1,22 @@
-@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important, $css-var: null ) {
+@use "@progress/kendo-theme-core/scss/functions/index.import.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 ) );
-        $_fn: if( k-meta-function-exists( $function ), k-meta-get-function( $function ), null );
+        $_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 );
             $_name: k-escape-class-name( $name );
             $_selector: if( $_key == DEFAULT, #{$kendo-prefix}#{$_name}, #{$kendo-prefix}#{$_name}-#{$_key});
+            // @debug $_selector;
             $_custom-prop: if( $_key == DEFAULT, var( --kendo-#{$css-var}, #{$_val} ), var( --kendo-#{$css-var}-#{$_key}, #{$_val} ) );
 
             @if $important != only {
@@ -58,4 +67,4 @@
     @media only #{$media} and (min-width: k-map-get( $kendo-breakpoints, #{$breakpoint} )) and (max-width: ( k-map-get( $kendo-breakpoints, #{$next-breakpoint} ) - .02)) {
         @content;
     }
-}
+}