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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "8.3.0",
+  "version": "8.4.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.3.0"
+    "@uni-design-system/uni-core": "^8.4.0"
   },
   "module": "fesm2022/uni-design-system-uni-angular.mjs",
   "typings": "types/uni-design-system-uni-angular.d.ts",

package/schematics/ng-add/index.js

@@ -837,6 +837,43 @@ var BaseThicknesses = {
 	standard: 2,
 	thick: 4
 };
+/**
+* Shared motion timing, named by what moves rather than by how fast:
+* a small panel attached to a control snaps (`popup`), a larger free-floating
+* surface settles (`panel`), content growing in place eases at both ends
+* (`reveal`), a transient message arrives and leaves under its own steam
+* (`notification`), and a control answering a pointer should feel immediate
+* (`control`).
+*
+* Fast and linear is deliberate for `popup`. It is the timing every
+* trigger-anchored panel in the library uses — dropdown, menu, multi-select
+* and the combobox-style listboxes — so a form full of them opens uniformly;
+* at 100ms an easing curve is imperceptible anyway, and linear avoids the
+* lag a slow-in curve adds to something the user is waiting on.
+*/
+var BaseMotion = {
+	popup: {
+		duration: 100,
+		easing: "linear",
+		scale: .8
+	},
+	panel: {
+		duration: 250,
+		easing: "ease"
+	},
+	reveal: {
+		duration: 350,
+		easing: "ease-in-out"
+	},
+	notification: {
+		duration: 350,
+		easing: "ease-in-out"
+	},
+	control: {
+		duration: 300,
+		easing: "ease"
+	}
+};
 var BaseRadii = {
 	none: "none",
 	xxs: "4px",
@@ -880,7 +917,7 @@ var buildComponents = (c) => ({
 	alert: { options: {
 		topPosition: 40,
 		borderRadius: "sm",
-		transitionSpeed: .35,
+		motion: "notification",
 		elevation: "md"
 	} },
 	breadcrumb: { options: {
@@ -986,7 +1023,7 @@ var buildComponents = (c) => ({
 		size: 20,
 		ringColor: "outline",
 		fillColor: "surface",
-		transitionSpeed: .3
+		motion: "control"
 	} },
 	dialog: { options: {
 		borderRadius: "lg",
@@ -1023,7 +1060,8 @@ var buildComponents = (c) => ({
 		border: "none",
 		borderRadius: "xxs",
 		color: "primary-surface",
-		shadow: "menu"
+		shadow: "menu",
+		motion: "popup"
 	} },
 	menu: { options: {
 		minWidth: 184,
@@ -1046,7 +1084,7 @@ var buildComponents = (c) => ({
 			textColor: void 0,
 			hoverColor: "primary-container",
 			activeSymbol: "check",
-			transitionSpeed: .35
+			motion: "control"
 		},
 		variants: { warn: {
 			color: c.warn,
@@ -1070,9 +1108,10 @@ var buildComponents = (c) => ({
 		headerTypeface: "title-small",
 		tooltipPadding: "4px 8px",
 		tooltipOpenDelay: 500,
-		tooltipCloseDelay: 150
+		tooltipCloseDelay: 150,
+		motion: "panel"
 	} },
-	expand: { options: { transitionSpeed: .35 } },
+	expand: { options: { motion: "reveal" } },
 	footer: { options: {
 		height: 52,
 		color: "primary",
@@ -1533,11 +1572,13 @@ var buildComponents = (c) => ({
 		borderRadius: "xs",
 		animation: "shimmer",
 		duration: 1.4,
+		direction: "ltr",
+		highlightWidth: 40,
 		gap: "sm"
 	} },
 	snackbar: { options: {
 		bottomPosition: 40,
-		transitionDelay: "0.35s",
+		motion: "notification",
 		autoCloseDelay: 35e3
 	} },
 	symbol: { options: {
@@ -1573,7 +1614,7 @@ var buildComponents = (c) => ({
 		spotlightPadding: 6,
 		spotlightRadius: "xs",
 		ringWidth: 2,
-		transitionMs: 250
+		motion: "panel"
 	} },
 	tour: { options: {
 		progressStyle: "dots",
@@ -1587,7 +1628,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, typography, borders, thicknesses, components }) => ({
+var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, motion, typography, borders, thicknesses, components }) => ({
 	id,
 	name,
 	colors,
@@ -1596,6 +1637,10 @@ var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows =
 	radii,
 	shadows,
 	spacing: BaseSpacing,
+	motion: {
+		...BaseMotion,
+		...motion
+	},
 	thicknesses: {
 		...BaseThicknesses,
 		...thicknesses
@@ -1975,7 +2020,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "8.3.0";
+var version = "8.4.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {