@hitachivantara/uikit-react-core/dist/esm/Dropdown/Dropdown.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("HvDropdown", {
  root: {
    width: "100%",
    position: "relative",
    display: "inline-block"
  },
  labelContainer: {},
  label: {},
  description: {},
  error: {},
  placeholder: {
    overflow: "hidden",
    textOverflow: "ellipsis",
    whiteSpace: "nowrap"
  },
  placeholderClosed: {
    color: theme.colors.textSubtle
  },
  selectionDisabled: {
    lineHeight: theme.space.md,
    color: theme.colors.textDisabled
  },
  dropdown: {
    width: "100%",
    borderRadius: theme.radii.base
  },
  arrow: {},
  dropdownHeader: {},
  dropdownHeaderInvalid: {
    borderColor: theme.form.errorColor
  },
  dropdownHeaderOpen: {},
  dropdownListContainer: {},
  rootList: {},
  disabled: {
    color: theme.colors.textDisabled
  },
  readOnly: {
    "& $dropdownHeader": {
      borderColor: theme.colors.textSubtle,
      backgroundColor: theme.colors.bgContainer
    }
  }
});
export {
  staticClasses,
  useClasses
};