@hitachivantara/uikit-react-core/dist/esm/Footer/Footer.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("HvFooter", {
  root: {
    display: "flex",
    alignItems: "center",
    flexDirection: "row",
    gap: theme.space.xs,
    padding: theme.spacing("xs", "sm"),
    height: 40,
    bottom: 0,
    zIndex: theme.zIndices.base,
    backgroundColor: theme.colors.bgContainer,
    boxShadow: `0 -1px 0 ${theme.colors.border}`
  },
  name: {},
  rightContainer: {
    display: "flex",
    alignItems: "center",
    flexDirection: "row",
    marginLeft: "auto"
  },
  copyright: {},
  separator: {
    width: 1,
    height: 16,
    backgroundColor: theme.colors.text,
    margin: theme.spacing("xs", "sm")
  },
  small: {
    "&$root": {
      height: "unset",
      flexDirection: "column",
      padding: theme.space.xs
    },
    "& $rightContainer": {
      display: "contents"
    },
    "& $separator": { display: "none" }
  }
});
export {
  staticClasses,
  useClasses
};