@yahoo/uds 3.58.2-beta.1 → 3.59.0-beta.1

package/dist/tokens/index.js

@@ -1 +1,28 @@
-export{DEFAULT_COLOR_MODE,DEFAULT_COLOR_MODE_FOR_APP,DEFAULT_HIGH_CONTRAST_MODE,DEFAULT_REGION_MODE,DEFAULT_SCALE_MODE,DEFAULT_SCALE_MODE_FOR_APP,FONT_DECLARATIONS_MAP,alwaysPalette,button,cartesianProduct,coalesceConfigVariant,configurableProperties,createComponentStateConfig,createComponentStates,createConfigurableProperty,createLayerConfig,createSubComponentConfig,createVariantConfig,createVariantConfigWithComponentStates,createVariantConfigWithProperties,findFixtureType,fontWeightMap,fromEntries,generateClassName,generateDeclaration,generateKeyFromFlatConfigPath,generateSchemaKey,generateStyles,getConfigDefaultValue,getConfigPseudoStateVariables,getConfigPseudoStateVariablesWithSetter,getConfigSubcomponents,getConfigVariantComponentStates,getConfigVariantComponentStatesMatrix,getConfigVariantProperties,getConfigVariantPseudoStates,getConfigVariants,getDefaultButtonBaseMap,isConfigDefaultValue,parseButtonVariantFlat,parseDeprecatedButtonPaletteVariant,setConfigPseudoStateVariable,shadow,statePseudoMapDocsMode,toMinimalDbConfigObject}from"../chunk-5V32DSCR.js";export{entries,mapValues}from"../chunk-EWJ3J526.js";export{variants}from"../chunk-E6Q2IF33.js";export{AVATAR_SIZE_PREFIX,BORDER_RADIUS_PREFIX,BORDER_WIDTH_PREFIX,BUTTON_CSS_VAR_MAP,DARK_COLOR_MODE_CLASSNAME,DEFAULT_COLOR_MODE_CLASSNAME,DEFAULT_SCALE_MODE_CLASSNAME,FONT_FAMILY_PREFIX,FONT_SIZE_PREFIX,FONT_SLANT_PREFIX,FONT_WEIGHT_PREFIX,FONT_WIDTH_PREFIX,ICON_BUTTON_CSS_VAR_MAP,ICON_SIZE_PREFIX,INVERT_COLOR_MODE_CLASSNAME,LARGE_SCALE_MODE_CLASSNAME,LIGHT_COLOR_MODE_CLASSNAME,LINE_HEIGHT_PREFIX,MEDIUM_SCALE_MODE_CLASSNAME,MOTION_PREFIX,PSEUDO_STYLE_SELECTOR_MAP,SMALL_SCALE_MODE_CLASSNAME,SPECTRUM_COLOR_PREFIX,SYSTEM_COLOR_MODE_CLASSNAME,TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES,TEXT_RESPONSIVE_CLASSNAME,TEXT_TRANSFORM_PREFIX,UDS_PREFIX,XLARGE_SCALE_MODE_CLASSNAME,XSMALL_SCALE_MODE_CLASSNAME,XXLARGE_SCALE_MODE_CLASSNAME,XXXLARGE_SCALE_MODE_CLASSNAME}from"../chunk-PM4TFP3I.js";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_SCALE_MODE_CLASSNAME, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_BUTTON_CSS_VAR_MAP, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "./consts/cssTokens.js";
+import { variants } from "../styles/variants.js";
+import { configurableProperties } from "./automation/properties.js";
+import { generateSchemaKey } from "./automation/utils/generateSchemaKey.js";
+import { cartesianProduct } from "./automation/utils/cartesianProduct.js";
+import { coalesceConfigVariant } from "./automation/utils/coalesceConfigVariant.js";
+import { getConfigDefaultValue, isConfigDefaultValue } from "./automation/utils/defaults.js";
+import { generateKeyFromFlatConfigPath } from "./automation/utils/generateKeyFromFlatConfigPath.js";
+import { getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix } from "./automation/utils/getConfigVariantComponentStatesMatrix.js";
+import { getConfigVariantProperties } from "./automation/utils/getConfigVariantProperties.js";
+import { getConfigVariantPseudoStates } from "./automation/utils/getConfigVariantPseudoStates.js";
+import { getConfigSubcomponents } from "./automation/utils/subcomponents.js";
+import { getConfigVariants } from "./automation/utils/getConfigVariants.js";
+import { getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, setConfigPseudoStateVariable } from "./automation/utils/variableData.js";
+import { createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, findFixtureType, generateClassName, generateDeclaration, generateStyles, statePseudoMapDocsMode, toMinimalDbConfigObject } from "./automation/utils/index.js";
+import { button, getDefaultButtonBaseMap } from "./configs/button.js";
+import { alwaysPalette } from "./configs/palette.js";
+import { shadow } from "./configs/shadow.js";
+import { fontWeightMap } from "./configs/typography.js";
+import { DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_FOR_APP } from "./consts/defaultModes.js";
+import { FONT_DECLARATIONS_MAP } from "./consts/fontDeclarationsMap.js";
+import { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant } from "./parseButtonVariants.js";
+import { entries } from "./utils/entries.js";
+import { fromEntries } from "./utils/fromEntries.js";
+import { mapValues } from "./utils/mapValues.js";
+
+export { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, BUTTON_CSS_VAR_MAP, DARK_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE, DEFAULT_COLOR_MODE_CLASSNAME, DEFAULT_COLOR_MODE_FOR_APP, DEFAULT_HIGH_CONTRAST_MODE, DEFAULT_REGION_MODE, DEFAULT_SCALE_MODE, DEFAULT_SCALE_MODE_CLASSNAME, DEFAULT_SCALE_MODE_FOR_APP, FONT_DECLARATIONS_MAP, FONT_FAMILY_PREFIX, FONT_SIZE_PREFIX, FONT_SLANT_PREFIX, FONT_WEIGHT_PREFIX, FONT_WIDTH_PREFIX, ICON_BUTTON_CSS_VAR_MAP, ICON_SIZE_PREFIX, INVERT_COLOR_MODE_CLASSNAME, LARGE_SCALE_MODE_CLASSNAME, LIGHT_COLOR_MODE_CLASSNAME, LINE_HEIGHT_PREFIX, MEDIUM_SCALE_MODE_CLASSNAME, MOTION_PREFIX, PSEUDO_STYLE_SELECTOR_MAP, SMALL_SCALE_MODE_CLASSNAME, SPECTRUM_COLOR_PREFIX, SYSTEM_COLOR_MODE_CLASSNAME, TEXT_RESPONSIVE_BREAKPOINT_CLASSNAMES, TEXT_RESPONSIVE_CLASSNAME, TEXT_TRANSFORM_PREFIX, UDS_PREFIX, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME, alwaysPalette, button, cartesianProduct, coalesceConfigVariant, configurableProperties, createComponentStateConfig, createComponentStates, createConfigurableProperty, createLayerConfig, createSubComponentConfig, createVariantConfig, createVariantConfigWithComponentStates, createVariantConfigWithProperties, entries, findFixtureType, fontWeightMap, fromEntries, generateClassName, generateDeclaration, generateKeyFromFlatConfigPath, generateSchemaKey, generateStyles, getConfigDefaultValue, getConfigPseudoStateVariables, getConfigPseudoStateVariablesWithSetter, getConfigSubcomponents, getConfigVariantComponentStates, getConfigVariantComponentStatesMatrix, getConfigVariantProperties, getConfigVariantPseudoStates, getConfigVariants, getDefaultButtonBaseMap, isConfigDefaultValue, mapValues, parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant, setConfigPseudoStateVariable, shadow, statePseudoMapDocsMode, toMinimalDbConfigObject, variants };

package/dist/tokens/parseButtonVariants.cjs

@@ -0,0 +1,37 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+
+//#region src/tokens/parseButtonVariants.ts
+function parseButtonVariantFlat({ palette = "accent", variant = "primary" }) {
+	if (palette === "accent") return variant;
+	if (variant === "primary") return palette;
+	return `${palette}-${variant}`;
+}
+function parseDeprecatedButtonPaletteVariant({ flatVariant }) {
+	if (!flatVariant) return {
+		palette: void 0,
+		variant: void 0
+	};
+	const [palette, variant] = flatVariant.split("-");
+	if (!variant) {
+		if ([
+			"primary",
+			"secondary",
+			"tertiary"
+		].includes(flatVariant)) return {
+			palette: "accent",
+			variant: flatVariant
+		};
+		return {
+			palette: flatVariant,
+			variant: "primary"
+		};
+	}
+	return {
+		palette,
+		variant
+	};
+}
+
+//#endregion
+exports.parseButtonVariantFlat = parseButtonVariantFlat;
+exports.parseDeprecatedButtonPaletteVariant = parseDeprecatedButtonPaletteVariant;

package/dist/tokens/parseButtonVariants.d.cts

@@ -0,0 +1,24 @@
+import { ButtonPalette, ButtonVariant, ButtonVariantFlat } from "./types.cjs";
+
+//#region src/tokens/parseButtonVariants.d.ts
+interface ParseButtonVariantFlatArgs {
+  palette?: ButtonPalette;
+  variant?: ButtonVariant;
+}
+declare function parseButtonVariantFlat({
+  palette,
+  variant
+}: ParseButtonVariantFlatArgs): ButtonVariantFlat;
+interface parseDeprecatedButtonPaletteVariantArgs {
+  flatVariant?: ButtonVariantFlat;
+}
+interface DeprecatedButtonVariant {
+  palette: ButtonPalette | undefined;
+  variant: ButtonVariant | undefined;
+}
+declare function parseDeprecatedButtonPaletteVariant({
+  flatVariant
+}: parseDeprecatedButtonPaletteVariantArgs): DeprecatedButtonVariant;
+//#endregion
+export { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant };
+//# sourceMappingURL=parseButtonVariants.d.cts.map

package/dist/tokens/parseButtonVariants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseButtonVariants.d.cts","names":[],"sources":["../../src/tokens/parseButtonVariants.ts"],"sourcesContent":[],"mappings":";;;UAEU,0BAAA;YACE;EADF,OAAA,CAAA,CAAA,CAEE,aAFF;AAEe;iBAGhB,sBAAA,CACP;EAAA,OAAA;EAAA;AAAA,CAAA,CAAA,CAEC,0BAFD,CAAA,CAAA,CAE8B,iBAF9B;UAcQ,uCAAA,CAbR;EACC,WAAA,CAAA,CAAA,CAaa,iBAbb;;UAgBO,uBAAA,CAhBuC;EAYvC,OAAA,CAAA,CAKC,aALD,CAAA,CAAA,CAAA,SAAA;EAIA,OAAA,CAAA,CAEC,aAFD,CAAA,CAAA,CAAA,SAAuB;AAET;iBAGf,mCAAA,CACP;EAAA;AAAA,CAAA,CAAA,CACC,uCADD,CAAA,CAAA,CAC2C,uBAD3C"}

package/dist/tokens/parseButtonVariants.d.ts

@@ -0,0 +1,24 @@
+import { ButtonPalette, ButtonVariant, ButtonVariantFlat } from "./types.js";
+
+//#region src/tokens/parseButtonVariants.d.ts
+interface ParseButtonVariantFlatArgs {
+  palette?: ButtonPalette;
+  variant?: ButtonVariant;
+}
+declare function parseButtonVariantFlat({
+  palette,
+  variant
+}: ParseButtonVariantFlatArgs): ButtonVariantFlat;
+interface parseDeprecatedButtonPaletteVariantArgs {
+  flatVariant?: ButtonVariantFlat;
+}
+interface DeprecatedButtonVariant {
+  palette: ButtonPalette | undefined;
+  variant: ButtonVariant | undefined;
+}
+declare function parseDeprecatedButtonPaletteVariant({
+  flatVariant
+}: parseDeprecatedButtonPaletteVariantArgs): DeprecatedButtonVariant;
+//#endregion
+export { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant };
+//# sourceMappingURL=parseButtonVariants.d.ts.map

package/dist/tokens/parseButtonVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseButtonVariants.d.ts","names":[],"sources":["../../src/tokens/parseButtonVariants.ts"],"sourcesContent":[],"mappings":";;;UAEU,0BAAA;YACE;EADF,OAAA,CAAA,CAAA,CAEE,aAFF;AAEe;iBAGhB,sBAAA,CACP;EAAA,OAAA;EAAA;AAAA,CAAA,CAAA,CAEC,0BAFD,CAAA,CAAA,CAE8B,iBAF9B;UAcQ,uCAAA,CAbR;EACC,WAAA,CAAA,CAAA,CAaa,iBAbb;;UAgBO,uBAAA,CAhBuC;EAYvC,OAAA,CAAA,CAKC,aALD,CAAA,CAAA,CAAA,SAAA;EAIA,OAAA,CAAA,CAEC,aAFD,CAAA,CAAA,CAAA,SAAuB;AAET;iBAGf,mCAAA,CACP;EAAA;AAAA,CAAA,CAAA,CACC,uCADD,CAAA,CAAA,CAC2C,uBAD3C"}

package/dist/tokens/parseButtonVariants.js

@@ -0,0 +1,36 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+//#region src/tokens/parseButtonVariants.ts
+function parseButtonVariantFlat({ palette = "accent", variant = "primary" }) {
+	if (palette === "accent") return variant;
+	if (variant === "primary") return palette;
+	return `${palette}-${variant}`;
+}
+function parseDeprecatedButtonPaletteVariant({ flatVariant }) {
+	if (!flatVariant) return {
+		palette: void 0,
+		variant: void 0
+	};
+	const [palette, variant] = flatVariant.split("-");
+	if (!variant) {
+		if ([
+			"primary",
+			"secondary",
+			"tertiary"
+		].includes(flatVariant)) return {
+			palette: "accent",
+			variant: flatVariant
+		};
+		return {
+			palette: flatVariant,
+			variant: "primary"
+		};
+	}
+	return {
+		palette,
+		variant
+	};
+}
+
+//#endregion
+export { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant };
+//# sourceMappingURL=parseButtonVariants.js.map

