@hitachivantara/uikit-react-core/dist/Tabs/Tab/Tab.styles.js

UI Kit Core React components.

import { outlineStyles } from "../../utils/focusUtils.js";
import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Tabs/Tab/Tab.styles.tsx
var { staticClasses, useClasses } = createClasses("HvTab", {
	root: {
		marginTop: "3px",
		padding: theme.spacing(0, "sm"),
		minWidth: 70,
		minHeight: 32,
		textTransform: "none",
		...theme.typography.body,
		borderRadius: `${theme.radii.base} ${theme.radii.base} 0 0`,
		"&:hover": {
			backgroundColor: theme.colors.bgHover,
			"&::after": {
				height: "1px",
				backgroundColor: theme.colors.border
			}
		},
		"&$selected": { fontWeight: theme.typography.label.fontWeight },
		"&$disabled": {
			color: theme.colors.textDisabled,
			cursor: "not-allowed",
			pointerEvents: "all",
			opacity: 1,
			"&:hover": { background: "none" }
		},
		opacity: 1,
		"&::after": {
			position: "absolute",
			left: 0,
			top: "calc(100% - 1px)",
			height: "1px",
			width: "100%",
			backgroundColor: theme.colors.border,
			content: "''"
		},
		"& .MuiTab-iconWrapper": { margin: 0 }
	},
	focusVisible: { ...outlineStyles },
	selected: {},
	disabled: {}
});
//#endregion
export { staticClasses, useClasses };