@yahoo/uds 3.58.1 → 3.59.0-beta.1

package/dist/defaultTokensConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTokensConfig.js","names":[],"sources":["../src/defaultTokensConfig.ts"],"sourcesContent":["import { yosConfig } from './tokens/configs/yosConfig';\nimport type {\n  BreakpointsConfig,\n  ButtonConfig,\n  ColorModeConfig,\n  FontConfig,\n  GlobalDefaultsConfig,\n  IconButtonConfig,\n  MotionConfig,\n  ScaleModeConfig,\n  ShadowConfig,\n  TypographyConfig,\n  UniversalTokensConfig,\n} from './tokens/types';\n\nexport const defaultTokensConfig = {\n  ...yosConfig,\n  colorMode: yosConfig.colorMode as ColorModeConfig,\n  scaleMode: yosConfig.scaleMode as ScaleModeConfig,\n  font: yosConfig.font as FontConfig,\n  button: yosConfig.button as ButtonConfig,\n  iconButton: yosConfig.iconButton as IconButtonConfig,\n  motion: yosConfig.motion as MotionConfig,\n  shadow: yosConfig.shadow as ShadowConfig,\n  typography: yosConfig.typography as TypographyConfig,\n  globalDefaults: yosConfig.globalDefaults as GlobalDefaultsConfig,\n  breakpoints: yosConfig.breakpoints as BreakpointsConfig,\n  version: 'v0.63.0', // NOTE: Match the latest migration version\n} satisfies UniversalTokensConfig;\n\nexport { defaultUniversalTokensConfigAuto } from '../generated/universalTokensConfigAuto';\n"],"mappings":";;;;;AAeA,MAAa,sBAAsB;CACjC,GAAG;CACH,WAAW,UAAU;CACrB,WAAW,UAAU;CACrB,MAAM,UAAU;CAChB,QAAQ,UAAU;CAClB,YAAY,UAAU;CACtB,QAAQ,UAAU;CAClB,QAAQ,UAAU;CAClB,YAAY,UAAU;CACtB,gBAAgB,UAAU;CAC1B,aAAa,UAAU;CACvB,SAAS;CACV"}

package/dist/fixtures/macros/typesToConstants.cjs

@@ -0,0 +1,29 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let ts_morph = require("ts-morph");
+let node_path = require("node:path");
+node_path = require_rolldown_runtime.__toESM(node_path);
+
+//#region src/fixtures/macros/typesToConstants.ts
+const typesFile = node_path.default.resolve(__dirname, "../../tokens/types.ts");
+const iconsTypeFile = node_path.default.resolve(__dirname, "../../../../icons/src/types.ts");
+const project = new ts_morph.Project();
+const typeFile = project.addSourceFileAtPath(typesFile);
+/** Ensure the @yahoo/uds-icons/types are accessible when generating fixtures */
+const iconTypesFile = project.addSourceFileAtPath(iconsTypeFile);
+/** Remove imports from icon types since we are going to manually add to uds types so they are accessible */
+typeFile.getImportDeclarations().forEach((importDeclaration) => {
+	if (importDeclaration.getModuleSpecifierValue() === "@yahoo/uds-icons/types") importDeclaration.remove();
+});
+/** Add icon types directly to uds types so they are accessible */
+typeFile.addStatements(iconTypesFile.getFullText());
+function typesToConstants(typeName) {
+	const type = typeFile.getTypeAliasOrThrow(typeName).getType();
+	if (type.isUnion()) return type.getUnionTypes().map((t) => t.getLiteralValue()).filter(Boolean);
+	const properties = type.getProperties();
+	if (properties.length > 0) return properties.map((prop) => prop.getName());
+	throw new Error(`Unsupported type: ${typeName}`);
+}
+
+//#endregion
+exports.typesToConstants = typesToConstants;

package/dist/fixtures/macros/typesToConstants.d.cts

@@ -0,0 +1,5 @@
+//#region src/fixtures/macros/typesToConstants.d.ts
+declare function typesToConstants<TypeToReturn>(typeName: string): TypeToReturn[];
+//#endregion
+export { typesToConstants };
+//# sourceMappingURL=typesToConstants.d.cts.map

package/dist/fixtures/macros/typesToConstants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typesToConstants.d.cts","names":[],"sources":["../../../src/fixtures/macros/typesToConstants.ts"],"sourcesContent":[],"mappings":";iBAsBgB,kDAAkD"}

package/dist/fixtures/macros/typesToConstants.d.ts

@@ -0,0 +1,5 @@
+//#region src/fixtures/macros/typesToConstants.d.ts
+declare function typesToConstants<TypeToReturn>(typeName: string): TypeToReturn[];
+//#endregion
+export { typesToConstants };
+//# sourceMappingURL=typesToConstants.d.ts.map

package/dist/fixtures/macros/typesToConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typesToConstants.d.ts","names":[],"sources":["../../../src/fixtures/macros/typesToConstants.ts"],"sourcesContent":[],"mappings":";iBAsBgB,kDAAkD"}

package/dist/fixtures/macros/typesToConstants.js

@@ -0,0 +1,28 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { Project } from "ts-morph";
+import path from "node:path";
+
+//#region src/fixtures/macros/typesToConstants.ts
+const typesFile = path.resolve(__dirname, "../../tokens/types.ts");
+const iconsTypeFile = path.resolve(__dirname, "../../../../icons/src/types.ts");
+const project = new Project();
+const typeFile = project.addSourceFileAtPath(typesFile);
+/** Ensure the @yahoo/uds-icons/types are accessible when generating fixtures */
+const iconTypesFile = project.addSourceFileAtPath(iconsTypeFile);
+/** Remove imports from icon types since we are going to manually add to uds types so they are accessible */
+typeFile.getImportDeclarations().forEach((importDeclaration) => {
+	if (importDeclaration.getModuleSpecifierValue() === "@yahoo/uds-icons/types") importDeclaration.remove();
+});
+/** Add icon types directly to uds types so they are accessible */
+typeFile.addStatements(iconTypesFile.getFullText());
+function typesToConstants(typeName) {
+	const type = typeFile.getTypeAliasOrThrow(typeName).getType();
+	if (type.isUnion()) return type.getUnionTypes().map((t) => t.getLiteralValue()).filter(Boolean);
+	const properties = type.getProperties();
+	if (properties.length > 0) return properties.map((prop) => prop.getName());
+	throw new Error(`Unsupported type: ${typeName}`);
+}
+
+//#endregion
+export { typesToConstants };
+//# sourceMappingURL=typesToConstants.js.map

package/dist/fixtures/macros/typesToConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typesToConstants.js","names":[],"sources":["../../../src/fixtures/macros/typesToConstants.ts"],"sourcesContent":["import path from 'node:path';\n\nimport { Project } from 'ts-morph';\n\nconst typesFile = path.resolve(__dirname, '../../tokens/types.ts');\nconst iconsTypeFile = path.resolve(__dirname, '../../../../icons/src/types.ts');\n\nconst project = new Project();\nconst typeFile = project.addSourceFileAtPath(typesFile);\n\n/** Ensure the @yahoo/uds-icons/types are accessible when generating fixtures */\nconst iconTypesFile = project.addSourceFileAtPath(iconsTypeFile);\n/** Remove imports from icon types since we are going to manually add to uds types so they are accessible */\ntypeFile.getImportDeclarations().forEach((importDeclaration) => {\n  const isIconType = importDeclaration.getModuleSpecifierValue() === '@yahoo/uds-icons/types';\n  if (isIconType) {\n    importDeclaration.remove();\n  }\n});\n/** Add icon types directly to uds types so they are accessible */\ntypeFile.addStatements(iconTypesFile.getFullText());\n\nexport function typesToConstants<TypeToReturn>(typeName: string): TypeToReturn[] {\n  const typeAlias = typeFile.getTypeAliasOrThrow(typeName);\n  const type = typeAlias.getType();\n\n  // Handle string literal types\n  if (type.isUnion()) {\n    return type\n      .getUnionTypes()\n      .map((t) => t.getLiteralValue() as TypeToReturn)\n      .filter(Boolean);\n  }\n\n  // Handle object types\n  const properties = type.getProperties();\n  if (properties.length > 0) {\n    return properties.map((prop) => prop.getName() as TypeToReturn);\n  }\n\n  throw new Error(`Unsupported type: ${typeName}`);\n}\n"],"mappings":";;;;;AAIA,MAAM,YAAY,KAAK,QAAQ,WAAW,wBAAwB;AAClE,MAAM,gBAAgB,KAAK,QAAQ,WAAW,iCAAiC;AAE/E,MAAM,UAAU,IAAI,SAAS;AAC7B,MAAM,WAAW,QAAQ,oBAAoB,UAAU;;AAGvD,MAAM,gBAAgB,QAAQ,oBAAoB,cAAc;;AAEhE,SAAS,uBAAuB,CAAC,SAAS,sBAAsB;AAE9D,KADmB,kBAAkB,yBAAyB,KAAK,yBAEjE,mBAAkB,QAAQ;EAE5B;;AAEF,SAAS,cAAc,cAAc,aAAa,CAAC;AAEnD,SAAgB,iBAA+B,UAAkC;CAE/E,MAAM,OADY,SAAS,oBAAoB,SAAS,CACjC,SAAS;AAGhC,KAAI,KAAK,SAAS,CAChB,QAAO,KACJ,eAAe,CACf,KAAK,MAAM,EAAE,iBAAiB,CAAiB,CAC/C,OAAO,QAAQ;CAIpB,MAAM,aAAa,KAAK,eAAe;AACvC,KAAI,WAAW,SAAS,EACtB,QAAO,WAAW,KAAK,SAAS,KAAK,SAAS,CAAiB;AAGjE,OAAM,IAAI,MAAM,qBAAqB,WAAW"}

package/dist/fixtures/utils/getScaleModeRamp.cjs

@@ -0,0 +1,43 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_utils_entries = require('../../utils/entries.cjs');
+const require_tokens_configs_scaleMode = require('../../tokens/configs/scaleMode.cjs');
+
+//#region src/fixtures/utils/getScaleModeRamp.ts
+const borderWidthMap = {
+	xSmall: require_tokens_configs_scaleMode.scaleMode.xSmall.borderWidth,
+	small: require_tokens_configs_scaleMode.scaleMode.small.borderWidth,
+	medium: require_tokens_configs_scaleMode.scaleMode.medium.borderWidth,
+	large: require_tokens_configs_scaleMode.scaleMode.large.borderWidth,
+	xLarge: require_tokens_configs_scaleMode.scaleMode.xLarge.borderWidth,
+	xxLarge: require_tokens_configs_scaleMode.scaleMode.xxLarge.borderWidth,
+	xxxLarge: require_tokens_configs_scaleMode.scaleMode.xxxLarge.borderWidth
+};
+const borderRadiusMap = {
+	xSmall: require_tokens_configs_scaleMode.scaleMode.xSmall.borderRadius,
+	small: require_tokens_configs_scaleMode.scaleMode.small.borderRadius,
+	medium: require_tokens_configs_scaleMode.scaleMode.medium.borderRadius,
+	large: require_tokens_configs_scaleMode.scaleMode.large.borderRadius,
+	xLarge: require_tokens_configs_scaleMode.scaleMode.xLarge.borderRadius,
+	xxLarge: require_tokens_configs_scaleMode.scaleMode.xxLarge.borderRadius,
+	xxxLarge: require_tokens_configs_scaleMode.scaleMode.xxxLarge.borderRadius
+};
+function getBorderWidthRamp(scaleMode$1) {
+	return require_utils_entries.entries(borderWidthMap.large).reduce((prev, [alias, baseBorderWidth]) => {
+		return {
+			...prev,
+			[alias]: borderWidthMap[scaleMode$1][alias] - baseBorderWidth
+		};
+	}, {});
+}
+function getBorderRadiusRamp(scaleMode$1) {
+	return require_utils_entries.entries(borderRadiusMap.large).reduce((prev, [alias, baseBorderRadius]) => {
+		return {
+			...prev,
+			[alias]: borderRadiusMap[scaleMode$1][alias] - baseBorderRadius
+		};
+	}, {});
+}
+
+//#endregion
+exports.getBorderRadiusRamp = getBorderRadiusRamp;
+exports.getBorderWidthRamp = getBorderWidthRamp;

package/dist/fixtures/utils/getScaleModeRamp.d.cts

@@ -0,0 +1,9 @@
+import { BorderWidth, ScaleMode, TShirtSize } from "../../tokens/types.cjs";
+import "../../tokens/index.cjs";
+
+//#region src/fixtures/utils/getScaleModeRamp.d.ts
+declare function getBorderWidthRamp(scaleMode: ScaleMode): Record<BorderWidth, number>;
+declare function getBorderRadiusRamp(scaleMode: ScaleMode): Record<TShirtSize, number>;
+//#endregion
+export { getBorderRadiusRamp, getBorderWidthRamp };
+//# sourceMappingURL=getScaleModeRamp.d.cts.map

package/dist/fixtures/utils/getScaleModeRamp.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScaleModeRamp.d.cts","names":[],"sources":["../../../src/fixtures/utils/getScaleModeRamp.ts"],"sourcesContent":[],"mappings":";;;;iBAyBgB,kBAAA,YAA8B,YAAS,OAAA;iBAYvC,mBAAA,YAA+B,YAAS,OAAA,UAAA,CAAA"}

package/dist/fixtures/utils/getScaleModeRamp.d.ts

@@ -0,0 +1,9 @@
+import { BorderWidth, ScaleMode, TShirtSize } from "../../tokens/types.js";
+import "../../tokens/index.js";
+
+//#region src/fixtures/utils/getScaleModeRamp.d.ts
+declare function getBorderWidthRamp(scaleMode: ScaleMode): Record<BorderWidth, number>;
+declare function getBorderRadiusRamp(scaleMode: ScaleMode): Record<TShirtSize, number>;
+//#endregion
+export { getBorderRadiusRamp, getBorderWidthRamp };
+//# sourceMappingURL=getScaleModeRamp.d.ts.map

package/dist/fixtures/utils/getScaleModeRamp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScaleModeRamp.d.ts","names":[],"sources":["../../../src/fixtures/utils/getScaleModeRamp.ts"],"sourcesContent":[],"mappings":";;;;iBAyBgB,kBAAA,YAA8B,YAAS,OAAA;iBAYvC,mBAAA,YAA+B,YAAS,OAAA,UAAA,CAAA"}

package/dist/fixtures/utils/getScaleModeRamp.js

@@ -0,0 +1,43 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { entries } from "../../utils/entries.js";
+import { scaleMode } from "../../tokens/configs/scaleMode.js";
+
+//#region src/fixtures/utils/getScaleModeRamp.ts
+const borderWidthMap = {
+	xSmall: scaleMode.xSmall.borderWidth,
+	small: scaleMode.small.borderWidth,
+	medium: scaleMode.medium.borderWidth,
+	large: scaleMode.large.borderWidth,
+	xLarge: scaleMode.xLarge.borderWidth,
+	xxLarge: scaleMode.xxLarge.borderWidth,
+	xxxLarge: scaleMode.xxxLarge.borderWidth
+};
+const borderRadiusMap = {
+	xSmall: scaleMode.xSmall.borderRadius,
+	small: scaleMode.small.borderRadius,
+	medium: scaleMode.medium.borderRadius,
+	large: scaleMode.large.borderRadius,
+	xLarge: scaleMode.xLarge.borderRadius,
+	xxLarge: scaleMode.xxLarge.borderRadius,
+	xxxLarge: scaleMode.xxxLarge.borderRadius
+};
+function getBorderWidthRamp(scaleMode$1) {
+	return entries(borderWidthMap.large).reduce((prev, [alias, baseBorderWidth]) => {
+		return {
+			...prev,
+			[alias]: borderWidthMap[scaleMode$1][alias] - baseBorderWidth
+		};
+	}, {});
+}
+function getBorderRadiusRamp(scaleMode$1) {
+	return entries(borderRadiusMap.large).reduce((prev, [alias, baseBorderRadius]) => {
+		return {
+			...prev,
+			[alias]: borderRadiusMap[scaleMode$1][alias] - baseBorderRadius
+		};
+	}, {});
+}
+
+//#endregion
+export { getBorderRadiusRamp, getBorderWidthRamp };
+//# sourceMappingURL=getScaleModeRamp.js.map

package/dist/fixtures/utils/getScaleModeRamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getScaleModeRamp.js","names":["scaleMode"],"sources":["../../../src/fixtures/utils/getScaleModeRamp.ts"],"sourcesContent":["import type { BorderRadius, BorderWidth, ScaleMode } from '@yahoo/uds/tokens';\n\nimport { scaleMode } from '../../tokens/configs/scaleMode';\nimport { entries } from '../../utils/entries';\n\nconst borderWidthMap = {\n  xSmall: scaleMode.xSmall.borderWidth,\n  small: scaleMode.small.borderWidth,\n  medium: scaleMode.medium.borderWidth,\n  large: scaleMode.large.borderWidth,\n  xLarge: scaleMode.xLarge.borderWidth,\n  xxLarge: scaleMode.xxLarge.borderWidth,\n  xxxLarge: scaleMode.xxxLarge.borderWidth,\n} as Record<ScaleMode, Record<BorderWidth, number>>;\n\nconst borderRadiusMap = {\n  xSmall: scaleMode.xSmall.borderRadius,\n  small: scaleMode.small.borderRadius,\n  medium: scaleMode.medium.borderRadius,\n  large: scaleMode.large.borderRadius,\n  xLarge: scaleMode.xLarge.borderRadius,\n  xxLarge: scaleMode.xxLarge.borderRadius,\n  xxxLarge: scaleMode.xxxLarge.borderRadius,\n} as Record<ScaleMode, Record<BorderRadius, number>>;\n\nexport function getBorderWidthRamp(scaleMode: ScaleMode) {\n  return entries(borderWidthMap.large).reduce(\n    (prev, [alias, baseBorderWidth]) => {\n      return {\n        ...prev,\n        [alias]: borderWidthMap[scaleMode][alias] - baseBorderWidth,\n      };\n    },\n    {} as Record<BorderWidth, number>,\n  );\n}\n\nexport function getBorderRadiusRamp(scaleMode: ScaleMode) {\n  return entries(borderRadiusMap.large).reduce(\n    (prev, [alias, baseBorderRadius]) => {\n      return {\n        ...prev,\n        [alias]: borderRadiusMap[scaleMode][alias] - baseBorderRadius,\n      };\n    },\n    {} as Record<BorderRadius, number>,\n  );\n}\n"],"mappings":";;;;;AAKA,MAAM,iBAAiB;CACrB,QAAQ,UAAU,OAAO;CACzB,OAAO,UAAU,MAAM;CACvB,QAAQ,UAAU,OAAO;CACzB,OAAO,UAAU,MAAM;CACvB,QAAQ,UAAU,OAAO;CACzB,SAAS,UAAU,QAAQ;CAC3B,UAAU,UAAU,SAAS;CAC9B;AAED,MAAM,kBAAkB;CACtB,QAAQ,UAAU,OAAO;CACzB,OAAO,UAAU,MAAM;CACvB,QAAQ,UAAU,OAAO;CACzB,OAAO,UAAU,MAAM;CACvB,QAAQ,UAAU,OAAO;CACzB,SAAS,UAAU,QAAQ;CAC3B,UAAU,UAAU,SAAS;CAC9B;AAED,SAAgB,mBAAmB,aAAsB;AACvD,QAAO,QAAQ,eAAe,MAAM,CAAC,QAClC,MAAM,CAAC,OAAO,qBAAqB;AAClC,SAAO;GACL,GAAG;IACF,QAAQ,eAAeA,aAAW,SAAS;GAC7C;IAEH,EAAE,CACH;;AAGH,SAAgB,oBAAoB,aAAsB;AACxD,QAAO,QAAQ,gBAAgB,MAAM,CAAC,QACnC,MAAM,CAAC,OAAO,sBAAsB;AACnC,SAAO;GACL,GAAG;IACF,QAAQ,gBAAgBA,aAAW,SAAS;GAC9C;IAEH,EAAE,CACH"}

package/dist/fixtures/utils/getTailwindAsUdsColors.cjs

@@ -0,0 +1,69 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_tokens_consts_cssTokens = require('../../tokens/consts/cssTokens.cjs');
+const require_utils_entries = require('../../utils/entries.cjs');
+const require_utils_mapValues = require('../../utils/mapValues.cjs');
+const require_tokens_configs_spectrum = require('../../tokens/configs/spectrum.cjs');
+let node_module = require("node:module");
+let tailwindcss_lib_util_flattenColorPalette = require("tailwindcss/lib/util/flattenColorPalette");
+tailwindcss_lib_util_flattenColorPalette = require_rolldown_runtime.__toESM(tailwindcss_lib_util_flattenColorPalette);
+
+//#region src/fixtures/utils/getTailwindAsUdsColors.ts
+const tailwindColorsConfig = (0, node_module.createRequire)(require("url").pathToFileURL(__filename).href)("tailwindcss/colors.js");
+const udsLightColors = spaceSeparatedRgbToRgbObject(require_tokens_configs_spectrum.lightSpectrum);
+function spaceSeparatedRgbToRgbObject(spectrum) {
+	return require_utils_mapValues.mapValues((0, tailwindcss_lib_util_flattenColorPalette.default)((0, tailwindcss_lib_util_flattenColorPalette.default)(spectrum)), (val) => {
+		const [red, green, blue] = val.split(" ");
+		return {
+			r: Number(red),
+			g: Number(green),
+			b: Number(blue)
+		};
+	});
+}
+function hexToRgb(hex) {
+	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	return result ? {
+		r: parseInt(result[1], 16),
+		g: parseInt(result[2], 16),
+		b: parseInt(result[3], 16)
+	} : null;
+}
+function getDiffColor(a, b) {
+	return Math.sqrt(Math.pow(a.r - b.r, 2) + Math.pow(a.g - b.g, 2) + Math.pow(a.b - b.b, 2));
+}
+const getClosestUdsColor = (targetColor) => {
+	const targetRgb = hexToRgb(targetColor);
+	let closestDistance = null;
+	let closestColor = [];
+	for (const [name, color] of require_utils_entries.entries(udsLightColors)) {
+		const varName = `rgb(var(--${require_tokens_consts_cssTokens.SPECTRUM_COLOR_PREFIX}-${name}))`;
+		const distance = getDiffColor(color, targetRgb);
+		if (closestDistance === null || distance < closestDistance) {
+			closestDistance = distance;
+			closestColor = [varName];
+		} else if (closestDistance === distance) closestColor.push(varName);
+	}
+	return closestColor[0];
+};
+function getTailwindAsUdsColors() {
+	const tailwindColorsAsUds = {};
+	/** Avoid logging deprecation warnings */
+	delete tailwindColorsConfig["lightBlue"];
+	delete tailwindColorsConfig["warmGray"];
+	delete tailwindColorsConfig["trueGray"];
+	delete tailwindColorsConfig["coolGray"];
+	delete tailwindColorsConfig["blueGray"];
+	for (const [name, colorOrConfig] of require_utils_entries.entries(tailwindColorsConfig)) if (typeof colorOrConfig === "object") if (name === "lightBlue" || name === "warmGray" || name === "trueGray" || name === "coolGray" || name === "blueGray") continue;
+	else {
+		for (const [shade, color] of require_utils_entries.entries(colorOrConfig)) {
+			if (!tailwindColorsAsUds[name]) tailwindColorsAsUds[name] = {};
+			tailwindColorsAsUds[name][shade] = getClosestUdsColor(color);
+		}
+		continue;
+	}
+	return tailwindColorsAsUds;
+}
+
+//#endregion
+exports.getTailwindAsUdsColors = getTailwindAsUdsColors;

package/dist/fixtures/utils/getTailwindAsUdsColors.d.cts

@@ -0,0 +1,9 @@
+import tailwindColors from "tailwindcss/colors";
+
+//#region src/fixtures/utils/getTailwindAsUdsColors.d.ts
+type DeprecatedTailwindHue = 'lightBlue' | 'warmGray' | 'trueGray' | 'coolGray' | 'blueGray';
+type TailwindHue = Exclude<keyof typeof tailwindColors, DeprecatedTailwindHue>;
+declare function getTailwindAsUdsColors(): Record<TailwindHue, Record<"50" | "100" | "300" | "400" | "500" | "700" | "800" | "900" | "200" | "600" | "950", string>>;
+//#endregion
+export { getTailwindAsUdsColors };
+//# sourceMappingURL=getTailwindAsUdsColors.d.cts.map

package/dist/fixtures/utils/getTailwindAsUdsColors.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTailwindAsUdsColors.d.cts","names":[],"sources":["../../../src/fixtures/utils/getTailwindAsUdsColors.ts"],"sourcesContent":[],"mappings":";;;KAwEK,qBAAA,CAAA,CAAA;KACA,WAAA,CAAA,CAAA,CAAc,qBAAqB,gBAAgB;AADnD,OAAA,CAAA,QAAA,CAIW,sBAAA,CAAA,CAJU,CAAA,CAIY,MAJZ,CAIY,WAJZ,CAAA,CAIY,MAJZ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA"}

package/dist/fixtures/utils/getTailwindAsUdsColors.d.ts

@@ -0,0 +1,9 @@
+import tailwindColors from "tailwindcss/colors";
+
+//#region src/fixtures/utils/getTailwindAsUdsColors.d.ts
+type DeprecatedTailwindHue = 'lightBlue' | 'warmGray' | 'trueGray' | 'coolGray' | 'blueGray';
+type TailwindHue = Exclude<keyof typeof tailwindColors, DeprecatedTailwindHue>;
+declare function getTailwindAsUdsColors(): Record<TailwindHue, Record<"50" | "100" | "300" | "400" | "500" | "700" | "800" | "900" | "200" | "600" | "950", string>>;
+//#endregion
+export { getTailwindAsUdsColors };
+//# sourceMappingURL=getTailwindAsUdsColors.d.ts.map

package/dist/fixtures/utils/getTailwindAsUdsColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTailwindAsUdsColors.d.ts","names":[],"sources":["../../../src/fixtures/utils/getTailwindAsUdsColors.ts"],"sourcesContent":[],"mappings":";;;KAwEK,qBAAA,CAAA,CAAA;KACA,WAAA,CAAA,CAAA,CAAc,qBAAqB,gBAAgB;AADnD,OAAA,CAAA,QAAA,CAIW,sBAAA,CAAA,CAJU,CAAA,CAIY,MAJZ,CAIY,WAJZ,CAAA,CAIY,MAJZ,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA"}

package/dist/fixtures/utils/getTailwindAsUdsColors.js

@@ -0,0 +1,68 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { SPECTRUM_COLOR_PREFIX } from "../../tokens/consts/cssTokens.js";
+import { entries } from "../../utils/entries.js";
+import { mapValues } from "../../utils/mapValues.js";
+import { lightSpectrum } from "../../tokens/configs/spectrum.js";
+import { createRequire } from "node:module";
+import flattenColorPalette from "tailwindcss/lib/util/flattenColorPalette";
+
+//#region src/fixtures/utils/getTailwindAsUdsColors.ts
+const tailwindColorsConfig = createRequire(import.meta.url)("tailwindcss/colors.js");
+const udsLightColors = spaceSeparatedRgbToRgbObject(lightSpectrum);
+function spaceSeparatedRgbToRgbObject(spectrum) {
+	return mapValues(flattenColorPalette(flattenColorPalette(spectrum)), (val) => {
+		const [red, green, blue] = val.split(" ");
+		return {
+			r: Number(red),
+			g: Number(green),
+			b: Number(blue)
+		};
+	});
+}
+function hexToRgb(hex) {
+	var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+	return result ? {
+		r: parseInt(result[1], 16),
+		g: parseInt(result[2], 16),
+		b: parseInt(result[3], 16)
+	} : null;
+}
+function getDiffColor(a, b) {
+	return Math.sqrt(Math.pow(a.r - b.r, 2) + Math.pow(a.g - b.g, 2) + Math.pow(a.b - b.b, 2));
+}
+const getClosestUdsColor = (targetColor) => {
+	const targetRgb = hexToRgb(targetColor);
+	let closestDistance = null;
+	let closestColor = [];
+	for (const [name, color] of entries(udsLightColors)) {
+		const varName = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${name}))`;
+		const distance = getDiffColor(color, targetRgb);
+		if (closestDistance === null || distance < closestDistance) {
+			closestDistance = distance;
+			closestColor = [varName];
+		} else if (closestDistance === distance) closestColor.push(varName);
+	}
+	return closestColor[0];
+};
+function getTailwindAsUdsColors() {
+	const tailwindColorsAsUds = {};
+	/** Avoid logging deprecation warnings */
+	delete tailwindColorsConfig["lightBlue"];
+	delete tailwindColorsConfig["warmGray"];
+	delete tailwindColorsConfig["trueGray"];
+	delete tailwindColorsConfig["coolGray"];
+	delete tailwindColorsConfig["blueGray"];
+	for (const [name, colorOrConfig] of entries(tailwindColorsConfig)) if (typeof colorOrConfig === "object") if (name === "lightBlue" || name === "warmGray" || name === "trueGray" || name === "coolGray" || name === "blueGray") continue;
+	else {
+		for (const [shade, color] of entries(colorOrConfig)) {
+			if (!tailwindColorsAsUds[name]) tailwindColorsAsUds[name] = {};
+			tailwindColorsAsUds[name][shade] = getClosestUdsColor(color);
+		}
+		continue;
+	}
+	return tailwindColorsAsUds;
+}
+
+//#endregion
+export { getTailwindAsUdsColors };
+//# sourceMappingURL=getTailwindAsUdsColors.js.map

package/dist/fixtures/utils/getTailwindAsUdsColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTailwindAsUdsColors.js","names":["closestColor: string[]"],"sources":["../../../src/fixtures/utils/getTailwindAsUdsColors.ts"],"sourcesContent":["import { createRequire } from 'node:module';\n\nimport type tailwindColors from 'tailwindcss/colors';\nimport flattenColorPalette from 'tailwindcss/lib/util/flattenColorPalette';\n\nimport { lightSpectrum } from '../../tokens/configs/spectrum';\nimport { SPECTRUM_COLOR_PREFIX } from '../../tokens/consts/cssTokens';\nimport type { SpectrumConfig } from '../../tokens/types';\nimport { entries } from '../../utils/entries';\nimport { mapValues } from '../../utils/mapValues';\n\n/**\n * Bun isn't working with deleting object properties via esm import so we need to use node's require.\n * The object properties are being deleted to avoid logging Tailwind deprecation warnings.\n * https://github.com/nuxt/ui/issues/809#issuecomment-1921810965\n */\nconst _require = createRequire(import.meta.url);\n\nconst tailwindColorsConfig = _require('tailwindcss/colors.js') as typeof tailwindColors;\n\ntype KeyValueMap = Record<string, string>;\ntype Rgb = { r: number; g: number; b: number };\nconst udsLightColors = spaceSeparatedRgbToRgbObject(lightSpectrum);\n\nfunction spaceSeparatedRgbToRgbObject(spectrum: SpectrumConfig) {\n  const flatConfig = flattenColorPalette(spectrum);\n  return mapValues<KeyValueMap, (val: string) => Rgb>(flattenColorPalette(flatConfig), (val) => {\n    const [red, green, blue] = val.split(' ');\n    return {\n      r: Number(red),\n      g: Number(green),\n      b: Number(blue),\n    };\n  });\n}\n\nfunction hexToRgb(hex: string) {\n  var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n}\n\nfunction getDiffColor(a: Rgb, b: Rgb) {\n  return Math.sqrt(Math.pow(a.r - b.r, 2) + Math.pow(a.g - b.g, 2) + Math.pow(a.b - b.b, 2));\n}\n\nconst getClosestUdsColor = (targetColor: string) => {\n  // Convert target color from hex string to RGB values\n  const targetRgb = hexToRgb(targetColor);\n\n  let closestDistance = null;\n  let closestColor: string[] = [];\n\n  for (const [name, color] of entries(udsLightColors)) {\n    const varName = `rgb(var(--${SPECTRUM_COLOR_PREFIX}-${name}))`;\n    const distance = getDiffColor(color, targetRgb!);\n    if (closestDistance === null || distance < closestDistance) {\n      closestDistance = distance;\n      closestColor = [varName];\n    } else if (closestDistance === distance) {\n      closestColor.push(varName);\n    }\n  }\n\n  return closestColor[0];\n};\n\ntype DeprecatedTailwindHue = 'lightBlue' | 'warmGray' | 'trueGray' | 'coolGray' | 'blueGray';\ntype TailwindHue = Exclude<keyof typeof tailwindColors, DeprecatedTailwindHue>;\ntype TailwindHueStep = keyof (typeof tailwindColors)['gray'];\n\nexport function getTailwindAsUdsColors() {\n  const tailwindColorsAsUds = {} as Record<TailwindHue, Record<TailwindHueStep, string>>;\n\n  /** Avoid logging deprecation warnings */\n  // @ts-expect-error ts doesn't like deleting properties from an object\n  delete tailwindColorsConfig['lightBlue'];\n  // @ts-expect-error ts doesn't like deleting properties from an object\n  delete tailwindColorsConfig['warmGray'];\n  // @ts-expect-error ts doesn't like deleting properties from an object\n  delete tailwindColorsConfig['trueGray'];\n  // @ts-expect-error ts doesn't like deleting properties from an object\n  delete tailwindColorsConfig['coolGray'];\n  // @ts-expect-error ts doesn't like deleting properties from an object\n  delete tailwindColorsConfig['blueGray'];\n\n  for (const [name, colorOrConfig] of entries(tailwindColorsConfig)) {\n    if (typeof colorOrConfig === 'object') {\n      if (\n        name === 'lightBlue' ||\n        name === 'warmGray' ||\n        name === 'trueGray' ||\n        name === 'coolGray' ||\n        name === 'blueGray'\n      ) {\n        continue;\n      } else {\n        for (const [shade, color] of entries(colorOrConfig)) {\n          if (!tailwindColorsAsUds[name]) {\n            tailwindColorsAsUds[name] = {} as Record<TailwindHueStep, string>;\n          }\n          tailwindColorsAsUds[name][shade] = getClosestUdsColor(color);\n        }\n        continue;\n      }\n    }\n  }\n\n  return tailwindColorsAsUds;\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAM,uBAFW,cAAc,OAAO,KAAK,IAAI,CAET,wBAAwB;AAI9D,MAAM,iBAAiB,6BAA6B,cAAc;AAElE,SAAS,6BAA6B,UAA0B;AAE9D,QAAO,UAA6C,oBADjC,oBAAoB,SAAS,CACmC,GAAG,QAAQ;EAC5F,MAAM,CAAC,KAAK,OAAO,QAAQ,IAAI,MAAM,IAAI;AACzC,SAAO;GACL,GAAG,OAAO,IAAI;GACd,GAAG,OAAO,MAAM;GAChB,GAAG,OAAO,KAAK;GAChB;GACD;;AAGJ,SAAS,SAAS,KAAa;CAC7B,IAAI,SAAS,4CAA4C,KAAK,IAAI;AAClE,QAAO,SACH;EACE,GAAG,SAAS,OAAO,IAAI,GAAG;EAC1B,GAAG,SAAS,OAAO,IAAI,GAAG;EAC1B,GAAG,SAAS,OAAO,IAAI,GAAG;EAC3B,GACD;;AAGN,SAAS,aAAa,GAAQ,GAAQ;AACpC,QAAO,KAAK,KAAK,KAAK,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;;AAG5F,MAAM,sBAAsB,gBAAwB;CAElD,MAAM,YAAY,SAAS,YAAY;CAEvC,IAAI,kBAAkB;CACtB,IAAIA,eAAyB,EAAE;AAE/B,MAAK,MAAM,CAAC,MAAM,UAAU,QAAQ,eAAe,EAAE;EACnD,MAAM,UAAU,aAAa,sBAAsB,GAAG,KAAK;EAC3D,MAAM,WAAW,aAAa,OAAO,UAAW;AAChD,MAAI,oBAAoB,QAAQ,WAAW,iBAAiB;AAC1D,qBAAkB;AAClB,kBAAe,CAAC,QAAQ;aACf,oBAAoB,SAC7B,cAAa,KAAK,QAAQ;;AAI9B,QAAO,aAAa;;AAOtB,SAAgB,yBAAyB;CACvC,MAAM,sBAAsB,EAAE;;AAI9B,QAAO,qBAAqB;AAE5B,QAAO,qBAAqB;AAE5B,QAAO,qBAAqB;AAE5B,QAAO,qBAAqB;AAE5B,QAAO,qBAAqB;AAE5B,MAAK,MAAM,CAAC,MAAM,kBAAkB,QAAQ,qBAAqB,CAC/D,KAAI,OAAO,kBAAkB,SAC3B,KACE,SAAS,eACT,SAAS,cACT,SAAS,cACT,SAAS,cACT,SAAS,WAET;MACK;AACL,OAAK,MAAM,CAAC,OAAO,UAAU,QAAQ,cAAc,EAAE;AACnD,OAAI,CAAC,oBAAoB,MACvB,qBAAoB,QAAQ,EAAE;AAEhC,uBAAoB,MAAM,SAAS,mBAAmB,MAAM;;AAE9D;;AAKN,QAAO"}