@nurl/panda-preset/build/modern/recipes/shared/input.base.js

Official Panda-CSS preset for the Ganglion Design System.

// src/recipes/shared/input.base.ts
import { focusStates, formStates } from "./states.js";
var INPUT_COLOR = "neutral.text.300";
var inputControl = {
  appearance: "none",
  bgColor: "inherit",
  borderImage: "initial",
  borderRadius: "md",
  border: "1px solid",
  borderColor: "action.border.initial",
  color: INPUT_COLOR,
  h: "full",
  paddingInlineStart: "4",
  paddingInlineEnd: "10",
  position: "relative",
  transitionDuration: "150ms",
  transitionProperty: "border-color",
  w: "full",
  _hover: {
    borderColor: "neutral.border.200"
  },
  _disabled: {
    ...formStates._disabled,
    bgColor: "neutral.bg.initial",
    borderColor: "action.border.initial",
    color: "neutral.text.100"
  },
  _userInvalid: {
    borderColor: "danger.border.initial",
    _hover: {
      borderColor: "danger.border.initial"
    }
  },
  ...focusStates
};
export {
  INPUT_COLOR,
  inputControl
};
//# sourceMappingURL=input.base.js.map