@hitachivantara/uikit-react-core/dist/esm/BreadCrumb/Page/Page.styles.js

Core React components for the NEXT Design System.

import { createClasses } from "@hitachivantara/uikit-react-utils";
import { theme } from "@hitachivantara/uikit-styles";
import { outlineStyles } from "../../utils/focusUtils.js";
const { staticClasses, useClasses } = createClasses("HvBreadCrumbPage", {
  link: {
    padding: `8px ${theme.space.xs}`,
    borderRadius: theme.radii.base,
    maxWidth: 170 + 16,
    textTransform: "capitalize",
    "&:hover": {
      cursor: "pointer",
      backgroundColor: theme.colors.bgHover
    },
    "&:focus": {
      backgroundColor: theme.colors.bgHover
    },
    "&:focus-visible": {
      ...outlineStyles
    }
  },
  label: {},
  a: {}
});
export {
  staticClasses,
  useClasses
};