/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
import { PSEUDO_STYLE_SELECTOR_MAP } from "../packages/css-tokens/dist/index.js";
//#region ../tailwind-internal/dist/components/getFocusRingStyles.js
/*! © 2026 Yahoo, Inc. UDS Tailwind Internal v0.0.0-development */
const ringStyles = {
	outlineOffset: "var(--uds-outline-offset)",
	outlineWidth: "var(--uds-outline-width)",
	outlineColor: "var(--uds-outline-color)",
	outlineStyle: "var(--uds-outline-style)"
};
/**
* Generates focus ring styles using CSS variables.
* The CSS variable values (--uds-outline-*) are set per color mode via parseTokens/UdsThemeProvider.
*/
function getFocusRingStyles() {
	return {
		/** Apply styles */
		[`.uds-ring${PSEUDO_STYLE_SELECTOR_MAP.focused}:not(:disabled)`]: ringStyles,
		[`.focused .uds-ring:not(:disabled)`]: ringStyles,
		[`.uds-ring.uds-ring-within${PSEUDO_STYLE_SELECTOR_MAP.focusedWithin}:not(:disabled)`]: ringStyles
	};
}
//#endregion
export { getFocusRingStyles };
