@uni-design-system/uni-angular 10.0.0 → 10.2.0

package/package.json

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

package/schematics/ng-add/index.js

@@ -901,6 +901,30 @@ var buildBorders = (c) => ({
 * surface and draws the edge — so every role stays consistent and a theme can
 * still override any single cell.
 */
+/**
+* Accent roles for the selection controls (checkbox, radio, toggle).
+*
+* A variant names the intent; this says which colour token draws it, and the
+* component decides where it lands — the box fill, the ring, the dot, the
+* track, the focus ring. Keeping it as a role rather than a `variants`
+* StyleExpression is what stops interior class names like `.checkbox-check`
+* becoming public theme contract.
+*
+* The same seven names `button` and `iconButton` theme, so the library is
+* consistent about which intents exist by default.
+*/
+var SELECTION_ACCENTS = {
+	primary: { accent: "primary" },
+	secondary: { accent: "secondary" },
+	tertiary: { accent: "tertiary" },
+	warn: { accent: "warn" },
+	success: { accent: "success" },
+	disabled: { accent: "disabled" },
+	ghost: {
+		accent: "ghost",
+		onAccent: "on-primary"
+	}
+};
 var tagVariant = (c, role) => ({ [role]: {
 	backgroundColor: c[`${role}-container`],
 	color: c[`on-${role}-container`],
@@ -943,7 +967,30 @@ var buildComponents = (c) => ({
 		divider: "light",
 		elevation: "menu",
 		padding: "md",
-		backdrop: { background: "rgba(0, 0, 0, 0.4)" }
+		backdrop: { background: "rgba(0, 0, 0, 0.4)" },
+		scrim: true,
+		background: "solid"
+	} },
+	drawerHeader: { options: {
+		color: void 0,
+		height: 56,
+		padding: "md",
+		textRole: "title-medium",
+		textAlign: "left",
+		divider: "light",
+		closeButtonIcon: "close",
+		closeButtonSize: "md"
+	} },
+	drawerButtons: { options: {
+		gap: "sm",
+		padding: "md",
+		justifyContent: "flex-end",
+		confirmButtonVariant: "primary",
+		cancelButtonVariant: "quaternary",
+		buttonSize: "md",
+		divider: "light",
+		stretch: false,
+		reverseOrder: false
 	} },
 	avatar: {
 		options: {
@@ -1014,18 +1061,24 @@ var buildComponents = (c) => ({
 		activeColor: "primary-container",
 		maxSuggestions: 8
 	} },
-	checkbox: { options: {
-		size: 20,
-		boxColor: "surface",
-		borderRadius: 2,
-		focusRingGap: 2
-	} },
-	radio: { options: {
-		size: 20,
-		ringColor: "outline",
-		fillColor: "surface",
-		motion: "control"
-	} },
+	checkbox: {
+		options: {
+			size: 20,
+			boxColor: "surface",
+			borderRadius: 2,
+			focusRingGap: 2
+		},
+		variantOptions: SELECTION_ACCENTS
+	},
+	radio: {
+		options: {
+			size: 20,
+			ringColor: "outline",
+			fillColor: "surface",
+			motion: "control"
+		},
+		variantOptions: SELECTION_ACCENTS
+	},
 	dialog: { options: {
 		borderRadius: "lg",
 		color: "primary-surface",
@@ -1087,13 +1140,16 @@ var buildComponents = (c) => ({
 			activeSymbol: "check",
 			motion: "control"
 		},
-		variants: { warn: {
-			color: c.warn,
-			[HOVER_OR_KEYBOARD_FOCUS]: {
-				backgroundColor: c["warn-container"],
-				color: c["on-warn-container"]
+		variants: {
+			primary: {},
+			warn: {
+				color: c.warn,
+				[HOVER_OR_KEYBOARD_FOCUS]: {
+					backgroundColor: c["warn-container"],
+					color: c["on-warn-container"]
+				}
 			}
-		} }
+		}
 	},
 	popover: { options: {
 		color: "primary-surface",
@@ -1164,9 +1220,6 @@ var buildComponents = (c) => ({
 	} },
 	quantityStepper: {
 		options: {
-			color: "primary-surface",
-			border: "light",
-			borderRadius: "xs",
 			incrementIcon: "plus",
 			decrementIcon: "minus",
 			deleteIcon: "delete",
@@ -1639,11 +1692,31 @@ var buildComponents = (c) => ({
 		grade: 0,
 		opticalSize: 24
 	} },
-	toggle: { options: {
-		size: 20,
-		trackColor: "surface-variant",
-		knobColor: "surface"
-	} },
+	toggle: {
+		options: {
+			trackColor: "surface-variant",
+			knobColor: "surface",
+			motion: "control"
+		},
+		variantOptions: SELECTION_ACCENTS,
+		sizes: {
+			sm: {
+				width: 28,
+				height: 16,
+				padding: 3
+			},
+			md: {
+				width: 32,
+				height: 18,
+				padding: 3
+			},
+			lg: {
+				width: 40,
+				height: 20,
+				padding: 2
+			}
+		}
+	},
 	tooltip: { options: {
 		border: void 0,
 		borderRadius: "xs",
@@ -2086,7 +2159,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "10.0.0";
+var version = "10.2.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {