@mlut/core 2.1.2 → 2.2.0

package/README.md

@@ -1,8 +1,8 @@
 # mlut core #
 
-<img alt="Logo" src="https://github.com/mr150/mlut/raw/master/docs/img/logo-full.png" width="350"/>
+<img alt="Logo" src="https://github.com/mlutcss/mlut/raw/master/docs/img/logo-full.png" width="350"/>
 
-The [mlut](https://github.com/mr150/mlut) core contains:
+The [mlut](https://github.com/mlutcss/mlut) core contains:
 - Sass tools
 - CSS library
 - JIT engine
@@ -18,7 +18,7 @@ When using this package, you will need to install Sass separately. We recommend
 This allows you to control the versions of all your dependencies, and to choose which Sass implementation to use.
 
 ## Documentation ##
-Full documentation available [here](https://mr150.github.io/mlut/)
+Full documentation available [here](https://mlutcss.github.io/mlut/)
 
 ## License ##
 MIT

package/dist/jit/JitEngine.js

@@ -68,7 +68,14 @@ export class JitEngine {
             logger.warn('No content to generate CSS was found!');
             return '';
         }
-        const allUniqueUtils = [...new Set([...this.utilsByFile.values()].flat())];
+        const mainUtils = [];
+        const atRuleUtils = [];
+        for (const [main, withAr] of this.utilsByFile.values()) {
+            mainUtils.push(main);
+            atRuleUtils.push(withAr);
+        }
+        const sortedAtRuleUtils = atRuleUtils.flat().sort(this.compareUtilsWithAtRule);
+        const allUniqueUtils = [...new Set(mainUtils.flat().concat(sortedAtRuleUtils))];
         const applyStr = `\n@include ${this.sassModuleName}.apply(${JSON.stringify(allUniqueUtils)},(),true);`;
         return sass.compileStringAsync(this.inputFileCache + applyStr, { loadPaths: [this.inputFileDir, 'node_modules'] }).then(({ css }) => css, (e) => (logger.error('Sass compilation error.', e), ''));
     }
@@ -111,7 +118,7 @@ export class JitEngine {
                 }
                 return acc;
             }, new Set())];
-        return mainUtils.concat([...utilsWithAtRule].sort(this.compareUtilsWithAtRule));
+        return [mainUtils, [...utilsWithAtRule]];
     }
     compareUtilsWithAtRule = (a, b) => {
         if (a[0] === '@' && b[0] === '@') {

package/dist/sass/tools/settings/common/_utils.scss

@@ -575,6 +575,27 @@ $utils-db: (
 				),
 			),
 			'Txuo': text-underline-offset,
+			'Txwm': (
+				'properties': text-wrap-mode,
+				'keywords': (
+					'': nowrap,
+					'w': wrap,
+					'n': nowrap,
+				),
+			),
+			'Txws': (
+				'properties': text-wrap-style,
+				'keywords': (
+					'b': balance,
+					's': stable,
+					'p': pretty,
+				),
+			),
+			'Txw': (
+				'properties': text-wrap,
+				'keywords': (Txwm, Txws),
+			),
+
 			'Txi': (
 				'properties': text-indent,
 				'keywords': (
@@ -755,6 +776,11 @@ $utils-db: (
 					's': scroll,
 				),
 			),
+			'Bgbm': (
+				'properties': background-blend-mode,
+				'keywords': 'blend-mode',
+				'multi-list-separator': ml.$tULs1,
+			),
 			'Bgcl': (
 				'properties': background-clip,
 				'keywords': 'box-ext',
@@ -1373,6 +1399,15 @@ $utils-db: (
 				'multi-list-separator': ml.$tULs1,
 				'keywords': 'transition-props'
 			),
+			'Tsb':(
+				'properties':'transition-behavior',
+				'multi-list-separator':ml.$tULs1,
+        'keywords':(
+					'': allow-discrete,
+          'n': normal,
+					'ad': allow-discrete,
+				),
+      ),
 			'Tsd': (
 				'properties': transition-duration,
 				'multi-list-separator': ml.$tULs1,
@@ -1470,6 +1505,10 @@ $utils-db: (
 					'': none,
 				),
 			),
+			'Mibm': (
+				'properties': mix-blend-mode,
+				'keywords': 'blend-mode'
+			),
 			'Us': (
 				'properties': user-select,
 				'keywords': (
@@ -1712,6 +1751,26 @@ $utils-db: (
 				'pb': padding-box,
 				't': text,
 			),
+			'blend-mode': (
+				'n': normal,
+				'm': multiply,
+				's': screen,
+				'o': overlay,
+				'd': darken,
+				'l': lighten,
+				'cd': color-dodge,
+				'cb': color-burn,
+				'hrl': hard-light,
+				'sfl': soft-light,
+				'e': exclusion,
+				'h': hue,
+				'st': saturation,
+				'c': color,
+				'lm': luminosity,
+				'pl': plus-lighter,
+				'pd': plus-darker,
+
+			),
 			'grid-area': (
 				's': span,
 			),

package/package.json

@@ -1,11 +1,11 @@
 {
 	"name": "@mlut/core",
-	"version": "2.1.2",
+	"version": "2.2.0",
 	"description": "Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity",
 	"author": "mr150",
 	"type": "module",
 	"license": "MIT",
-	"homepage": "https://mr150.github.io/mlut/",
+	"homepage": "https://mlut.style/",
 	"types": "dist/index.d.ts",
 	"keywords": [
 		"mlut",
@@ -21,10 +21,10 @@
 	"repository": {
 		"type": "git",
 		"directory": "packages/core",
-		"url": "https://github.com/mr150/mlut.git"
+		"url": "https://github.com/mlutcss/mlut.git"
 	},
 	"bugs": {
-		"url": "https://github.com/mr150/mlut/issues"
+		"url": "https://github.com/mlutcss/mlut/issues"
 	},
 	"exports": {
 		".": {
@@ -41,8 +41,8 @@
 	],
 	"devDependencies": {
 		"@types/node": "^20.10.5",
-		"sass-embedded": "^1.71.0",
-		"sass": "^1.71.0",
+		"sass": "^1.93.0",
+		"sass-embedded": "^1.93.0",
 		"typescript": "^4.8.0"
 	}
 }