@progress/kendo-theme-utils 5.4.2-dev.5

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@progress/kendo-theme-utils",
+  "description": "Utility first library alongside Kendo UI",
+  "version": "5.4.2-dev.5",
+  "author": "Progress",
+  "license": "Apache-2.0",
+  "keywords": [
+    "Kendo UI",
+    "Theme",
+    "utils",
+    "css variables"
+  ],
+  "main": "dist/index.css",
+  "sass": "scss/index.scss",
+  "files": [
+    "dist/",
+    "scss/",
+    "lib/"
+  ],
+  "homepage": "https://github.com/telerik/kendo-themes/tree/master/packages/utils",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-themes.git",
+    "directory": "packages/utils"
+  },
+  "bugs": {
+    "url": "https://github.com/telerik/kendo-themes/issues/new?labels=bug,T:utils&template=bug_report.md"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "sass": "gulp sass",
+    "sass:watch": "gulp sass:watch",
+    "sass:swatches": "gulp sass:swatches",
+    "sass:flat": "gulp sass:flat",
+    "dart": "gulp dart",
+    "dart:watch": "gulp dart:watch",
+    "dart:swatches": "gulp dart:swatches",
+    "dart:flat": "gulp dart:flat",
+    "prepublishOnly": "node ../../scripts/themes-prepublish.js",
+    "postpublish": "echo 'no postpublish for utils'"
+  },
+  "gitHead": "504be86c0a4fb0317a91504ee638292815f64b3d"
+}

package/scss/_functions.scss

@@ -0,0 +1,37 @@
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+    @if type-of( $string ) == number {
+        $string: $string + "";
+    }
+
+    $index: str-index($string, $search);
+
+    @if $index {
+        @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+    }
+
+    @return $string;
+}
+
+
+$_kendo-escape-class-name: (
+    ".": "\\.",
+    "/": "\\/"
+);
+
+@function escape-class-name( $text ) {
+    $_text: $text;
+
+    @each $char, $rep in $_kendo-escape-class-name {
+        $_text: str-replace( $_text, unquote( $char ), unquote( $rep ) );
+    }
+
+    @return $_text;
+}

package/scss/_mixins.scss

@@ -0,0 +1,28 @@
+@mixin generate-utils( $name, $props, $values, $function: "", $important: $kendo-important ) {
+    @if $values {
+        $_props: if( type-of($props) == list, $props, ( $props ) );
+        $_fn: if( function-exists( $function ), get-function( $function ), null );
+
+        @each $key, $val in $values {
+            $_key: escape-class-name( $key );
+            $_val: if( type-of($values) == list, $_key, $val );
+            $_name: escape-class-name( $name );
+            $_selector: if( $_key == DEFAULT, #{$kendo-prefix}#{$_name}, #{$kendo-prefix}#{$_name}-#{$_key});
+
+            @if $important != only {
+                .#{$_selector} {
+                    @each $prop in $_props {
+                        #{$prop}: if( $_fn, call($_fn, $_val), $_val );
+                    }
+                }
+            }
+            @if $important {
+                .\!#{$_selector} {
+                    @each $prop in $_props {
+                        #{$prop}:  if( $_fn, call($_fn, $_val), $_val ) !important; // sass-lint:disable-line no-important
+                    }
+                }
+            }
+        }
+    }
+}