@yahoo/uds 3.66.1 → 3.67.0-beta.1

package/dist/tokens/consts/fontDeclarationsMap.js

@@ -0,0 +1,651 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/consts/fontDeclarationsMap.ts
+const UDS_FONTS_CDN_PREFIX = "https://s.yimg.com/bw/fonts";
+const sansFallbacks = [
+	"Helvetica Neue",
+	"Helvetica",
+	"Arial",
+	"sans-serif"
+];
+const serifFallbacks = [
+	"Georgia",
+	"Times",
+	"Times New Roman",
+	"serif"
+];
+const monoFallbacks = [
+	"ui-monospace",
+	"SFMono-Regular",
+	"Menlo",
+	"Monaco",
+	"Consolas",
+	"Liberation Mono",
+	"Courier New",
+	"monospace"
+];
+const FONT_DECLARATIONS_MAP = {
+	"centra-no2": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Centra No2",
+		isVariableFont: false,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "Hairline",
+				value: 50
+			},
+			{
+				label: "Thin",
+				value: 100
+			},
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Book",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "ExtraBold",
+				value: 800
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [
+			{
+				fontStyle: "normal",
+				fontWeight: "50",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "50",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-hairline-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "100",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-thin.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "100",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-thin-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "300",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-light.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "300",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-light-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-book.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-book-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "500",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-medium.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "500",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-medium-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-bold.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-bold-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "800",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "800",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-extrabold-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "900",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-black.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "900",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/centra-no2-black-italic.woff2') format('woff2')`
+			}
+		]
+	},
+	inter: {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Inter",
+		isVariableFont: true,
+		fontSlants: [{
+			label: "Italic",
+			value: -10
+		}, {
+			label: "None",
+			value: 0
+		}],
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "Thin",
+				value: 100
+			},
+			{
+				label: "Extra Light",
+				value: 200
+			},
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Semi Bold",
+				value: 600
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "Extra Bold",
+				value: 800
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `url('${UDS_FONTS_CDN_PREFIX}/inter-vf.woff2') format('woff2')`
+		}]
+	},
+	"roboto-mono": {
+		fallback: monoFallbacks,
+		type: "mono",
+		fontFamily: "Roboto Mono",
+		isVariableFont: false,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "Thin",
+				value: 100
+			},
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Bold",
+				value: 700
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [
+			{
+				fontStyle: "normal",
+				fontWeight: "100",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-100.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "100",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-100-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "300",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-300.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "300",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-300-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-400.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-400-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "500",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-500.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "500",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-500-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-700.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/roboto-mono-700-italic.woff2') format('woff2')`
+			}
+		]
+	},
+	"yahoo-sans": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Yahoo Sans",
+		isVariableFont: true,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "ExtraLight",
+				value: 200
+			},
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Semibold",
+				value: 585
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "ExtraBold",
+				value: 810
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-vf.woff2') format('woff2')`
+		}]
+	},
+	"yahoo-sans-cr4": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Yahoo CR4 BETA VF",
+		isVariableFont: true,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			(
+			/**
+			* brand guide https://www.figma.com/design/3gDo09eKkxvq6qgHw9Epa2/Product-Visual-Guidance?node-id=41-6148&p=f&t=8NHi3cv3QtiieZNv-0
+			* says Regular should be 450, but variable font has regular at 400
+			*/
+			{
+				label: "Regular",
+				value: 400
+			}),
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Bold",
+				value: 700
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 450
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-cr4-vf.woff2') format('woff2')`
+		}]
+	},
+	"yahoo-product-sans": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Yahoo Product Sans VF",
+		isVariableFont: true,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			(
+			/**
+			* brand guide https://www.figma.com/design/3gDo09eKkxvq6qgHw9Epa2/Product-Visual-Guidance?node-id=41-6148&p=f&t=8NHi3cv3QtiieZNv-0
+			* says Regular should be 450, but variable font has regular at 400
+			*/
+			{
+				label: "Regular",
+				value: 400
+			}),
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Bold",
+				value: 700
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 450
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-product-sans-vf.woff2') format('woff2-variations')`
+		}]
+	},
+	"yahoo-product-sans-extended": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "YahooPd_Eval202412",
+		isVariableFont: true,
+		fontSlants: [{
+			label: "Italic",
+			value: 9
+		}, {
+			label: "None",
+			value: 0
+		}],
+		fontWidths: [
+			{
+				label: "Cond",
+				value: 50
+			},
+			{
+				label: "Normal",
+				value: 75
+			},
+			{
+				label: "Ext",
+				value: 100
+			}
+		],
+		fontWeights: [
+			{
+				label: "Light",
+				value: 300
+			},
+			(
+			/**
+			* brand guide https://www.figma.com/design/3gDo09eKkxvq6qgHw9Epa2/Product-Visual-Guidance?node-id=41-6148&p=f&t=8NHi3cv3QtiieZNv-0
+			* says Regular should be 450, but variable font has regular at 400.
+			* Going to use value from brand guide of 450 vs font file value of 400.
+			*/
+			{
+				label: "Regular",
+				value: 450
+			}),
+			{
+				label: "Medium",
+				value: 500
+			},
+			(
+			/**
+			* Brand guide https://www.figma.com/design/3gDo09eKkxvq6qgHw9Epa2/Product-Visual-Guidance?node-id=41-6148&p=f&t=8NHi3cv3QtiieZNv-0
+			* says 600 should be labeled as Emphasized, but variable font has 600 labeled as Semibold.
+			* Going to use naming from brand guide of Emphasized vs font file name of Semibold.
+			*/
+			{
+				label: "Semibold",
+				value: 600
+			}),
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "Black",
+				value: 850
+			}
+		],
+		defaults: {
+			fontSlant: 0,
+			fontWidth: 75,
+			fontWeight: 450
+		},
+		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')`
+		}]
+	},
+	"yahoo-sans-condensed": {
+		fallback: sansFallbacks,
+		type: "sans",
+		fontFamily: "Yahoo Sans Cond",
+		isVariableFont: true,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Medium",
+				value: 500
+			},
+			{
+				label: "Bold",
+				value: 718
+			},
+			{
+				label: "XBold",
+				value: 800
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [{
+			fontWeight: "1 1000",
+			src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-sans-condensed-vf.woff2') format('woff2')`
+		}]
+	},
+	"yahoo-serif-display": {
+		fallback: serifFallbacks,
+		type: "serif",
+		fontFamily: "Yahoo Serif Display",
+		isVariableFont: false,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [
+			{
+				label: "Light",
+				value: 300
+			},
+			{
+				label: "Regular",
+				value: 400
+			},
+			{
+				label: "Bold",
+				value: 700
+			},
+			{
+				label: "Extrabold",
+				value: 800
+			},
+			{
+				label: "Black",
+				value: 900
+			}
+		],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [
+			{
+				fontStyle: "normal",
+				fontWeight: "300",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-light.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-regular.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-bold.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "800",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-extrabold.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "900",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-display-black.woff2') format('woff2')`
+			}
+		]
+	},
+	"yahoo-serif-text": {
+		fallback: serifFallbacks,
+		type: "serif",
+		fontFamily: "Yahoo Serif Text",
+		isVariableFont: false,
+		fontSlants: void 0,
+		fontWidths: void 0,
+		fontWeights: [{
+			label: "Regular",
+			value: 400
+		}, {
+			label: "Bold",
+			value: 700
+		}],
+		defaults: {
+			fontSlant: void 0,
+			fontWidth: void 0,
+			fontWeight: 400
+		},
+		declarations: [
+			{
+				fontStyle: "normal",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-regular.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "400",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-italic.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "normal",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold.woff2') format('woff2')`
+			},
+			{
+				fontStyle: "italic",
+				fontWeight: "700",
+				src: `url('${UDS_FONTS_CDN_PREFIX}/yahoo-serif-text-bold-italic.woff2') format('woff2')`
+			}
+		]
+	}
+};
+
+//#endregion
+export { FONT_DECLARATIONS_MAP };