@hitachivantara/uikit-react-core/dist/Focus/Focus.styles.js

UI Kit Core React components.

import { outlineStyles } from "../utils/focusUtils.js";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Focus/Focus.styles.tsx
var { staticClasses, useClasses } = createClasses("HvFocus", {
	root: {},
	selected: {},
	disabled: {},
	focusDisabled: {
		outline: "none",
		"& *:focus": { outline: "none" },
		"& *": { outline: "none !important" }
	},
	focused: {
		...outlineStyles,
		"@media (-webkit-min-device-pixel-ratio:0)": { ...outlineStyles }
	},
	focusedVisible: {
		"&:focus-visible": {
			...outlineStyles,
			"@media (-webkit-min-device-pixel-ratio:0)": { ...outlineStyles }
		},
		"&:focus-within:has(:focus-visible)": {
			...outlineStyles,
			"@media (-webkit-min-device-pixel-ratio:0)": { ...outlineStyles }
		}
	},
	focus: {}
});
//#endregion
export { staticClasses, useClasses };