@hitachivantara/uikit-react-core/dist/esm/VerticalNavigation/NavigationSlider/NavigationSlider.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(
  "HvVerticalNavigationSlider",
  {
    root: {
      display: "flex",
      alignItems: "center",
      borderLeft: `4px solid transparent`,
      minHeight: "48px",
      color: "inherit",
      marginBottom: "8px",
      "& > button": {
        marginLeft: "auto"
      }
    },
    listItemSelected: {
      backgroundColor: theme.colors.bgPageSecondary,
      borderLeft: `4px solid ${theme.colors.text}`
    },
    listItemFocus: {
      backgroundColor: theme.colors.bgPageSecondary
    },
    forwardButton: {
      color: "inherit"
    },
    listContainer: {},
    listItemDisabled: {}
  }
);
export {
  staticClasses,
  useClasses
};