@mlut/core 2.3.0 → 2.4.0

package/README.md

@@ -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://mlutcss.github.io/mlut/)
+Full documentation available [here](https://docs.mlut.style/)
 
 ## License ##
 MIT

package/dist/jit/JitEngine.js

@@ -1,10 +1,9 @@
 import { path } from '../utils/path.js';
 import { logger } from '../utils/index.js';
-const isNode = globalThis.process?.env != undefined;
+const isNode = globalThis.window?.document === undefined;
 const isTestEnv = globalThis.process?.env?.NODE_ENV === 'test';
 const sass = await import('sass-embedded')
     .catch(() => import('sass'))
-    .catch(() => import('https://jspm.dev/sass'))
     .catch(() => {
     throw new Error('The Sass package is not installed. You can do this with `npm i -D sass-embedded`');
 });

package/dist/jit/SassSourcesLoader.js

@@ -1,8 +1,8 @@
-const retryPromise = import('https://esm.sh/@octokit/plugin-retry')
-    .catch(() => import('@octokit/plugin-retry'))
+const retryPromise = import('@octokit/plugin-retry')
+    .catch(() => import('https://esm.sh/@octokit/plugin-retry'))
     .then((r) => r.retry);
-const octokit = await import('https://esm.sh/@octokit/rest')
-    .catch(() => import('@octokit/rest'))
+const octokit = await import('@octokit/rest')
+    .catch(() => import('https://esm.sh/@octokit/rest'))
     .then(async (r) => {
     const retry = await retryPromise;
     const ctr = r.Octokit.plugin(retry);

package/dist/sass/tools/functions/high/utils/_value-transformers.scss

@@ -22,20 +22,29 @@ $-directions: map.values(ml.$main-directions);
 
 @function gradient($values, $data: ()) {
 	$first-list: list.nth($values, 1);
+	$first-item: list.nth($first-list, 1);
+	$css-fn-name: map.get(
+		ml.$utils-db, 'utils', 'registry', map.get($data, 'name'), 'css-function'
+	);
 
-	@if list.index($-directions, list.nth($first-list, 1)) {
+	@if (
+		list.index($-directions, $first-item) and
+		string.index($css-fn-name, 'linear')
+	) {
 		$first-list: list.join(to, $first-list);
+	} @else if string.index($css-fn-name, 'conic') {
+		$is-first-item-calc:
+			meta.type-of($first-item) == 'string' and string.index($first-item, 'calc(');
+
+		@if (meta.type-of($first-item) == 'number' or $is-first-item-calc) {
+			$first-list: list.join(from, $first-list);
+		}
 	}
 
 	@return meta.call(
 		// TODO: add cache with frequently used CSS functions
-		meta.get-function(
-			map.get(
-				ml.$utils-db, 'utils', 'registry', map.get($data, 'name'), 'css-function'
-			),
-			true
-		),
-		list.set-nth($values, 1, $first-list)
+		meta.get-function($css-fn-name, true),
+		list.set-nth($values, 1, $first-list),
 	);
 }
 

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

@@ -321,7 +321,8 @@
 // Usage:
 // ```scss
 //	@debug ml.uv('-Gdrl-b;r,black,#ff0'); // repeating-linear-gradient(to bottom right, black, #ff0)
-//	@debug ml.uv('-Gdl-50d,blue;3r,cc;80p'); // linear-gradient(50deg, blue 3rem, currentColor 80%)
+//	@debug ml.uv('-Gdl-50d,blue;3r,cc;80p'); // linear-gradient(-50deg, blue 3rem, currentColor 80%)
+//	@debug ml.uv('-Gdc45d,#000;0.5g,yellow'); // conic-gradient(from 45deg, #000 0.5grad, yellow)
 // ```
 //
 // Styleguide: settings.utils.config.conversion.gradient

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

@@ -815,6 +815,62 @@ $utils-db: (
 				'multi-list-separator': ml.$tULs1,
 				'keywords': ('position', 'gradients'),
 			),
+			'-Gdrd': (
+				'properties': background-image,
+				'transformer': 'gradient',
+				'css-function': 'radial-gradient',
+				'conversion': 'gradient',
+				'multi-list-separator': ml.$tULs1,
+				'keywords': (
+					'position',
+					'radial-shape',
+					'ray-size',
+					'color-space',
+					'hue-interpolation',
+					'gradients',
+				),
+			),
+			'-Gdrr': (
+				'properties': background-image,
+				'transformer': 'gradient',
+				'conversion': 'gradient',
+				'css-function': 'repeating-radial-gradient',
+				'multi-list-separator': ml.$tULs1,
+				'keywords': (
+					'position',
+					'radial-shape',
+					'ray-size',
+					'color-space',
+					'hue-interpolation',
+					'gradients',
+				),
+			),
+			'-Gdc': (
+				'properties': background-image,
+				'transformer': 'gradient',
+				'css-function': 'conic-gradient',
+				'conversion': 'gradient',
+				'multi-list-separator': ml.$tULs1,
+				'keywords': (
+					'position',
+					'color-space',
+					'hue-interpolation',
+					'gradients',
+				),
+			),
+			'-Gdrc': (
+				'properties': background-image,
+				'transformer': 'gradient',
+				'css-function': 'repeating-conic-gradient',
+				'conversion': 'gradient',
+				'multi-list-separator': ml.$tULs1,
+				'keywords': (
+					'position',
+					'color-space',
+					'hue-interpolation',
+					'gradients',
+				),
+			),
 
 			// TRANSFORM
 			'Tf': (
@@ -1831,6 +1887,29 @@ $utils-db: (
 					fill, outline-color, stroke,
 				),
 			),
+			'radial-shape': (
+				// c - center, cc - currentColor
+				'cr': circle,
+				'el': ellipse,
+			),
+			'ray-size': (
+				'css': closest-side,
+				'csc': closest-corner,
+				'fts': farthest-side,
+				'ftc': farthest-corner,
+				'sd': sides,
+			),
+			'color-space': (
+				'dpp': display-p3,
+				'dppl': display-p3-linear,
+				'ppr': prophoto-rgb,
+			),
+			'hue-interpolation': (
+				'sr': shorter,
+				'lr': longer,
+				'ic': increasing,
+				'dc': decreasing,
+			),
 			'sizing': $-sizing-kw,
 		),
 	),

package/dist/utils/path.js

@@ -1,3 +1,3 @@
-export const path = await import('https://esm.sh/path-browserify-esm')
-    .catch(() => import('node:path'))
+export const path = await import('path')
+    .catch(() => import('https://esm.sh/path-browserify-esm'))
     .then((r) => r.default);

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@mlut/core",
-	"version": "2.3.0",
-	"description": "Atomic CSS toolkit with Sass and ergonomics for creating styles of any complexity",
+	"version": "2.4.0",
+	"description": "Tailwind CSS alternative for custom websites and creative coding",
 	"author": "mr150",
 	"type": "module",
 	"license": "MIT",