[
  {
    "tags": {
      "param": "props.id ID associated with the TextArea component.\nprops.label Text shown in bold above the input element.\nprops.description Text that gives more detail about the requirements for the input.\nprops.disabled Whether or not the field is currently disabled.\nprops.onChange Callback to be executed when the value of the input field changes.\nprops.onBlur Callback to be executed when the input stops being focused.\nprops.placeholder The placeholder text shown in the input field before the user begins typing.\nprops.errorMessage The error message shown below the input element if the value is invalid.\nprops.successMessage The success message shown below the input element if the value is valid.\nprops.state The current state of the TextArea. This can be `none` or `error`.\nprops.value The current value of the input field. If a value is passed to this prop, component will be controlled by consumer.\nprops.className ClassName supplied to the TextArea container.\nprops.darkMode Determines whether or not the component appears in dark theme.\nprops.handleValidation Validation callback used to validate input.\nprops.baseFontSize Override the global `baseFontSize` set in LeafygreenProvider. This will only change the font size of the input text, not the label or description.\nprops.defaultValue The default value of the input field. Unlike value, component will not be controlled if defaultValue is passed."
    },
    "description": "\n```\n<TextArea label='Input Label' onChange={() => execute when value of input field changes}/>\n```",
    "methods": [],
    "displayName": "TextArea",
    "props": {
      "TextareaHTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "BaseTextAreaProps": {
        "disabled": {
          "name": "disabled",
          "defaultValue": {
            "value": false
          },
          "description": "Whether or not the field is disabled. This will set the `aria-disabled` and `readonly` attributes on the input, not the `disabled` attribute.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {
            "default": "false"
          }
        },
        "placeholder": {
          "name": "placeholder",
          "defaultValue": null,
          "description": "The placeholder text shown in the input field before the user begins typing.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "value": {
          "name": "value",
          "defaultValue": null,
          "description": "The current value of the input field. If a value is passed to this prop, component will be controlled by consumer.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "onChange": {
          "name": "onChange",
          "defaultValue": null,
          "description": "Callback to be executed when the value of the input field changes.",
          "required": false,
          "type": {
            "name": "ChangeEventHandler<HTMLTextAreaElement>"
          },
          "tags": {}
        },
        "id": {
          "name": "id",
          "defaultValue": null,
          "description": "ID associated with the TextArea component.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "onBlur": {
          "name": "onBlur",
          "defaultValue": null,
          "description": "Callback to be executed when the input stops being focused.",
          "required": false,
          "type": {
            "name": "FocusEventHandler<HTMLTextAreaElement>"
          },
          "tags": {}
        },
        "description": {
          "name": "description",
          "defaultValue": null,
          "description": "Text that gives more detail about the requirements for the input.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "state": {
          "name": "state",
          "defaultValue": {
            "value": "State.None"
          },
          "description": "The current state of the TextArea. This can be `none` or `error`.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "State",
            "value": [
              {
                "value": "\"none\""
              },
              {
                "value": "\"error\""
              },
              {
                "value": "\"valid\""
              }
            ]
          },
          "tags": {
            "default": "\"none\""
          }
        },
        "errorMessage": {
          "name": "errorMessage",
          "defaultValue": {
            "value": "This input needs your attention"
          },
          "description": "The message shown below the input element if the value is invalid.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "successMessage": {
          "name": "successMessage",
          "defaultValue": {
            "value": "Success"
          },
          "description": "The message shown below the input element if the value is valid.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "handleValidation": {
          "name": "handleValidation",
          "defaultValue": null,
          "description": "Callback called whenever validation should be run.\n\nSee [Form Validation & Error Handling](https://www.mongodb.design/foundation/forms/#form-validation--error-handling) for more",
          "required": false,
          "type": {
            "name": "(value: string) => void"
          },
          "tags": {}
        },
        "baseFontSize": {
          "name": "baseFontSize",
          "defaultValue": null,
          "description": "Override the global `baseFontSize` set in LeafygreenProvider. This will only change the font size of the input text, not the label or description",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "BaseFontSize",
            "value": [
              {
                "value": "13"
              },
              {
                "value": "16"
              }
            ]
          },
          "tags": {}
        },
        "label": {
          "name": "label",
          "defaultValue": null,
          "description": "Text shown in bold above the input element.\n\nOptional if `aria-labelledby` is provided",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "aria-labelledby": {
          "name": "aria-labelledby",
          "defaultValue": null,
          "description": "Screen-reader label element\n\nOptional if `label` is provided",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      },
      "AriaAttributes": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes",
      "DOMAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "DarkModeProps": {
        "darkMode": {
          "name": "darkMode",
          "defaultValue": {
            "value": "false"
          },
          "description": "Renders the component with dark mode styles.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {
            "default": "false"
          }
        }
      },
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {
      "param": "props.id ID associated with the TextArea component.\nprops.label Text shown in bold above the input element.\nprops.description Text that gives more detail about the requirements for the input.\nprops.disabled Whether or not the field is currently disabled.\nprops.onChange Callback to be executed when the value of the input field changes.\nprops.onBlur Callback to be executed when the input stops being focused.\nprops.placeholder The placeholder text shown in the input field before the user begins typing.\nprops.errorMessage The error message shown below the input element if the value is invalid.\nprops.successMessage The success message shown below the input element if the value is valid.\nprops.state The current state of the TextArea. This can be `none` or `error`.\nprops.value The current value of the input field. If a value is passed to this prop, component will be controlled by consumer.\nprops.className ClassName supplied to the TextArea container.\nprops.darkMode Determines whether or not the component appears in dark theme.\nprops.handleValidation Validation callback used to validate input.\nprops.baseFontSize Override the global `baseFontSize` set in LeafygreenProvider. This will only change the font size of the input text, not the label or description.\nprops.defaultValue The default value of the input field. Unlike value, component will not be controlled if defaultValue is passed."
    },
    "description": "\n```\n<TextArea label='Input Label' onChange={() => execute when value of input field changes}/>\n```",
    "methods": [],
    "displayName": "LeafygreenUiTextArea",
    "props": {
      "TextareaHTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea",
      "HTMLAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "BaseTextAreaProps": {
        "disabled": {
          "name": "disabled",
          "defaultValue": {
            "value": false
          },
          "description": "Whether or not the field is disabled. This will set the `aria-disabled` and `readonly` attributes on the input, not the `disabled` attribute.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {
            "default": "false"
          }
        },
        "placeholder": {
          "name": "placeholder",
          "defaultValue": null,
          "description": "The placeholder text shown in the input field before the user begins typing.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "value": {
          "name": "value",
          "defaultValue": null,
          "description": "The current value of the input field. If a value is passed to this prop, component will be controlled by consumer.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "onChange": {
          "name": "onChange",
          "defaultValue": null,
          "description": "Callback to be executed when the value of the input field changes.",
          "required": false,
          "type": {
            "name": "ChangeEventHandler<HTMLTextAreaElement>"
          },
          "tags": {}
        },
        "id": {
          "name": "id",
          "defaultValue": null,
          "description": "ID associated with the TextArea component.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "onBlur": {
          "name": "onBlur",
          "defaultValue": null,
          "description": "Callback to be executed when the input stops being focused.",
          "required": false,
          "type": {
            "name": "FocusEventHandler<HTMLTextAreaElement>"
          },
          "tags": {}
        },
        "description": {
          "name": "description",
          "defaultValue": null,
          "description": "Text that gives more detail about the requirements for the input.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "state": {
          "name": "state",
          "defaultValue": {
            "value": "State.None"
          },
          "description": "The current state of the TextArea. This can be `none` or `error`.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "State",
            "value": [
              {
                "value": "\"none\""
              },
              {
                "value": "\"error\""
              },
              {
                "value": "\"valid\""
              }
            ]
          },
          "tags": {
            "default": "\"none\""
          }
        },
        "errorMessage": {
          "name": "errorMessage",
          "defaultValue": {
            "value": "This input needs your attention"
          },
          "description": "The message shown below the input element if the value is invalid.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "successMessage": {
          "name": "successMessage",
          "defaultValue": {
            "value": "Success"
          },
          "description": "The message shown below the input element if the value is valid.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "ReactNode",
            "value": [
              {
                "value": "string"
              },
              {
                "value": "number"
              },
              {
                "value": "false"
              },
              {
                "value": "true"
              },
              {
                "value": "ReactElement<any, string | JSXElementConstructor<any>>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "Iterable<ReactNode>",
                "description": "",
                "fullComment": "",
                "tags": {}
              },
              {
                "value": "ReactPortal",
                "description": "",
                "fullComment": "",
                "tags": {}
              }
            ]
          },
          "tags": {}
        },
        "handleValidation": {
          "name": "handleValidation",
          "defaultValue": null,
          "description": "Callback called whenever validation should be run.\n\nSee [Form Validation & Error Handling](https://www.mongodb.design/foundation/forms/#form-validation--error-handling) for more",
          "required": false,
          "type": {
            "name": "(value: string) => void"
          },
          "tags": {}
        },
        "baseFontSize": {
          "name": "baseFontSize",
          "defaultValue": null,
          "description": "Override the global `baseFontSize` set in LeafygreenProvider. This will only change the font size of the input text, not the label or description",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "BaseFontSize",
            "value": [
              {
                "value": "13"
              },
              {
                "value": "16"
              }
            ]
          },
          "tags": {}
        },
        "label": {
          "name": "label",
          "defaultValue": null,
          "description": "Text shown in bold above the input element.\n\nOptional if `aria-labelledby` is provided",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        },
        "aria-labelledby": {
          "name": "aria-labelledby",
          "defaultValue": null,
          "description": "Screen-reader label element\n\nOptional if `label` is provided",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      },
      "AriaAttributes": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes",
      "DOMAttributes": "https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes",
      "DarkModeProps": {
        "darkMode": {
          "name": "darkMode",
          "defaultValue": {
            "value": "false"
          },
          "description": "Renders the component with dark mode styles.",
          "required": false,
          "type": {
            "name": "enum",
            "raw": "boolean",
            "value": [
              {
                "value": "false"
              },
              {
                "value": "true"
              }
            ]
          },
          "tags": {
            "default": "false"
          }
        }
      },
      "LgIdProps": {
        "data-lgid": {
          "name": "data-lgid",
          "defaultValue": null,
          "description": "LG test id passed to the component wrapper.",
          "required": false,
          "type": {
            "name": "`lg-${string}`"
          },
          "tags": {}
        },
        "data-testid": {
          "name": "data-testid",
          "defaultValue": null,
          "description": "An additional test id passed to the component wrapper, meant for use by consumers of the library.",
          "required": false,
          "type": {
            "name": "string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {},
    "description": "",
    "methods": [],
    "displayName": "getLgIds",
    "props": {
      "String": "",
      "RelativeIndexable": {
        "at": {
          "name": "at",
          "defaultValue": null,
          "description": "",
          "required": true,
          "type": {
            "name": "(index: number) => string"
          },
          "tags": {}
        }
      }
    }
  },
  {
    "tags": {},
    "description": "",
    "methods": [],
    "displayName": "getTestUtils",
    "props": {
      "String": "",
      "RelativeIndexable": {
        "at": {
          "name": "at",
          "defaultValue": null,
          "description": "",
          "required": true,
          "type": {
            "name": "(index: number) => string"
          },
          "tags": {}
        }
      }
    }
  }
]