@base-ui/react/field/error/FieldErrorDataAttributes.js

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FieldErrorDataAttributes = void 0;
var _stateAttributesMapping = require("../../internals/stateAttributesMapping");
let FieldErrorDataAttributes = exports.FieldErrorDataAttributes = function (FieldErrorDataAttributes) {
  /**
   * Present when the field is disabled.
   */
  FieldErrorDataAttributes["disabled"] = "data-disabled";
  /**
   * Present when the field is in a valid state.
   */
  FieldErrorDataAttributes["valid"] = "data-valid";
  /**
   * Present when the field is in an invalid state.
   */
  FieldErrorDataAttributes["invalid"] = "data-invalid";
  /**
   * Present when the field has been touched.
   */
  FieldErrorDataAttributes["touched"] = "data-touched";
  /**
   * Present when the field's value has changed.
   */
  FieldErrorDataAttributes["dirty"] = "data-dirty";
  /**
   * Present when the field is filled.
   */
  FieldErrorDataAttributes["filled"] = "data-filled";
  /**
   * Present when the field control is focused.
   */
  FieldErrorDataAttributes["focused"] = "data-focused";
  /**
   * Present when the error message is animating in.
   */
  FieldErrorDataAttributes[FieldErrorDataAttributes["startingStyle"] = _stateAttributesMapping.TransitionStatusDataAttributes.startingStyle] = "startingStyle";
  /**
   * Present when the error message is animating out.
   */
  FieldErrorDataAttributes[FieldErrorDataAttributes["endingStyle"] = _stateAttributesMapping.TransitionStatusDataAttributes.endingStyle] = "endingStyle";
  return FieldErrorDataAttributes;
}({});