@yahoo/uds-mobile 2.2.0 → 2.3.0

package/dist/jest/mocks/styles.cjs

@@ -0,0 +1,327 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+
+//#region src/jest/mocks/styles.ts
+var styles_exports = /* @__PURE__ */ require_runtime.__exportAll({
+	avatarStyles: () => avatarStyles,
+	badgeStyles: () => badgeStyles,
+	buttonStyles: () => buttonStyles,
+	checkboxStyles: () => checkboxStyles,
+	chipStyles: () => chipStyles,
+	iconButtonStyles: () => iconButtonStyles,
+	inputStyles: () => inputStyles,
+	linkStyles: () => linkStyles,
+	radioStyles: () => radioStyles,
+	styles: () => styles,
+	switchStyles: () => switchStyles,
+	textStyles: () => textStyles
+});
+/**
+* Jest mock for generated/styles.
+*
+* Provides proxy-based mocks for the generated style objects
+* (styles, buttonStyles, etc.) with useVariants as a no-op.
+*/
+const defaultFoundation = {
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "stretch",
+	justifyContent: "flex-start",
+	padding: 0,
+	paddingHorizontal: 0,
+	paddingVertical: 0,
+	margin: 0,
+	gap: 0,
+	backgroundColor: "transparent",
+	color: "#000000",
+	borderColor: "transparent",
+	borderWidth: 0,
+	borderRadius: 0,
+	fontFamily: "System",
+	fontSize: 14,
+	lineHeight: 20,
+	fontWeight: "regular",
+	opacity: 1,
+	boxShadow: ""
+};
+function createStyleObject(baseStyles = {}) {
+	return new Proxy({
+		...defaultFoundation,
+		...baseStyles,
+		useVariants: jest.fn()
+	}, { get(target, prop) {
+		if (prop === "useVariants") return jest.fn();
+		if (prop in target) return target[prop];
+		if (typeof prop === "string") {
+			if (prop.includes("color") || prop.includes("Color")) return "#000000";
+			if (prop.includes("width") || prop.includes("Width")) return 0;
+			if (prop.includes("radius") || prop.includes("Radius")) return 0;
+			if (prop.includes("size") || prop.includes("Size")) return 16;
+			if (prop.includes("spacing") || prop.includes("Spacing")) return 0;
+			if (prop.includes("gap") || prop.includes("Gap")) return 0;
+		}
+	} });
+}
+function createComponentStyles(styleKeys) {
+	const result = { useVariants: jest.fn() };
+	for (const [key, baseStyles] of Object.entries(styleKeys)) result[key] = createStyleObject(baseStyles);
+	return new Proxy(result, { get(target, prop) {
+		if (prop === "useVariants") return jest.fn();
+		if (prop in target) return target[prop];
+		if (typeof prop === "string") return createStyleObject();
+	} });
+}
+const styles = createComponentStyles({ foundation: defaultFoundation });
+const buttonStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: 8,
+		paddingHorizontal: 16,
+		paddingVertical: 10,
+		backgroundColor: "#6001D2",
+		borderRadius: 8,
+		borderWidth: 0,
+		borderColor: "transparent",
+		opacity: 1,
+		boxShadow: ""
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		letterSpacing: 0,
+		lineHeight: 20,
+		color: "#FFFFFF"
+	},
+	icon: {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16,
+		color: "#FFFFFF"
+	}
+});
+const textStyles = createComponentStyles({ root: {
+	fontFamily: "YahooProductSans-Regular",
+	fontSize: 14,
+	lineHeight: 20,
+	color: "#000000"
+} });
+const inputStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 4
+	},
+	label: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	},
+	inputContainer: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		paddingHorizontal: 12,
+		paddingVertical: 10,
+		backgroundColor: "#FFFFFF",
+		borderRadius: 8,
+		borderWidth: 1,
+		borderColor: "#E0E0E0"
+	},
+	input: {
+		flex: 1,
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 16,
+		lineHeight: 24,
+		color: "#000000"
+	},
+	helperText: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 12,
+		lineHeight: 16,
+		color: "#666666"
+	}
+});
+const checkboxStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	box: {
+		width: 20,
+		height: 20,
+		borderRadius: 4,
+		borderWidth: 2,
+		borderColor: "#6001D2",
+		backgroundColor: "transparent"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const switchStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	track: {
+		width: 48,
+		height: 28,
+		borderRadius: 14,
+		backgroundColor: "#E0E0E0"
+	},
+	thumb: {
+		width: 24,
+		height: 24,
+		borderRadius: 12,
+		backgroundColor: "#FFFFFF"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const avatarStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: 9999,
+		backgroundColor: "#E0E0E0",
+		overflow: "hidden"
+	},
+	image: {
+		width: "100%",
+		height: "100%"
+	},
+	initials: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		color: "#000000"
+	}
+});
+const badgeStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		paddingHorizontal: 8,
+		paddingVertical: 2,
+		borderRadius: 4,
+		backgroundColor: "#E0E0E0"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 12,
+		lineHeight: 16,
+		color: "#000000"
+	}
+});
+const chipStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 4,
+		paddingHorizontal: 12,
+		paddingVertical: 6,
+		borderRadius: 16,
+		backgroundColor: "#F5F5F5",
+		borderWidth: 1,
+		borderColor: "#E0E0E0"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const linkStyles = createComponentStyles({
+	root: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 4
+	},
+	text: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#6001D2",
+		textDecorationLine: "underline"
+	}
+});
+const radioStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	circle: {
+		width: 20,
+		height: 20,
+		borderRadius: 10,
+		borderWidth: 2,
+		borderColor: "#6001D2",
+		backgroundColor: "transparent"
+	},
+	dot: {
+		width: 10,
+		height: 10,
+		borderRadius: 5,
+		backgroundColor: "#6001D2"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const iconButtonStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: 8,
+		backgroundColor: "transparent"
+	},
+	icon: {
+		fontSize: 24,
+		color: "#000000"
+	}
+});
+
+//#endregion
+exports.avatarStyles = avatarStyles;
+exports.badgeStyles = badgeStyles;
+exports.buttonStyles = buttonStyles;
+exports.checkboxStyles = checkboxStyles;
+exports.chipStyles = chipStyles;
+exports.iconButtonStyles = iconButtonStyles;
+exports.inputStyles = inputStyles;
+exports.linkStyles = linkStyles;
+exports.radioStyles = radioStyles;
+exports.styles = styles;
+Object.defineProperty(exports, 'styles_exports', {
+  enumerable: true,
+  get: function () {
+    return styles_exports;
+  }
+});
+exports.switchStyles = switchStyles;
+exports.textStyles = textStyles;

package/dist/jest/mocks/styles.d.cts

@@ -0,0 +1,33 @@
+
+declare namespace styles_d_exports {
+  export { StyleProps, avatarStyles, badgeStyles, buttonStyles, checkboxStyles, chipStyles, iconButtonStyles, inputStyles, linkStyles, radioStyles, styles, switchStyles, textStyles };
+}
+/**
+ * Jest mock for generated/styles.
+ *
+ * Provides proxy-based mocks for the generated style objects
+ * (styles, buttonStyles, etc.) with useVariants as a no-op.
+ */
+declare const styles: Record<string, unknown>;
+declare const buttonStyles: Record<string, unknown>;
+declare const textStyles: Record<string, unknown>;
+declare const inputStyles: Record<string, unknown>;
+declare const checkboxStyles: Record<string, unknown>;
+declare const switchStyles: Record<string, unknown>;
+declare const avatarStyles: Record<string, unknown>;
+declare const badgeStyles: Record<string, unknown>;
+declare const chipStyles: Record<string, unknown>;
+declare const linkStyles: Record<string, unknown>;
+declare const radioStyles: Record<string, unknown>;
+declare const iconButtonStyles: Record<string, unknown>;
+interface StyleProps {
+  color?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderWidth?: number;
+  borderRadius?: number;
+  [key: string]: unknown;
+}
+//#endregion
+export { StyleProps, avatarStyles, badgeStyles, buttonStyles, checkboxStyles, chipStyles, iconButtonStyles, inputStyles, linkStyles, radioStyles, styles, styles_d_exports, switchStyles, textStyles };
+//# sourceMappingURL=styles.d.cts.map

package/dist/jest/mocks/styles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.cts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cAyGa,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cAwBd,YAAA,EAAY,MAAA;AAAA,cA4BZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.d.ts

@@ -0,0 +1,33 @@
+
+declare namespace styles_d_exports {
+  export { StyleProps, avatarStyles, badgeStyles, buttonStyles, checkboxStyles, chipStyles, iconButtonStyles, inputStyles, linkStyles, radioStyles, styles, switchStyles, textStyles };
+}
+/**
+ * Jest mock for generated/styles.
+ *
+ * Provides proxy-based mocks for the generated style objects
+ * (styles, buttonStyles, etc.) with useVariants as a no-op.
+ */
+declare const styles: Record<string, unknown>;
+declare const buttonStyles: Record<string, unknown>;
+declare const textStyles: Record<string, unknown>;
+declare const inputStyles: Record<string, unknown>;
+declare const checkboxStyles: Record<string, unknown>;
+declare const switchStyles: Record<string, unknown>;
+declare const avatarStyles: Record<string, unknown>;
+declare const badgeStyles: Record<string, unknown>;
+declare const chipStyles: Record<string, unknown>;
+declare const linkStyles: Record<string, unknown>;
+declare const radioStyles: Record<string, unknown>;
+declare const iconButtonStyles: Record<string, unknown>;
+interface StyleProps {
+  color?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  borderWidth?: number;
+  borderRadius?: number;
+  [key: string]: unknown;
+}
+//#endregion
+export { StyleProps, avatarStyles, badgeStyles, buttonStyles, checkboxStyles, chipStyles, iconButtonStyles, inputStyles, linkStyles, radioStyles, styles, styles_d_exports, switchStyles, textStyles };
+//# sourceMappingURL=styles.d.ts.map

package/dist/jest/mocks/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../../src/jest/mocks/styles.ts"],"mappings":";;;;;;;;;;cAyGa,MAAA,EAAM,MAAA;AAAA,cAKN,YAAA,EAAY,MAAA;AAAA,cAgCZ,UAAA,EAAU,MAAA;AAAA,cAUV,WAAA,EAAW,MAAA;AAAA,cAuCX,cAAA,EAAc,MAAA;AAAA,cAwBd,YAAA,EAAY,MAAA;AAAA,cA4BZ,YAAA,EAAY,MAAA;AAAA,cAqBZ,WAAA,EAAW,MAAA;AAAA,cAmBX,UAAA,EAAU,MAAA;AAAA,cAsBV,UAAA,EAAU,MAAA;AAAA,cAgBV,WAAA,EAAW,MAAA;AAAA,cA8BX,gBAAA,EAAgB,MAAA;AAAA,UAeZ,UAAA;EACf,KAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EAAA,CACC,GAAA;AAAA"}

package/dist/jest/mocks/styles.js

@@ -0,0 +1,310 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/jest/mocks/styles.ts
+var styles_exports = /* @__PURE__ */ __exportAll({
+	avatarStyles: () => avatarStyles,
+	badgeStyles: () => badgeStyles,
+	buttonStyles: () => buttonStyles,
+	checkboxStyles: () => checkboxStyles,
+	chipStyles: () => chipStyles,
+	iconButtonStyles: () => iconButtonStyles,
+	inputStyles: () => inputStyles,
+	linkStyles: () => linkStyles,
+	radioStyles: () => radioStyles,
+	styles: () => styles,
+	switchStyles: () => switchStyles,
+	textStyles: () => textStyles
+});
+/**
+* Jest mock for generated/styles.
+*
+* Provides proxy-based mocks for the generated style objects
+* (styles, buttonStyles, etc.) with useVariants as a no-op.
+*/
+const defaultFoundation = {
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "stretch",
+	justifyContent: "flex-start",
+	padding: 0,
+	paddingHorizontal: 0,
+	paddingVertical: 0,
+	margin: 0,
+	gap: 0,
+	backgroundColor: "transparent",
+	color: "#000000",
+	borderColor: "transparent",
+	borderWidth: 0,
+	borderRadius: 0,
+	fontFamily: "System",
+	fontSize: 14,
+	lineHeight: 20,
+	fontWeight: "regular",
+	opacity: 1,
+	boxShadow: ""
+};
+function createStyleObject(baseStyles = {}) {
+	return new Proxy({
+		...defaultFoundation,
+		...baseStyles,
+		useVariants: jest.fn()
+	}, { get(target, prop) {
+		if (prop === "useVariants") return jest.fn();
+		if (prop in target) return target[prop];
+		if (typeof prop === "string") {
+			if (prop.includes("color") || prop.includes("Color")) return "#000000";
+			if (prop.includes("width") || prop.includes("Width")) return 0;
+			if (prop.includes("radius") || prop.includes("Radius")) return 0;
+			if (prop.includes("size") || prop.includes("Size")) return 16;
+			if (prop.includes("spacing") || prop.includes("Spacing")) return 0;
+			if (prop.includes("gap") || prop.includes("Gap")) return 0;
+		}
+	} });
+}
+function createComponentStyles(styleKeys) {
+	const result = { useVariants: jest.fn() };
+	for (const [key, baseStyles] of Object.entries(styleKeys)) result[key] = createStyleObject(baseStyles);
+	return new Proxy(result, { get(target, prop) {
+		if (prop === "useVariants") return jest.fn();
+		if (prop in target) return target[prop];
+		if (typeof prop === "string") return createStyleObject();
+	} });
+}
+const styles = createComponentStyles({ foundation: defaultFoundation });
+const buttonStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: 8,
+		paddingHorizontal: 16,
+		paddingVertical: 10,
+		backgroundColor: "#6001D2",
+		borderRadius: 8,
+		borderWidth: 0,
+		borderColor: "transparent",
+		opacity: 1,
+		boxShadow: ""
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		letterSpacing: 0,
+		lineHeight: 20,
+		color: "#FFFFFF"
+	},
+	icon: {
+		fontSize: 16,
+		iconSizeToken: "sm",
+		lineHeight: 16,
+		color: "#FFFFFF"
+	}
+});
+const textStyles = createComponentStyles({ root: {
+	fontFamily: "YahooProductSans-Regular",
+	fontSize: 14,
+	lineHeight: 20,
+	color: "#000000"
+} });
+const inputStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "column",
+		gap: 4
+	},
+	label: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	},
+	inputContainer: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		paddingHorizontal: 12,
+		paddingVertical: 10,
+		backgroundColor: "#FFFFFF",
+		borderRadius: 8,
+		borderWidth: 1,
+		borderColor: "#E0E0E0"
+	},
+	input: {
+		flex: 1,
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 16,
+		lineHeight: 24,
+		color: "#000000"
+	},
+	helperText: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 12,
+		lineHeight: 16,
+		color: "#666666"
+	}
+});
+const checkboxStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	box: {
+		width: 20,
+		height: 20,
+		borderRadius: 4,
+		borderWidth: 2,
+		borderColor: "#6001D2",
+		backgroundColor: "transparent"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const switchStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	track: {
+		width: 48,
+		height: 28,
+		borderRadius: 14,
+		backgroundColor: "#E0E0E0"
+	},
+	thumb: {
+		width: 24,
+		height: 24,
+		borderRadius: 12,
+		backgroundColor: "#FFFFFF"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const avatarStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: 9999,
+		backgroundColor: "#E0E0E0",
+		overflow: "hidden"
+	},
+	image: {
+		width: "100%",
+		height: "100%"
+	},
+	initials: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		color: "#000000"
+	}
+});
+const badgeStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		paddingHorizontal: 8,
+		paddingVertical: 2,
+		borderRadius: 4,
+		backgroundColor: "#E0E0E0"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 12,
+		lineHeight: 16,
+		color: "#000000"
+	}
+});
+const chipStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 4,
+		paddingHorizontal: 12,
+		paddingVertical: 6,
+		borderRadius: 16,
+		backgroundColor: "#F5F5F5",
+		borderWidth: 1,
+		borderColor: "#E0E0E0"
+	},
+	text: {
+		fontFamily: "YahooProductSans-Medium",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const linkStyles = createComponentStyles({
+	root: {
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 4
+	},
+	text: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#6001D2",
+		textDecorationLine: "underline"
+	}
+});
+const radioStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		alignItems: "center",
+		gap: 8
+	},
+	circle: {
+		width: 20,
+		height: 20,
+		borderRadius: 10,
+		borderWidth: 2,
+		borderColor: "#6001D2",
+		backgroundColor: "transparent"
+	},
+	dot: {
+		width: 10,
+		height: 10,
+		borderRadius: 5,
+		backgroundColor: "#6001D2"
+	},
+	label: {
+		fontFamily: "YahooProductSans-Regular",
+		fontSize: 14,
+		lineHeight: 20,
+		color: "#000000"
+	}
+});
+const iconButtonStyles = createComponentStyles({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		borderRadius: 8,
+		backgroundColor: "transparent"
+	},
+	icon: {
+		fontSize: 24,
+		color: "#000000"
+	}
+});
+
+//#endregion
+export { avatarStyles, badgeStyles, buttonStyles, checkboxStyles, chipStyles, iconButtonStyles, inputStyles, linkStyles, radioStyles, styles, styles_exports, switchStyles, textStyles };
+//# sourceMappingURL=styles.js.map