@hitachivantara/uikit-react-core/dist/Calendar/SingleCalendar/CalendarCell.styles.js

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Calendar/SingleCalendar/CalendarCell.styles.tsx
var hover = {
	backgroundColor: theme.colors.bgHover,
	cursor: "pointer"
};
var { staticClasses, useClasses } = createClasses("HvCalendarCell", {
	cellContainer: {},
	calendarDate: {
		display: "flex",
		justifyContent: "center",
		flexDirection: "column",
		textAlign: "center",
		height: "40px",
		width: "40px"
	},
	calendarDateSelected: {
		backgroundColor: theme.colors.bgPageSecondary,
		color: theme.colors.text,
		"&:hover": { ...hover }
	},
	calendarDateNotInMonth: {
		color: theme.colors.textDisabled,
		cursor: "not-allowed"
	},
	calendarDateInSelectionRange: { backgroundColor: theme.colors.bgPageSecondary },
	calendarDateDisabled: {
		color: theme.colors.textDisabled,
		cursor: "no-drop"
	},
	startBookend: { borderLeft: `1px solid ${theme.colors.text}` },
	endBookend: { borderRight: `1px solid ${theme.colors.text}` },
	dateWrapper: {
		width: "40px",
		height: "40px"
	},
	cellsInRange: { "&:focus": { outside: "none" } },
	cellsOutsideRange: { "&:focus": { outside: "none" } }
});
//#endregion
export { useClasses };