@uni-design-system/uni-core 9.0.1 → 10.1.0

package/dist/esm/index.js

@@ -1098,7 +1098,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: {
@@ -1293,6 +1316,44 @@ var buildComponents = (c) => ({
 		rows: 3,
 		resize: "vertical"
 	} },
+	numberInput: { options: {
+		stepperLayout: "stacked",
+		incrementIcon: "plus",
+		decrementIcon: "minus",
+		stepUpIcon: "chevronUp",
+		stepDownIcon: "chevronDown",
+		stepperWidth: 32,
+		minTouchTarget: 24,
+		affixColor: "on-primary-surface-variant",
+		affixGap: "xs",
+		align: "start",
+		tabularNumerals: true,
+		repeatDelayMs: 500,
+		repeatIntervalMs: 100,
+		repeatFastIntervalMs: 25,
+		repeatRampMs: 2e3
+	} },
+	numberRangeInput: { options: {
+		partGap: "sm",
+		dividerText: "–",
+		dividerColor: "outline",
+		affixColor: "on-primary-surface-variant",
+		affixGap: "xs"
+	} },
+	quantityStepper: {
+		options: {
+			incrementIcon: "plus",
+			decrementIcon: "minus",
+			deleteIcon: "delete",
+			tabularNumerals: true,
+			valueWidth: "3ch"
+		},
+		sizes: {
+			sm: { height: 24 },
+			md: { height: 32 },
+			lg: { height: 40 }
+		}
+	},
 	tabs: { options: {
 		typeface: "title-small",
 		textColor: "on-surface-variant",
@@ -1716,11 +1777,21 @@ var buildComponents = (c) => ({
 		gap: "xxs"
 	} },
 	slider: { options: {
-		color: "primary",
-		trackColor: "surface-variant",
-		borderRadius: "max",
 		trackHeight: 4,
-		thumbSize: 16
+		trackColor: "primary-container",
+		borderRadius: "max",
+		thumbSize: 16,
+		thumbBorderRadius: "max",
+		minTouchTarget: 24,
+		markSize: 3,
+		markColor: "on-primary-container",
+		labelTypeface: "label",
+		labelColor: "on-surface-variant",
+		tooltipColor: "inverse-surface",
+		tooltipTextColor: "on-inverse-surface",
+		tooltipShadow: "menu",
+		tooltipBorderRadius: "xs",
+		transitionMs: 120
 	} },
 	skeleton: { options: {
 		color: "surface-variant",
@@ -1743,11 +1814,30 @@ 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"
+		},
+		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",