@uni-design-system/uni-core 8.1.0 → 8.3.0

package/dist/cjs/index.cjs

@@ -1262,6 +1262,7 @@ var buildComponents = (c) => ({
 		listColor: "primary-surface",
 		listShadow: "menu",
 		listBorderRadius: "xs",
+		activeColor: "primary-container",
 		maxSuggestions: 8
 	} },
 	checkbox: { options: {
@@ -1344,6 +1345,22 @@ var buildComponents = (c) => ({
 			}
 		} }
 	},
+	popover: { options: {
+		color: "primary-surface",
+		border: "quaternary",
+		borderRadius: "xs",
+		shadow: "raised",
+		typeface: "label",
+		padding: "6px 12px",
+		maxWidth: "38ch",
+		offset: 7,
+		arrowSize: 8,
+		closeSymbol: "close",
+		headerTypeface: "title-small",
+		tooltipPadding: "4px 8px",
+		tooltipOpenDelay: 500,
+		tooltipCloseDelay: 150
+	} },
 	expand: { options: { transitionSpeed: .35 } },
 	footer: { options: {
 		height: 52,
@@ -1352,7 +1369,7 @@ var buildComponents = (c) => ({
 		logoPadding: "md"
 	} },
 	input: { options: {
-		typeFace: "input",
+		typeface: "input",
 		color: "primary-surface",
 		textColor: "on-primary-surface",
 		disabledColor: "disabled-surface",
@@ -1463,6 +1480,7 @@ var buildComponents = (c) => ({
 		listColor: "primary-surface",
 		listShadow: "menu",
 		listBorderRadius: "xs",
+		activeColor: "primary-container",
 		maxSuggestions: 8
 	} },
 	calendar: {
@@ -1498,6 +1516,17 @@ var buildComponents = (c) => ({
 			}
 		}
 	},
+	combobox: { options: {
+		toggleIcon: "chevronDown",
+		clearIcon: "close",
+		selectedIcon: "check",
+		listColor: "primary-surface",
+		listShadow: "menu",
+		listBorderRadius: "xs",
+		activeColor: "primary-container",
+		maxVisibleOptions: 8,
+		descriptionColor: "on-primary-surface-variant"
+	} },
 	dateInput: { options: {
 		toggleSymbol: "calendar_month",
 		popupShadow: "menu",
@@ -1509,6 +1538,7 @@ var buildComponents = (c) => ({
 		listColor: "primary-surface",
 		listShadow: "menu",
 		listBorderRadius: "xs",
+		activeColor: "primary-container",
 		maxVisibleOptions: 7
 	} },
 	dateTimeInput: { options: {
@@ -1816,6 +1846,27 @@ var buildComponents = (c) => ({
 		shadow: "raised",
 		color: "inverse-surface",
 		typeface: "label"
+	} },
+	callout: { options: {
+		color: "primary-surface",
+		borderRadius: "xs",
+		shadow: "menu",
+		width: "320px",
+		padding: "16px",
+		headerTypeface: "title-small",
+		typeface: "label",
+		closeSymbol: "close",
+		arrowSize: 8,
+		offset: 12,
+		scrimColor: "rgba(0, 0, 0, 0.45)",
+		spotlightPadding: 6,
+		spotlightRadius: "xs",
+		ringWidth: 2,
+		transitionMs: 250
+	} },
+	tour: { options: {
+		progressStyle: "dots",
+		footerGap: "sm"
 	} }
 });
 var isRecord$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -1825,11 +1876,11 @@ 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, borders, thicknesses, components }) => ({
+var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, typography, borders, thicknesses, components }) => ({
 	id,
 	name,
 	colors,
-	typography: BaseTypography,
+	typography: deepMerge(BaseTypography, typography),
 	borders: deepMerge(buildBorders(colors), borders),
 	radii,
 	shadows,