@hitachivantara/uikit-react-core/dist/cjs/Select/Select.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("HvSelect", {
  root: {
    position: "relative",
    "&$disabled,&$readOnly": {
      pointerEvents: "none"
    }
  },
  disabled: {},
  readOnly: {},
  invalid: {},
  labelContainer: {},
  label: {},
  description: {},
  select: {
    "&&$invalid": { borderColor: uikitStyles.theme.form.errorColor }
  },
  popper: {
    zIndex: uikitStyles.theme.zIndices.popover
  },
  panel: {
    maxHeight: 400,
    border: `1px solid ${uikitStyles.theme.colors.text}`,
    marginTop: -1,
    marginBottom: -1,
    // panel styles
    position: "relative",
    padding: uikitStyles.theme.space.xs,
    backgroundColor: uikitStyles.theme.colors.bgContainer,
    overflowY: "auto",
    borderRadius: "inherit"
  },
  /** @deprecated leverage `[data-popper-placement]` instead */
  panelOpenedUp: {},
  /** @deprecated leverage `[data-popper-placement]` instead */
  panelOpenedDown: {},
  error: {}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;