@yahoo/uds-mobile 1.0.0 → 1.1.0-beta.1

package/CONTRIBUTING.md

@@ -104,7 +104,7 @@ This is the most important generated file. It contains all Unistyles stylesheets
 **Example input** (from `uds.config.ts` - see `packages/configurator/uds.config.ts`):
 
 ```typescript
-import type { UniversalTokensConfig } from '@yahoo/uds';
+import type { UniversalTokensConfig } from '@yahoo/uds-types';
 
 export const config: UniversalTokensConfig = {
   // Component configs use path-based keys: '{dimension}/{value}/{layer}'
@@ -1059,6 +1059,30 @@ cd packages/mobile
 bun turbo build
 ```
 
+### Two-Terminal Development (Recommended)
+
+For the best experience when working on `@yahoo/uds-mobile` with the demo app, use two terminals:
+
+**Terminal 1** — Watch the UDS Mobile package:
+
+```bash
+turbo run dev --filter=@yahoo/uds-mobile
+```
+
+**Terminal 2** — Run the demo app with full Expo CLI interactivity:
+
+```bash
+cd apps/mobile && bun run ios    # or bun run android
+```
+
+This approach gives you:
+
+- **Package hot-reloading** — Changes to `packages/mobile` are watched by Turbo and picked up by Metro
+- **Interactive Expo CLI** — Press `r` to reload, `d` for dev menu, `i`/`a` to switch platforms
+- **Faster iteration** — No need to rebuild the entire app for JS changes
+
+> **Why two terminals?** Running `turbo run dev` wraps Expo in a way that disables interactive keyboard commands. The two-terminal approach preserves Expo's interactivity while still getting Turbo's package watching.
+
 ### Making Changes
 
 1. **Components** (`src/components/`): Edit directly, run `bun turbo dev` for watch mode

package/README.md

@@ -550,7 +550,7 @@ export const breakpoints = {
 
 ## Contributing
 
-See [CONTRIBUTING.md](./CONTRIBUTING.md) for architecture details, development setup, and internal documentation.
+See [CONTRIBUTING.md](./CONTRIBUTING.md) for the development workflow, architecture details, and internal documentation.
 
 ## API Reference
 

package/dist/bin/{uds/dist/fixtures.mjs → fixtures/dist/index.mjs}

@@ -1,8 +1,5 @@
 #!/usr/bin/env node
-//#region ../uds/dist/fixtures.js
-function fromEntries(item) {
-	return Object.fromEntries(item);
-}
+//#region ../fixtures/dist/index.js
 var elevationAliases = [
 	"elevation-0",
 	"elevation-1",
@@ -172,6 +169,7 @@ var opacitySteps = [
 	"99",
 	"100"
 ];
+var fromEntries = (item) => Object.fromEntries(item);
 var opacityMap = fromEntries(opacitySteps.map((key) => [key, `${parseInt(key) / 100}`]));
 var backgroundColors = [
 	...backgroundPaletteColors,
@@ -202,9 +200,7 @@ var iconSizes = [
 	"md",
 	"lg",
 	"xs"
-].sort((a, b) => {
-	return iconSizeSort[a] - iconSizeSort[b];
-});
+].sort((a, b) => iconSizeSort[a] - iconSizeSort[b]);
 var spacingMap = {
 	"0": 0,
 	px: 1,
@@ -378,9 +374,31 @@ var buttonVariantsFlat = [
 	if (aPriority !== bPriority) return aPriority - bPriority;
 	return a.localeCompare(b);
 });
-var buttonVariantsSecondary = buttonVariantsFlat.filter((variant) => variant.includes("secondary"));
-var buttonVariantsTertiary = buttonVariantsFlat.filter((variant) => variant.includes("tertiary"));
-var buttonVariantsPrimary = buttonVariantsFlat.filter((variant) => !buttonVariantsSecondary.includes(variant) && !buttonVariantsTertiary.includes(variant));
+var buttonVariantsSecondary = buttonVariantsFlat.filter((v) => v.includes("secondary"));
+var buttonVariantsTertiary = buttonVariantsFlat.filter((v) => v.includes("tertiary"));
+var buttonVariantsPrimary = buttonVariantsFlat.filter((v) => !buttonVariantsSecondary.includes(v) && !buttonVariantsTertiary.includes(v));
+var preferredTShirtSizeSort = {
+	none: 0,
+	xs: 1,
+	sm: 2,
+	md: 3,
+	lg: 4,
+	xl: 5,
+	full: 6
+};
+var buttonSizes = [
+	"sm",
+	"md",
+	"lg",
+	"xs"
+].sort((a, b) => preferredTShirtSizeSort[a] - preferredTShirtSizeSort[b]);
+var iconButtonSizes = [
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xs"
+].sort((a, b) => preferredTShirtSizeSort[a] - preferredTShirtSizeSort[b]);
 var shadowVariants = [
 	"none",
 	"xs",

package/dist/bin/{uds/dist/tokens/consts/fontDeclarationsMap.mjs → fonts/dist/index.mjs}

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-//#region ../uds/dist/tokens/consts/fontDeclarationsMap.js
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+//#region ../fonts/dist/index.js
+/*! © 2026 Yahoo, Inc. UDS Fonts v0.0.0-development */
 const UDS_FONTS_CDN_PREFIX = "https://s.yimg.com/bw/fonts";
 const sansFallbacks = [
 	"Helvetica Neue",
@@ -75,97 +75,268 @@ const FONT_DECLARATIONS_MAP = {
 			{
 				fontStyle: "normal",
 				fontWeight: "50",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "50",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "100",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-thin.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-thin.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "100",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-thin-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-thin-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "300",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-light.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-light.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "300",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-light-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-light-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-book.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-book.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-book-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-book-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "500",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-medium.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-medium.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "500",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-medium-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-medium-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-bold.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-bold.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-bold-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-bold-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "800",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "800",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "900",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-black.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-black.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "900",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-black-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/centra-no2-black-italic.woff2`
 			}
 		]
 	},
-	inter: {
+	gelica: {
+		fallback: sansFallbacks,
+		type: "serif",
+		fontFamily: "Gelica",
+		isVariableFont: false,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "ExtraLight",
+				value: 250
+			},
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "SemiBold",
+				value: 600
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "Black",
+				value: 800
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [
+			{
+				fontStyle: "normal",
+				fontWeight: "250",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-extralight.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "250",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-extralight-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "300",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-light.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "300",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-light-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "400",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-regular.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "400",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-regular-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "500",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-medium.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "500",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-medium-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "600",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-semibold.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "600",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-semibold-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "700",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-bold.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "700",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-bold-italic.woff2`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "800",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-black.woff2`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "800",
+				src: `${UDS_FONTS_CDN_PREFIX}/gelica-black-italic.woff2`
+			}
+		]
+	},
+	yas: {
 		fallback: sansFallbacks,
 		type: "sans",
-		fontFamily: "Inter",
+		fontFamily: "YA Sans VF",
 		isVariableFont: true,
 		fontSlants: [{
-			label: "Italic",
-			value: -10
-		}, {
 			label: "None",
 			value: 0
+		}, {
+			label: "Italic",
+			value: 1
 		}],
+		fontWidths: [
+			{
+				label: "Condensed",
+				value: 75
+			},
+			{
+				label: "Normal",
+				value: 100
+			},
+			{
+				label: "Extended",
+				value: 125
+			}
+		],
+		fontWeights: [
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "SemiBold",
+				value: 600
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: 0,
+			fontWidth: 100,
+			fontWeight: 400
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `${UDS_FONTS_CDN_PREFIX}/yas-vf.woff2`
+		}]
+	},
+	inter: {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Inter",
+		isVariableFont: true,
+		fontSlants: void 0,
 		fontWidths: void 0,
 		fontWeights: [
 			{
@@ -206,13 +377,13 @@ const FONT_DECLARATIONS_MAP = {
 			}
 		],
 		defaults: {
-			fontSlant: 0,
+			fontSlant: void 0,
 			fontWidth: void 0,
 			fontWeight: 400
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/inter-vf.woff2') format('woff2')`
+			src: `${UDS_FONTS_CDN_PREFIX}/inter-vf.woff2`
 		}]
 	},
 	"roboto-mono": {
@@ -253,52 +424,52 @@ const FONT_DECLARATIONS_MAP = {
 			{
 				fontStyle: "normal",
 				fontWeight: "100",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-100.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-100.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "100",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-100-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-100-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "300",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-300.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-300.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "300",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-300-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-300-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-400.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-400.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-400-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-400-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "500",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-500.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-500.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "500",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-500-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-500-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-700.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-700.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-700-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/roboto-mono-700-italic.woff2`
 			}
 		]
 	},
@@ -350,7 +521,7 @@ const FONT_DECLARATIONS_MAP = {
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-vf.woff2') format('woff2')`
+			src: `${UDS_FONTS_CDN_PREFIX}/yahoo-sans-vf.woff2`
 		}]
 	},
 	"yahoo-sans-cr4": {
@@ -386,7 +557,7 @@ const FONT_DECLARATIONS_MAP = {
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-cr4-vf.woff2') format('woff2')`
+			src: `${UDS_FONTS_CDN_PREFIX}/yahoo-sans-cr4-vf.woff2`
 		}]
 	},
 	"yahoo-product-sans": {
@@ -422,7 +593,7 @@ const FONT_DECLARATIONS_MAP = {
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-product-sans-vf.woff2') format('woff2-variations')`
+			src: `${UDS_FONTS_CDN_PREFIX}/yahoo-product-sans-vf.woff2`
 		}]
 	},
 	"yahoo-product-sans-extended": {
@@ -496,7 +667,7 @@ const FONT_DECLARATIONS_MAP = {
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/YahooPd_Eval202412-v1.1.0.woff2') format("woff2 supports variations"), url('${UDS_FONTS_CDN_PREFIX}/YahooPd_Eval202412-v1.1.0.woff2') format('woff2-variations')`
+			src: `${UDS_FONTS_CDN_PREFIX}/YahooPd_Eval202412-v1.1.0.woff2`
 		}]
 	},
 	"yahoo-sans-condensed": {
@@ -539,7 +710,7 @@ const FONT_DECLARATIONS_MAP = {
 		},
 		declarations: [{
 			fontWeight: "1 1000",
-			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-condensed-vf.woff2') format('woff2')`
+			src: `${UDS_FONTS_CDN_PREFIX}/yahoo-sans-condensed-vf.woff2`
 		}]
 	},
 	"yahoo-serif-display": {
@@ -580,27 +751,27 @@ const FONT_DECLARATIONS_MAP = {
 			{
 				fontStyle: "normal",
 				fontWeight: "300",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-light.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-light.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-regular.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-regular.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-bold.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-bold.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "800",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-extrabold.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-extrabold.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "900",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-black.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-black.woff2`
 			}
 		]
 	},
@@ -627,22 +798,22 @@ const FONT_DECLARATIONS_MAP = {
 			{
 				fontStyle: "normal",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-regular.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-regular.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "400",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-italic.woff2`
 			},
 			{
 				fontStyle: "normal",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold.woff2`
 			},
 			{
 				fontStyle: "italic",
 				fontWeight: "700",
-				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold-italic.woff2') format('woff2')`
+				src: `${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold-italic.woff2`
 			}
 		]
 	}

package/dist/bin/generateTheme.mjs

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-import { spacingMap } from "./uds/dist/fixtures.mjs";
-import { newAlwaysPalette } from "./uds/dist/tokens/configs/palette/alwaysPalette.mjs";
-import { DEFAULT_SCALE_MODE } from "./uds/dist/tokens/consts/defaultModes.mjs";
-import { FONT_DECLARATIONS_MAP } from "./uds/dist/tokens/consts/fontDeclarationsMap.mjs";
+import { spacingMap } from "./fixtures/dist/index.mjs";
+import { FONT_DECLARATIONS_MAP } from "./fonts/dist/index.mjs";
+import { DEFAULT_SCALE_MODE } from "./modes/dist/index.mjs";
+import { newAlwaysPalette } from "./palette/dist/index.mjs";
 import { MOBILE_STATES, PROPERTY_TO_RN_PROPS, SHADOW_PROPS, TEXT_ONLY_PROPS, toSlashKey } from "./mobile/scripts/utils/configToRNMappings.mjs";
 import { fontAliasToPostscript } from "@yahoo/uds-mobile/fonts";
 
@@ -45,13 +45,15 @@ function sortKeys(obj) {
 	for (const key of keys) sorted[key] = sortKeys(obj[key]);
 	return sorted;
 }
+function isWebFontID(value) {
+	return value in FONT_DECLARATIONS_MAP;
+}
 /**
 * Converts a FontID and weight value to a PostScript font name.
 * React Native requires PostScript names to load fonts, not CSS font-family + weight.
 */
 function getPostScriptName(fontId, weight, italic = false) {
 	const fontConfig = FONT_DECLARATIONS_MAP[fontId];
-	if (!fontConfig) return fontId;
 	let weightConfig = fontConfig.fontWeights.find((w) => w.value === weight);
 	if (!weightConfig) weightConfig = fontConfig.fontWeights.reduce((closest, current) => {
 		const closestDiff = Math.abs(closest.value - weight);
@@ -148,7 +150,7 @@ function generateTypography(typographyConfig, fontConfig) {
 		const fontAlias = style.fontFamily.base;
 		const fontId = fontConfig[fontAlias] ?? fontAlias;
 		const weight = Number(style.fontWeight.base.value);
-		const postScriptName = fontId in FONT_DECLARATIONS_MAP ? getPostScriptName(fontId, weight) : fontId;
+		const postScriptName = isWebFontID(fontId) ? getPostScriptName(fontId, weight) : fontId;
 		result[variant] = {
 			fontSize: parseTypographyValue(style.fontSize.base),
 			lineHeight: parseTypographyValue(style.lineHeight.base),
@@ -161,7 +163,7 @@ function generateTypography(typographyConfig, fontConfig) {
 }
 function generateFontAliases(fontConfig) {
 	const result = {};
-	for (const [alias, fontId] of Object.entries(fontConfig)) if (fontId in FONT_DECLARATIONS_MAP) {
+	for (const [alias, fontId] of Object.entries(fontConfig)) if (isWebFontID(fontId)) {
 		const defaultWeight = FONT_DECLARATIONS_MAP[fontId].defaults.fontWeight;
 		result[alias] = getPostScriptName(fontId, defaultWeight);
 	} else result[alias] = fontId;
@@ -201,7 +203,7 @@ function resolveTypographyStyles(variantName, typography, config) {
 	if (typeof letterSpacing === "number") result.letterSpacing = letterSpacing;
 	if (typeof fontFamily === "string") {
 		const fontId = config.font[fontFamily] ?? fontFamily;
-		if (fontId in FONT_DECLARATIONS_MAP) result.fontFamily = getPostScriptName(fontId, typeof fontWeight === "number" ? fontWeight : 400);
+		if (isWebFontID(fontId)) result.fontFamily = getPostScriptName(fontId, typeof fontWeight === "number" ? fontWeight : 400);
 		else result.fontFamily = fontId;
 	}
 	return result;

package/dist/bin/mobile/scripts/utils/configToRNMappings.mjs

@@ -7,7 +7,7 @@
 const PROPERTY_TO_RN_PROPS = {
 	spacingHorizontal: ["paddingHorizontal"],
 	spacingVertical: ["paddingVertical"],
-	padding: ["padding"],
+	spacing: ["padding"],
 	gap: ["gap"],
 	height: ["height"],
 	width: ["width"],

package/dist/bin/modes/dist/index.mjs

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+//#region ../modes/dist/index.js
+const DEFAULT_SCALE_MODE = "large";
+
+//#endregion
+export { DEFAULT_SCALE_MODE };

package/dist/bin/{uds/dist/tokens/configs/palette/alwaysPalette.mjs → palette/dist/index.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-//#region ../uds/dist/tokens/configs/palette/alwaysPalette.js
+//#region ../palette/dist/index.js
 const deprecatedAlwaysPalette = {
 	white: "#ffffff",
 	black: "#000000",