package/dist/tokens/parseButtonVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseButtonVariants.js","names":[],"sources":["../../src/tokens/parseButtonVariants.ts"],"sourcesContent":["import type { ButtonPalette, ButtonVariant, ButtonVariantFlat } from './types';\n\ninterface ParseButtonVariantFlatArgs {\n  palette?: ButtonPalette;\n  variant?: ButtonVariant;\n}\n\nfunction parseButtonVariantFlat({\n  palette = 'accent',\n  variant = 'primary',\n}: ParseButtonVariantFlatArgs): ButtonVariantFlat {\n  if (palette === 'accent') {\n    return variant; // primary, secondary, tertiary\n  }\n\n  if (variant === 'primary') {\n    return palette; // brand, alert, positive, warning\n  }\n\n  return `${palette}-${variant}`; // brand-secondary, alert-tertiary, etc.\n}\n\ninterface parseDeprecatedButtonPaletteVariantArgs {\n  flatVariant?: ButtonVariantFlat;\n}\n\ninterface DeprecatedButtonVariant {\n  palette: ButtonPalette | undefined;\n  variant: ButtonVariant | undefined;\n}\n\nfunction parseDeprecatedButtonPaletteVariant({\n  flatVariant,\n}: parseDeprecatedButtonPaletteVariantArgs): DeprecatedButtonVariant {\n  if (!flatVariant) {\n    return { palette: undefined, variant: undefined };\n  }\n\n  const [palette, variant] = flatVariant.split('-') as [\n    ButtonPalette | undefined,\n    ButtonVariant | undefined,\n  ];\n\n  if (!variant) {\n    // If there's no \"-\", it must be a primary variant or standalone palette\n    if (['primary', 'secondary', 'tertiary'].includes(flatVariant)) {\n      return { palette: 'accent', variant: flatVariant as ButtonVariant };\n    }\n\n    return { palette: flatVariant as Exclude<ButtonPalette, 'accent'>, variant: 'primary' };\n  }\n\n  return {\n    palette: palette as Exclude<ButtonPalette, 'accent'>,\n    variant: variant as Exclude<ButtonVariant, 'primary'>,\n  };\n}\n\nexport { parseButtonVariantFlat, parseDeprecatedButtonPaletteVariant };\n"],"mappings":";;AAOA,SAAS,uBAAuB,EAC9B,UAAU,UACV,UAAU,aACsC;AAChD,KAAI,YAAY,SACd,QAAO;AAGT,KAAI,YAAY,UACd,QAAO;AAGT,QAAO,GAAG,QAAQ,GAAG;;AAYvB,SAAS,oCAAoC,EAC3C,eACmE;AACnE,KAAI,CAAC,YACH,QAAO;EAAE,SAAS;EAAW,SAAS;EAAW;CAGnD,MAAM,CAAC,SAAS,WAAW,YAAY,MAAM,IAAI;AAKjD,KAAI,CAAC,SAAS;AAEZ,MAAI;GAAC;GAAW;GAAa;GAAW,CAAC,SAAS,YAAY,CAC5D,QAAO;GAAE,SAAS;GAAU,SAAS;GAA8B;AAGrE,SAAO;GAAE,SAAS;GAAiD,SAAS;GAAW;;AAGzF,QAAO;EACI;EACA;EACV"}

package/dist/tokens/parseTokens.cjs

@@ -1 +1,73 @@
-"use strict";var e=require("../chunk-RRXNQVLV.cjs");Object.defineProperty(exports,"parseTokens",{enumerable:!0,get:function(){return e.parseTokens}});
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_tokens_consts_cssTokens = require('./consts/cssTokens.cjs');
+const require_tokens_utils_entries = require('./utils/entries.cjs');
+const require_tokens_utils_mapValues = require('./utils/mapValues.cjs');
+
+//#region src/tokens/parseTokens.ts
+function transformColors(colors) {
+	const { palette, spectrum } = colors;
+	const rootVars = {};
+	const tailwindConfig = {
+		spectrum: {},
+		palette: {}
+	};
+	for (const [hue, hueSteps] of require_tokens_utils_entries.entries(spectrum)) for (const [hueStep, value] of require_tokens_utils_entries.entries(hueSteps)) {
+		const varKey = `--${require_tokens_consts_cssTokens.SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
+		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
+		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
+		rootVars[varKey] = value;
+	}
+	require_tokens_utils_entries.entries(palette).forEach(([paletteType, paletteConfig]) => {
+		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
+			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
+			const name = `--${require_tokens_consts_cssTokens.UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			rootVars[name] = `var(--${require_tokens_consts_cssTokens.SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
+			tailwindConfig.palette[paletteType][paletteKey] = opacity ? `rgb(var(${name}) / ${opacity})` : `rgb(var(${name}))`;
+		}
+	});
+	return {
+		_vars: rootVars,
+		_raw: colors,
+		tailwindConfig
+	};
+}
+function transformNumericToPx(prefix, config) {
+	if (!config) return {
+		_vars: {},
+		_raw: {},
+		tailwindConfig: {}
+	};
+	const rootVars = {};
+	const tailwindConfig = {};
+	for (const [variant, value] of require_tokens_utils_entries.entries(config)) {
+		const rootVarKey = `--${prefix}-${variant}`;
+		rootVars[rootVarKey] = `${value}px`;
+		tailwindConfig[variant] = `var(${rootVarKey})`;
+	}
+	return {
+		_vars: rootVars,
+		_raw: config,
+		tailwindConfig
+	};
+}
+function parseTokens(config) {
+	const { colorMode, scaleMode } = config;
+	return {
+		...config,
+		colorMode: {
+			light: transformColors(colorMode.light),
+			dark: transformColors(colorMode.dark)
+		},
+		scaleMode: require_tokens_utils_mapValues.mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
+			return {
+				borderRadius: transformNumericToPx(require_tokens_consts_cssTokens.BORDER_RADIUS_PREFIX, borderRadius),
+				borderWidth: transformNumericToPx(require_tokens_consts_cssTokens.BORDER_WIDTH_PREFIX, borderWidth),
+				avatarSizes: transformNumericToPx(require_tokens_consts_cssTokens.AVATAR_SIZE_PREFIX, avatarSizes),
+				iconSizes: transformNumericToPx(require_tokens_consts_cssTokens.ICON_SIZE_PREFIX, iconSizes)
+			};
+		})
+	};
+}
+
+//#endregion
+exports.parseTokens = parseTokens;

package/dist/tokens/parseTokens.d.cts

@@ -1,31 +1,29 @@
-import { g as UniversalTokensConfig, h as ColorMode, i as ColorsConfig, H as Hue, j as HueStep, P as PaletteType, k as PaletteConfig, l as ScaleMode } from '../types-DG52l0qP.cjs';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'react';
-import 'type-fest';
+import { ColorMode, ColorsConfig, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode, UniversalTokensConfig } from "./types.cjs";
 
+//#region src/tokens/parseTokens.d.ts
 declare function transformColors(colors: ColorsConfig): {
-    _vars: Record<string, string>;
-    _raw: ColorsConfig;
-    tailwindConfig: {
-        spectrum: Record<Hue, Record<HueStep, string>>;
-        palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string>; };
-    };
+  _vars: Record<string, string>;
+  _raw: ColorsConfig;
+  tailwindConfig: {
+    spectrum: Record<Hue, Record<HueStep, string>>;
+    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
+  };
 };
 declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
-    _vars: Record<string, string>;
-    _raw: Record<string, number>;
-    tailwindConfig: Record<string, string>;
+  _vars: Record<string, string>;
+  _raw: Record<string, number>;
+  tailwindConfig: Record<string, string>;
 };
 type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
-    colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
-    scaleMode: Record<ScaleMode, {
-        borderRadius: ReturnType<typeof transformNumericToPx>;
-        borderWidth: ReturnType<typeof transformNumericToPx>;
-        avatarSizes: ReturnType<typeof transformNumericToPx>;
-        iconSizes: ReturnType<typeof transformNumericToPx>;
-    }>;
+  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+  scaleMode: Record<ScaleMode, {
+    borderRadius: ReturnType<typeof transformNumericToPx>;
+    borderWidth: ReturnType<typeof transformNumericToPx>;
+    avatarSizes: ReturnType<typeof transformNumericToPx>;
+    iconSizes: ReturnType<typeof transformNumericToPx>;
+  }>;
 };
 declare function parseTokens(config: UniversalTokensConfig): WebTokens;
-
+//#endregion
 export { type WebTokens, parseTokens };
+//# sourceMappingURL=parseTokens.d.cts.map

package/dist/tokens/parseTokens.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTokens.d.cts","names":[],"sources":["../../src/tokens/parseTokens.ts"],"sourcesContent":[],"mappings":";;;iBAqBS,eAAA,SAAwB;;EAAxB,IAAA,CAAA,aAAe;EAAS,cAAA,CAAA,CAAA;cAIb,OAAO,KAAK,OAAO;uBAEzB,cAAc,aAAa,cAAc;EAF5B,CAAA;CAAY;iBAwC9B,oBAxCuB,CAAA,CAAA,CAAA,OAAA,CAwCQ,MAxCR,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAwCwD,CAxCxD,CAAA,CAAA,CAAA;EAAZ,KAAA,CAAA,CA2CD,MA3CC,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;EAEN,IAAA,CAAA,CA0CI,MA1CJ,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;EAA2B,cAAA,CAAA,CA2Cb,MA3Ca,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;CAAc;KA6DlD,SAAA,CAAA,CAAA,CAAY,IA7DW,CA6DN,qBA7DM,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAAM,SAAA,CAAA,CA8DrB,MA9DqB,CA8Dd,SA9Dc,CAAA,CA8DH,UA9DG,CAAA,MAAA,CA8De,eA9Df,CAAA,CAAA;EAsCzB,SAAA,CAAA,CAyBI,MAzBJ,CA0BL,SA1ByB,CAAA,CAAA;IAAW,YAAA,CAAA,CA4BpB,UA5BoB,CAAA,MAAA,CA4BF,oBA5BE,CAAA;IAAgD,WAAA,CAAA,CA6BrE,UA7BqE,CAAA,MAAA,CA6BnD,oBA7BmD,CAAA;IAGrE,WAAA,CAAA,CA2BA,UA3BA,CAAA,MAAA,CA2BkB,oBA3BlB,CAAA;IACD,SAAA,CAAA,CA2BD,UA3BC,CAAA,MAAA,CA2BiB,oBA3BjB,CAAA;EACU,CAAA,CAAA;CAAM;AAkB7B,OAAA,CAAA,QAAA,CAaW,WAAA,CAbF,MAAA,CAAA,CAasB,qBAbtB,CAAA,CAAA,CAa8C,SAb9C"}

package/dist/tokens/parseTokens.d.ts

@@ -1,31 +1,29 @@
-import { g as UniversalTokensConfig, h as ColorMode, i as ColorsConfig, H as Hue, j as HueStep, P as PaletteType, k as PaletteConfig, l as ScaleMode } from '../types-DG52l0qP.js';
-import '@yahoo/uds-icons/types';
-import 'motion/react';
-import 'react';
-import 'type-fest';
+import { ColorMode, ColorsConfig, Hue, HueStep, PaletteConfig, PaletteType, ScaleMode, UniversalTokensConfig } from "./types.js";
 
+//#region src/tokens/parseTokens.d.ts
 declare function transformColors(colors: ColorsConfig): {
-    _vars: Record<string, string>;
-    _raw: ColorsConfig;
-    tailwindConfig: {
-        spectrum: Record<Hue, Record<HueStep, string>>;
-        palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string>; };
-    };
+  _vars: Record<string, string>;
+  _raw: ColorsConfig;
+  tailwindConfig: {
+    spectrum: Record<Hue, Record<HueStep, string>>;
+    palette: { [key in PaletteType]: Record<keyof PaletteConfig[key], string> };
+  };
 };
 declare function transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T): {
-    _vars: Record<string, string>;
-    _raw: Record<string, number>;
-    tailwindConfig: Record<string, string>;
+  _vars: Record<string, string>;
+  _raw: Record<string, number>;
+  tailwindConfig: Record<string, string>;
 };
 type WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {
-    colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
-    scaleMode: Record<ScaleMode, {
-        borderRadius: ReturnType<typeof transformNumericToPx>;
-        borderWidth: ReturnType<typeof transformNumericToPx>;
-        avatarSizes: ReturnType<typeof transformNumericToPx>;
-        iconSizes: ReturnType<typeof transformNumericToPx>;
-    }>;
+  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;
+  scaleMode: Record<ScaleMode, {
+    borderRadius: ReturnType<typeof transformNumericToPx>;
+    borderWidth: ReturnType<typeof transformNumericToPx>;
+    avatarSizes: ReturnType<typeof transformNumericToPx>;
+    iconSizes: ReturnType<typeof transformNumericToPx>;
+  }>;
 };
 declare function parseTokens(config: UniversalTokensConfig): WebTokens;
-
+//#endregion
 export { type WebTokens, parseTokens };
+//# sourceMappingURL=parseTokens.d.ts.map

package/dist/tokens/parseTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTokens.d.ts","names":[],"sources":["../../src/tokens/parseTokens.ts"],"sourcesContent":[],"mappings":";;;iBAqBS,eAAA,SAAwB;;EAAxB,IAAA,CAAA,aAAe;EAAS,cAAA,CAAA,CAAA;cAIb,OAAO,KAAK,OAAO;uBAEzB,cAAc,aAAa,cAAc;EAF5B,CAAA;CAAY;iBAwC9B,oBAxCuB,CAAA,CAAA,CAAA,OAAA,CAwCQ,MAxCR,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,CAwCwD,CAxCxD,CAAA,CAAA,CAAA;EAAZ,KAAA,CAAA,CA2CD,MA3CC,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;EAEN,IAAA,CAAA,CA0CI,MA1CJ,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;EAA2B,cAAA,CAAA,CA2Cb,MA3Ca,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA;CAAc;KA6DlD,SAAA,CAAA,CAAA,CAAY,IA7DW,CA6DN,qBA7DM,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAAM,SAAA,CAAA,CA8DrB,MA9DqB,CA8Dd,SA9Dc,CAAA,CA8DH,UA9DG,CAAA,MAAA,CA8De,eA9Df,CAAA,CAAA;EAsCzB,SAAA,CAAA,CAyBI,MAzBJ,CA0BL,SA1ByB,CAAA,CAAA;IAAW,YAAA,CAAA,CA4BpB,UA5BoB,CAAA,MAAA,CA4BF,oBA5BE,CAAA;IAAgD,WAAA,CAAA,CA6BrE,UA7BqE,CAAA,MAAA,CA6BnD,oBA7BmD,CAAA;IAGrE,WAAA,CAAA,CA2BA,UA3BA,CAAA,MAAA,CA2BkB,oBA3BlB,CAAA;IACD,SAAA,CAAA,CA2BD,UA3BC,CAAA,MAAA,CA2BiB,oBA3BjB,CAAA;EACU,CAAA,CAAA;CAAM;AAkB7B,OAAA,CAAA,QAAA,CAaW,WAAA,CAbF,MAAA,CAAA,CAasB,qBAbtB,CAAA,CAAA,CAa8C,SAb9C"}

package/dist/tokens/parseTokens.js

@@ -1 +1,74 @@
-export{parseTokens}from"../chunk-RKYTJ6XJ.js";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { AVATAR_SIZE_PREFIX, BORDER_RADIUS_PREFIX, BORDER_WIDTH_PREFIX, ICON_SIZE_PREFIX, SPECTRUM_COLOR_PREFIX, UDS_PREFIX } from "./consts/cssTokens.js";
+import { entries } from "./utils/entries.js";
+import { mapValues } from "./utils/mapValues.js";
+
+//#region src/tokens/parseTokens.ts
+function transformColors(colors) {
+	const { palette, spectrum } = colors;
+	const rootVars = {};
+	const tailwindConfig = {
+		spectrum: {},
+		palette: {}
+	};
+	for (const [hue, hueSteps] of entries(spectrum)) for (const [hueStep, value] of entries(hueSteps)) {
+		const varKey = `--${SPECTRUM_COLOR_PREFIX}-${`${hue}-${hueStep}`}`;
+		if (!tailwindConfig.spectrum[hue]) tailwindConfig.spectrum[hue] = {};
+		tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;
+		rootVars[varKey] = value;
+	}
+	entries(palette).forEach(([paletteType, paletteConfig]) => {
+		for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {
+			if (!(paletteType in tailwindConfig.palette)) tailwindConfig.palette[paletteType] = {};
+			const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;
+			rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;
+			tailwindConfig.palette[paletteType][paletteKey] = opacity ? `rgb(var(${name}) / ${opacity})` : `rgb(var(${name}))`;
+		}
+	});
+	return {
+		_vars: rootVars,
+		_raw: colors,
+		tailwindConfig
+	};
+}
+function transformNumericToPx(prefix, config) {
+	if (!config) return {
+		_vars: {},
+		_raw: {},
+		tailwindConfig: {}
+	};
+	const rootVars = {};
+	const tailwindConfig = {};
+	for (const [variant, value] of entries(config)) {
+		const rootVarKey = `--${prefix}-${variant}`;
+		rootVars[rootVarKey] = `${value}px`;
+		tailwindConfig[variant] = `var(${rootVarKey})`;
+	}
+	return {
+		_vars: rootVars,
+		_raw: config,
+		tailwindConfig
+	};
+}
+function parseTokens(config) {
+	const { colorMode, scaleMode } = config;
+	return {
+		...config,
+		colorMode: {
+			light: transformColors(colorMode.light),
+			dark: transformColors(colorMode.dark)
+		},
+		scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {
+			return {
+				borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),
+				borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),
+				avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),
+				iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes)
+			};
+		})
+	};
+}
+
+//#endregion
+export { parseTokens };
+//# sourceMappingURL=parseTokens.js.map

package/dist/tokens/parseTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTokens.js","names":["rootVars: Record<string, string>"],"sources":["../../src/tokens/parseTokens.ts"],"sourcesContent":["import {\n  AVATAR_SIZE_PREFIX,\n  BORDER_RADIUS_PREFIX,\n  BORDER_WIDTH_PREFIX,\n  ICON_SIZE_PREFIX,\n  SPECTRUM_COLOR_PREFIX,\n  UDS_PREFIX,\n} from './consts/cssTokens';\nimport type {\n  ColorMode,\n  ColorsConfig,\n  Hue,\n  HueStep,\n  PaletteConfig,\n  PaletteType,\n  ScaleMode,\n  UniversalTokensConfig,\n} from './types';\nimport { entries } from './utils/entries';\nimport { mapValues } from './utils/mapValues';\n\nfunction transformColors(colors: ColorsConfig) {\n  const { palette, spectrum } = colors;\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {\n    spectrum: {} as Record<Hue, Record<HueStep, string>>,\n    palette: {} as {\n      [key in PaletteType]: Record<keyof PaletteConfig[key], string>;\n    },\n  };\n\n  for (const [hue, hueSteps] of entries(spectrum)) {\n    for (const [hueStep, value] of entries(hueSteps)) {\n      const name = `${hue}-${hueStep}`;\n      const varKey = `--${SPECTRUM_COLOR_PREFIX}-${name}`;\n      if (!tailwindConfig.spectrum[hue]) {\n        tailwindConfig.spectrum[hue] = {} as Record<HueStep, string>;\n      }\n      tailwindConfig.spectrum[hue][hueStep] = `rgb(var(${varKey}))`;\n      rootVars[varKey] = value;\n    }\n  }\n\n  entries(palette).forEach(([paletteType, paletteConfig]) => {\n    for (const [paletteKey, { hue, step, opacity }] of Object.entries(paletteConfig)) {\n      if (!(paletteType in tailwindConfig.palette)) {\n        // @ts-expect-error we fill this object later\n        tailwindConfig.palette[paletteType] = {};\n      }\n      const name = `--${UDS_PREFIX}-${paletteType}-color-${paletteKey}`;\n      rootVars[name] = `var(--${SPECTRUM_COLOR_PREFIX}-${hue}-${step})`;\n      // @ts-expect-error this is fine\n      tailwindConfig.palette[paletteType][paletteKey] = opacity\n        ? `rgb(var(${name}) / ${opacity})`\n        : `rgb(var(${name}))`;\n    }\n  });\n\n  return {\n    _vars: rootVars,\n    _raw: colors,\n    tailwindConfig,\n  };\n}\n\nfunction transformNumericToPx<T extends Record<string, number>>(prefix: string, config: T) {\n  if (!config) {\n    return {\n      _vars: {} as Record<string, string>,\n      _raw: {} as Record<string, number>,\n      tailwindConfig: {} as Record<string, string>,\n    };\n  }\n  const rootVars: Record<string, string> = {};\n  const tailwindConfig = {} as Record<string, string>;\n  for (const [variant, value] of entries(config)) {\n    const rootVarKey = `--${prefix}-${variant}`;\n    const rootVarValue = `${value}px`;\n    rootVars[rootVarKey] = rootVarValue;\n    tailwindConfig[variant] = `var(${rootVarKey})`;\n  }\n  return {\n    _vars: rootVars,\n    _raw: config,\n    tailwindConfig,\n  };\n}\n\ntype WebTokens = Omit<UniversalTokensConfig, 'colorMode' | 'scaleMode' | 'fontFamily'> & {\n  colorMode: Record<ColorMode, ReturnType<typeof transformColors>>;\n  scaleMode: Record<\n    ScaleMode,\n    {\n      borderRadius: ReturnType<typeof transformNumericToPx>;\n      borderWidth: ReturnType<typeof transformNumericToPx>;\n      avatarSizes: ReturnType<typeof transformNumericToPx>;\n      iconSizes: ReturnType<typeof transformNumericToPx>;\n    }\n  >;\n};\n\nexport function parseTokens(config: UniversalTokensConfig): WebTokens {\n  const { colorMode, scaleMode } = config;\n\n  return {\n    ...config,\n    colorMode: {\n      light: transformColors(colorMode.light),\n      dark: transformColors(colorMode.dark),\n    },\n    scaleMode: mapValues(scaleMode, ({ borderRadius, borderWidth, avatarSizes, iconSizes }) => {\n      return {\n        borderRadius: transformNumericToPx(BORDER_RADIUS_PREFIX, borderRadius),\n        borderWidth: transformNumericToPx(BORDER_WIDTH_PREFIX, borderWidth),\n        avatarSizes: transformNumericToPx(AVATAR_SIZE_PREFIX, avatarSizes),\n        iconSizes: transformNumericToPx(ICON_SIZE_PREFIX, iconSizes),\n      };\n    }),\n  };\n}\n\nexport { type WebTokens };\n"],"mappings":";;;;;;AAqBA,SAAS,gBAAgB,QAAsB;CAC7C,MAAM,EAAE,SAAS,aAAa;CAC9B,MAAMA,WAAmC,EAAE;CAC3C,MAAM,iBAAiB;EACrB,UAAU,EAAE;EACZ,SAAS,EAAE;EAGZ;AAED,MAAK,MAAM,CAAC,KAAK,aAAa,QAAQ,SAAS,CAC7C,MAAK,MAAM,CAAC,SAAS,UAAU,QAAQ,SAAS,EAAE;EAEhD,MAAM,SAAS,KAAK,sBAAsB,GAD7B,GAAG,IAAI,GAAG;AAEvB,MAAI,CAAC,eAAe,SAAS,KAC3B,gBAAe,SAAS,OAAO,EAAE;AAEnC,iBAAe,SAAS,KAAK,WAAW,WAAW,OAAO;AAC1D,WAAS,UAAU;;AAIvB,SAAQ,QAAQ,CAAC,SAAS,CAAC,aAAa,mBAAmB;AACzD,OAAK,MAAM,CAAC,YAAY,EAAE,KAAK,MAAM,cAAc,OAAO,QAAQ,cAAc,EAAE;AAChF,OAAI,EAAE,eAAe,eAAe,SAElC,gBAAe,QAAQ,eAAe,EAAE;GAE1C,MAAM,OAAO,KAAK,WAAW,GAAG,YAAY,SAAS;AACrD,YAAS,QAAQ,SAAS,sBAAsB,GAAG,IAAI,GAAG,KAAK;AAE/D,kBAAe,QAAQ,aAAa,cAAc,UAC9C,WAAW,KAAK,MAAM,QAAQ,KAC9B,WAAW,KAAK;;GAEtB;AAEF,QAAO;EACL,OAAO;EACP,MAAM;EACN;EACD;;AAGH,SAAS,qBAAuD,QAAgB,QAAW;AACzF,KAAI,CAAC,OACH,QAAO;EACL,OAAO,EAAE;EACT,MAAM,EAAE;EACR,gBAAgB,EAAE;EACnB;CAEH,MAAMA,WAAmC,EAAE;CAC3C,MAAM,iBAAiB,EAAE;AACzB,MAAK,MAAM,CAAC,SAAS,UAAU,QAAQ,OAAO,EAAE;EAC9C,MAAM,aAAa,KAAK,OAAO,GAAG;AAElC,WAAS,cADY,GAAG,MAAM;AAE9B,iBAAe,WAAW,OAAO,WAAW;;AAE9C,QAAO;EACL,OAAO;EACP,MAAM;EACN;EACD;;AAgBH,SAAgB,YAAY,QAA0C;CACpE,MAAM,EAAE,WAAW,cAAc;AAEjC,QAAO;EACL,GAAG;EACH,WAAW;GACT,OAAO,gBAAgB,UAAU,MAAM;GACvC,MAAM,gBAAgB,UAAU,KAAK;GACtC;EACD,WAAW,UAAU,YAAY,EAAE,cAAc,aAAa,aAAa,gBAAgB;AACzF,UAAO;IACL,cAAc,qBAAqB,sBAAsB,aAAa;IACtE,aAAa,qBAAqB,qBAAqB,YAAY;IACnE,aAAa,qBAAqB,oBAAoB,YAAY;IAClE,WAAW,qBAAqB,kBAAkB,UAAU;IAC7D;IACD;EACH"}

package/dist/tokens/types.cjs

@@ -0,0 +1 @@
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */