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

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
const { 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
  }
});
export {
  staticClasses,
  useClasses
};