/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
import { LARGE_SCALE_MODE_CLASSNAME, MEDIUM_SCALE_MODE_CLASSNAME, SMALL_SCALE_MODE_CLASSNAME, XLARGE_SCALE_MODE_CLASSNAME, XSMALL_SCALE_MODE_CLASSNAME, XXLARGE_SCALE_MODE_CLASSNAME, XXXLARGE_SCALE_MODE_CLASSNAME } from "../packages/css-tokens/dist/index.js";
import { getScaleModeStyles } from "../utils/getScaleModeStyles.js";
import { DEFAULT_SCALE_MODE } from "../packages/modes/dist/index.js";
//#region ../tailwind-internal/dist/base/addScaleModeVars.js
/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
function addScaleModeVars(tokens, { addBase }) {
	const styles = getScaleModeStyles(tokens);
	addBase({
		...styles[DEFAULT_SCALE_MODE],
		[`.${XSMALL_SCALE_MODE_CLASSNAME}`]: styles.xSmall,
		[`.${SMALL_SCALE_MODE_CLASSNAME}`]: styles.small,
		[`.${MEDIUM_SCALE_MODE_CLASSNAME}`]: styles.medium,
		[`.${LARGE_SCALE_MODE_CLASSNAME}`]: styles.large,
		[`.${XLARGE_SCALE_MODE_CLASSNAME}`]: styles.xLarge,
		[`.${XXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxLarge,
		[`.${XXXLARGE_SCALE_MODE_CLASSNAME}`]: styles.xxxLarge
	});
}
//#endregion
export { addScaleModeVars };
