@uni-design-system/uni-angular 8.4.0 → 9.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "8.4.0",
+  "version": "9.0.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@angular/core": "^21.2.0",
     "@angular/forms": "^21.2.0",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "^8.4.0"
+    "@uni-design-system/uni-core": "^9.0.0"
   },
   "module": "fesm2022/uni-design-system-uni-angular.mjs",
   "typings": "types/uni-design-system-uni-angular.d.ts",

package/schematics/ng-add/index.js

@@ -15,6 +15,34 @@ var EXPAND_MIN_DURATION = .15;
 var EXPAND_MAX_DURATION = .6;
 EXPAND_MIN_DURATION / EXPAND_DEFAULT_SPEED;
 EXPAND_MAX_DURATION / EXPAND_DEFAULT_SPEED;
+var clamp$2 = (value, min, max) => Math.min(max, Math.max(min, value));
+var toHex2 = (value) => clamp$2(Math.round(value), 0, 255).toString(16).padStart(2, "0");
+var rgbToHex = ({ red, green, blue }) => `#${toHex2(red)}${toHex2(green)}${toHex2(blue)}`.toUpperCase();
+var hexToRgb = (hex) => {
+	let h = hex.replace("#", "").trim();
+	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
+	const int = parseInt(h, 16);
+	return {
+		red: int >> 16 & 255,
+		green: int >> 8 & 255,
+		blue: int & 255
+	};
+};
+/** WCAG relative luminance of an sRGB color (0 = black, 1 = white). */
+var relativeLuminance = ({ red, green, blue }) => {
+	const channel = (value) => {
+		const v = value / 255;
+		return v <= .03928 ? v / 12.92 : Math.pow((v + .055) / 1.055, 2.4);
+	};
+	return .2126 * channel(red) + .7152 * channel(green) + .0722 * channel(blue);
+};
+/** WCAG contrast ratio between two colors (1:1 – 21:1). Accepts RGB or hex. */
+var contrastRatio = (a, b) => {
+	const la = relativeLuminance(typeof a === "string" ? hexToRgb(a) : a);
+	const lb = relativeLuminance(typeof b === "string" ? hexToRgb(b) : b);
+	const [hi, lo] = la > lb ? [la, lb] : [lb, la];
+	return (hi + .05) / (lo + .05);
+};
 var cycle = (angle) => {
 	if (angle > 360) return angle - 360;
 	if (angle < 0) return angle + 360;
@@ -70,34 +98,6 @@ var schemeHues = (hue, scheme) => {
 		}
 	}
 };
-var clamp$2 = (value, min, max) => Math.min(max, Math.max(min, value));
-var toHex2 = (value) => clamp$2(Math.round(value), 0, 255).toString(16).padStart(2, "0");
-var rgbToHex = ({ red, green, blue }) => `#${toHex2(red)}${toHex2(green)}${toHex2(blue)}`.toUpperCase();
-var hexToRgb = (hex) => {
-	let h = hex.replace("#", "").trim();
-	if (h.length === 3) h = h.split("").map((c) => c + c).join("");
-	const int = parseInt(h, 16);
-	return {
-		red: int >> 16 & 255,
-		green: int >> 8 & 255,
-		blue: int & 255
-	};
-};
-/** WCAG relative luminance of an sRGB color (0 = black, 1 = white). */
-var relativeLuminance = ({ red, green, blue }) => {
-	const channel = (value) => {
-		const v = value / 255;
-		return v <= .03928 ? v / 12.92 : Math.pow((v + .055) / 1.055, 2.4);
-	};
-	return .2126 * channel(red) + .7152 * channel(green) + .0722 * channel(blue);
-};
-/** WCAG contrast ratio between two colors (1:1 – 21:1). Accepts RGB or hex. */
-var contrastRatio = (a, b) => {
-	const la = relativeLuminance(typeof a === "string" ? hexToRgb(a) : a);
-	const lb = relativeLuminance(typeof b === "string" ? hexToRgb(b) : b);
-	const [hi, lo] = la > lb ? [la, lb] : [lb, la];
-	return (hi + .05) / (lo + .05);
-};
 var clamp$1 = (value, min, max) => Math.min(max, Math.max(min, value));
 var srgbToLinear = (channel) => channel <= .04045 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
 var linearToSrgb = (channel) => channel <= .0031308 ? 12.92 * channel : 1.055 * Math.pow(channel, 1 / 2.4) - .055;
@@ -830,7 +830,8 @@ var BaseSpacing = {
 	sm: "8px",
 	md: "16px",
 	lg: "32px",
-	xl: "64px"
+	xl: "64px",
+	xxl: "128px"
 };
 var BaseThicknesses = {
 	thin: 1,
@@ -1628,7 +1629,7 @@ var deepMerge = (base, override) => {
 	for (const [key, value] of Object.entries(override)) out[key] = isRecord$1(value) && isRecord$1(out[key]) ? deepMerge(out[key], value) : value;
 	return out;
 };
-var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, motion, typography, borders, thicknesses, components }) => ({
+var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, motion, typography, borders, thicknesses, spacing, components }) => ({
 	id,
 	name,
 	colors,
@@ -1636,7 +1637,10 @@ var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows =
 	borders: deepMerge(buildBorders(colors), borders),
 	radii,
 	shadows,
-	spacing: BaseSpacing,
+	spacing: {
+		...BaseSpacing,
+		...spacing
+	},
 	motion: {
 		...BaseMotion,
 		...motion
@@ -1817,6 +1821,7 @@ var themeExport = (exportName, displayName, colorsConst, shadowsConst, radii) =>
 	`  shadows: ${shadowsConst},`,
 	"  icons,",
 	...radii ? ["  radii,"] : [],
+	"  spacing,",
 	"});"
 ].join("\n");
 /**
@@ -1872,6 +1877,7 @@ var emitThemeFile = (input) => {
 			"  type ComponentThemes,",
 			"  type Icons,",
 			"  type Shadows,",
+			"  type Spacing,",
 			"  type UniTheme,",
 			"} from '@uni-design-system/uni-core';",
 			"",
@@ -1908,6 +1914,15 @@ var emitThemeFile = (input) => {
 			" */",
 			"const icons: Icons = {};",
 			"",
+			"/**",
+			" * Spacing steps, merged over the base scale",
+			" * (none: 0, xxs: 2px, xs: 4px, sm: 8px, md: 16px, lg: 32px, xl: 64px, xxl: 128px).",
+			" * Restate a named step to retune the rhythm, and add your own names for the",
+			" * gaps your design actually uses — every extra key is then a valid `padding`,",
+			" * `gap` or `marginInline` value: `<div stack-layout gap='tight'>`.",
+			" */",
+			"const spacing: Spacing = {};",
+			"",
 			...radii ? [
 				`/** Shape language: '${input.shape}'. */`,
 				`const radii = {\n${recordLiteral(radii, "  ")}\n};`,
@@ -2020,7 +2035,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "8.4.0";
+var version = "9.0.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {