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

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/Calendar/SingleCalendar/SingleCalendar.styles.tsx
var { staticClasses, useClasses } = createClasses("HvSingleCalendar", {
	root: { overflow: "hidden" },
	calendarGrid: {
		display: "grid",
		gridTemplateColumns: "repeat(7, 1fr)",
		"& $cellsInRange": {
			backgroundColor: theme.colors.bgPageSecondary,
			"& $startBookend": {
				borderLeft: `1px solid ${theme.colors.text}`,
				backgroundColor: theme.colors.bgPageSecondary,
				"&:hover": { borderRight: `1px solid ${theme.colors.text}` }
			}
		},
		"&:hover $cellsInRange": {
			backgroundColor: theme.colors.bgPageSecondary,
			"& $startBookend": {
				borderLeft: `1px solid ${theme.colors.text}`,
				borderRight: "inherit"
			}
		},
		"& $cellsInRange:hover": {
			backgroundColor: theme.colors.bgPageSecondary,
			"& $calendarDate": { borderRight: `2px solid ${theme.colors.text}` }
		},
		"& $cellsInRange:hover ~ $cellsInRange": { backgroundColor: theme.colors.bgContainer },
		"& $cellsOutsideRange:hover ~ $cellsInRange": { backgroundColor: theme.colors.bgContainer }
	},
	calendarDay: {
		display: "flex",
		justifyContent: "center",
		flexDirection: "column",
		textAlign: "center",
		height: "40px",
		width: "40px"
	},
	navigationContainer: {},
	focusSelection: {},
	navigationMonth: {},
	calendarDate: {},
	calendarDateNotInMonth: {},
	calendarDateSelected: {},
	calendarDateInvalid: {},
	calendarDateInSelectionRange: {},
	startBookend: {},
	endBookend: {},
	cellsInRange: { backgroundColor: theme.colors.bgPageSecondary },
	cellsOutsideRange: {},
	cellContainer: {},
	weekdays: {}
});
//#endregion
export { useClasses };