@hitachivantara/uikit-react-core/dist/cjs/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs

Core React components for the NEXT Design System.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const uikitStyles = require("@hitachivantara/uikit-styles");
const { staticClasses, useClasses } = uikitReactUtils.createClasses(
  "HvVerticalNavigationSlider",
  {
    root: {
      display: "flex",
      alignItems: "center",
      borderLeft: `4px solid transparent`,
      minHeight: "48px",
      color: "inherit",
      marginBottom: "8px",
      "& > button": {
        marginLeft: "auto"
      }
    },
    listItemSelected: {
      backgroundColor: uikitStyles.theme.colors.bgPageSecondary,
      borderLeft: `4px solid ${uikitStyles.theme.colors.text}`
    },
    listItemFocus: {
      backgroundColor: uikitStyles.theme.colors.bgPageSecondary
    },
    forwardButton: {
      color: "inherit"
    },
    listContainer: {},
    listItemDisabled: {}
  }
);
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;