@hitachivantara/uikit-react-core/dist/TimePicker/Unit/Unit.styles.js

UI Kit Core React components.

import { theme } from "@hitachivantara/uikit-styles";
import { createClasses } from "@hitachivantara/uikit-react-utils";
//#region src/TimePicker/Unit/Unit.styles.ts
var { staticClasses, useClasses } = createClasses("HvTimePickerUnit", {
	root: {
		display: "flex",
		flexDirection: "column",
		justifyContent: "center",
		alignItems: "center",
		textAlign: "center",
		...theme.typography.title3
	},
	separator: { width: 8 },
	periodToggle: {
		height: 40,
		width: 40
	},
	element: {
		display: "flex",
		justifyContent: "center",
		alignItems: "center",
		height: 40,
		width: 40
	},
	input: {
		...theme.typography.title3,
		fontWeight: 600,
		textAlign: "center",
		padding: 0,
		margin: 0,
		"&::placeholder": {
			fontSize: 16,
			fontWeight: 600
		}
	},
	inputRoot: {
		width: 40,
		height: 40
	},
	subtractIcon: { marginTop: theme.space.xs }
});
//#endregion
export { useClasses };