{"_id":"@bolttech/ob-atoms-text-area","_rev":"4-057f279b295b052a52eb63d61ae23aa4","name":"@bolttech/ob-atoms-text-area","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@bolttech/ob-atoms-text-area","version":"1.0.0","_id":"@bolttech/ob-atoms-text-area@1.0.0","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"08a6bff65ffd27e2d08149d0d772902c852100fa","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-text-area/-/ob-atoms-text-area-1.0.0.tgz","fileCount":9,"integrity":"sha512-gw2opDbvDVuRL5KgqDwvRVaGvcx3MZ4qFcl82lOK08OVzPBT0zG0eWioi5oKUyXCIayiBuI4UvOhrmCqZxojRg==","signatures":[{"sig":"MEYCIQCeqQ01kxvoiH8TbS1rlhr5hzpc0RvWCk91HNZzJXE+6gIhAPSRV5aKoPJjoxv59CZtAljw+mxDriZCqO7+xmBbnzXD","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61050},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"59700860ee4b906252a785f356c6b60d6039b9c6","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"11.10.1","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"@bolttech/ui-utils":"0.6.5"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-text-area_1.0.0_1778516146317_0.2868355951952335","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@bolttech/ob-atoms-text-area","version":"1.0.1","_id":"@bolttech/ob-atoms-text-area@1.0.1","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"40600ae371d885366b2b8183b2bdab9048947574","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-text-area/-/ob-atoms-text-area-1.0.1.tgz","fileCount":5,"integrity":"sha512-L2SDWfre7NGF1qHF+FHKT8mmLXFlMSJQhTv/QIAKICMsb5petuUwuiChPehHYOpDR8znZv2m9YtXu87Mw1CzwA==","signatures":[{"sig":"MEUCIEQiLBMDStCOjJgMK4cwLc2PXko7YKtlh/dpj/nKxlOGAiEA93mKwgJQ4zeQshTsk43KnrTe7PHCoWoMki6cPfbkIxI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":47380},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"5a1557ad5376e7a903eeb610e20d59320c76de5b","_npmUser":{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"},"_npmVersion":"10.9.4","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.22.0","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-text-area_1.0.1_1780926059910_0.4894443665715693","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@bolttech/ob-atoms-text-area","version":"1.0.2","_id":"@bolttech/ob-atoms-text-area@1.0.2","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"dist":{"shasum":"ea76abaa7c3cb511bc7a9d57d4bf07a38e1acc49","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-text-area/-/ob-atoms-text-area-1.0.2.tgz","fileCount":9,"integrity":"sha512-y14Ks5OiDwOniAG/Ttt0FXr9QM7DyF6fJnjrbQ5432HxOTY8AdvOUZB5Yp27nNPZnD/NIA4Zqqg8YU/Wwqw9jg==","signatures":[{"sig":"MEQCIEfCCSL3d7IEi8KFWxAZq5eY55KnkkZ9mtXsYdNmbUFQAiBobpDM4SzDz7Hzvaw3kjIfWiUFxY1AfbO9BQo/ntVkxg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIFFpGt9WH76Se+94fBuytdHTgEfLISmj0DiASb1w6XgbAiEA+Zw38jVGHI8HzNl/RMAg0xTCp7RdVjq3nSL0R9lres0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":59495},"main":"./index.cjs.js","type":"commonjs","types":"./index.d.ts","gitHead":"b65641ffdb8e746659537626cf39b4932d9e8176","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"```bash npx nx g @nx/react:lib ${lib_name} ```","directories":{},"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ob-atoms-text-area_1.0.2_1788779563661_0.9972167175776012","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"_id":"@bolttech/ob-atoms-text-area@1.0.3","dist":{"shasum":"8b73374a789494d33db9994226e9465d035df3a7","tarball":"https://registry.npmjs.org/@bolttech/ob-atoms-text-area/-/ob-atoms-text-area-1.0.3.tgz","fileCount":8,"integrity":"sha512-2Xqdp7khSSk0JdLCuW1g9PusoQwRrJJMlAiCH+iL+1ZjztYN7eVEepi7YopBE1AAkSM5ZnLXsaiHRYLt2W9VEg==","signatures":[{"sig":"MEUCIFXdmvyjaD8azmxSv6cMxAPt+oPv9VOhgzWR6L6j5TGuAiEA5wTY0OCfGVdSRQa3Fg2QeJtYPSvxQGsnFXddhdrxkmw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFsKr7NOIzr19OU/LWyA98jPWuFrlXE3nrFeqnRBqUQmAiEAyHCYrQK08JaFUly8Pff69mmDIwz7Gdu6MbqNllNLoBU="}],"unpackedSize":62981},"main":"./index.cjs.js","name":"@bolttech/ob-atoms-text-area","type":"commonjs","types":"./index.d.ts","gitHead":"bef036490f2541f7f5df0a87bace9faa71b500e6","version":"1.0.3","_npmUser":{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},"_npmVersion":"10.9.8","description":"The **TextArea** component is a customizable React component that provides a textarea input element with optional label, error message, and various styling options.","directories":{},"maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"_nodeVersion":"22.17.1","dependencies":{"react":"19.1.2","classnames":"^2.5.1","@bolttech/ui-utils":"0.6.7"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ob-atoms-text-area_1.0.3_1788796791021_0.06897123685878892"}}},"time":{"created":"2026-05-11T16:15:46.178Z","modified":"2026-09-07T15:59:51.379Z","1.0.0":"2026-05-11T16:15:46.465Z","1.0.1":"2026-06-08T13:41:00.041Z","1.0.2":"2026-09-07T11:12:43.735Z","1.0.3":"2026-09-07T15:59:51.100Z"},"description":"The **TextArea** component is a customizable React component that provides a textarea input element with optional label, error message, and various styling options.","maintainers":[{"name":"andsfranbolt","email":"anderson.francisco@bolttech.io"},{"name":"danielkhalebbatista","email":"daniel.batista@bolttech.io"},{"name":"pauloazevedo-ed","email":"paulo.azevedo@bolttech.io"},{"name":"bruno.gomes","email":"bruno.gomes@bolttech.io"},{"name":"plinio.altoe","email":"plinio.altoe@bolttech.io"},{"name":"joaoteixeira20","email":"joao.teixeira@bolttech.io"},{"name":"esteve-cabrera","email":"esteve.cabrera@bolttech.io"},{"name":"jabolttech","email":"jhonatan.amorim@bolttech.io"},{"name":"lucasvpaiva","email":"lucas.paiva@bolttech.io"},{"name":"herberts.fortuna","email":"herberts.fortuna@bolttech.io"},{"name":"matheus.maciel.bolttech","email":"matheus.maciel@bolttech.io"},{"name":"silas.silva.bolttech","email":"silas.silva@bolttech.io"}],"readme":"# TextArea Component\n\nThe **TextArea** component is a customizable React component that provides a textarea input element with optional label, error message, and various styling options.\n\n## Table of Contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Props](#props)\n- [Example](#example)\n- [Contributing](#contributing)\n\n## Installation\n\nTo use the **TextArea** component in your React application, follow these steps:\n\n```bash\nnpm install @bolttech/atoms-text-area\n```\n\nor\n\n```bash\nyarn add @bolttech/atoms-text-area\n```\n\nOnce you have the required dependencies installed, you can start using the `TextArea` component in your React application.\n\n## Usage\n\nThe **TextArea** component provides a flexible way to render textarea input fields with optional labels and error messages. It supports various styling options and can be customized to fit your UI design.\n\nTo use the component, import it and include it in your JSX:\n\n```jsx\nimport React, {useState} from 'react';\nimport {TextArea} from '@bolttech/atoms-text-area/ob';\n\nfunction App() {\n  const [textareaValue, setTextareaValue] = useState('');\n\n  const handleTextareaChange = (event) => {\n    setTextareaValue(event.target.value);\n  };\n\n  return (\n    <TextArea\n      label=\"Your Feedback\"\n      placeholder=\"Type your feedback here...\"\n      value={textareaValue}\n      onChange={handleTextareaChange}\n      dataTestId=\"feedback-textarea\"\n    />\n  );\n}\n\nexport default App;\n```\n\n## Props\n\nThe **TextArea** component accepts the following props:\n\n| Prop          | Type             | Description                                            |\n|---------------|------------------|--------------------------------------------------------|\n| `id`          | string           | The `id` attribute for the textarea input element.     |\n| `dataTestId`  | string           | The data-testid attribute for testing purposes.        |\n| `errorMessage`| string           | An optional error message to display below the textarea. |\n| `label`       | string           | An optional label to display above the textarea.      |\n| `required`    | boolean          | Whether the textarea is required. Default is `true`.  |\n| `disabled`    | boolean          | Whether the textarea is disabled. Default is `false`.  |\n| `value`       | string           | The value of the textarea.                            |\n| `variant`     | string           | The visual style variant of the textarea.             |\n| ...props      | any              | Additional props to pass to the textarea input element. |\n\n## Example\n\nHere's an example of using the **TextArea** component:\n\n```jsx\n<TextArea\n  label=\"Your Feedback\"\n  placeholder=\"Type your feedback here...\"\n  value={textareaValue}\n  onChange={handleTextareaChange}\n  dataTestId=\"feedback-textarea\"\n/>\n```\n\nThis will render a textarea input field with the provided label, placeholder, value, and onChange handler.\n\n## Contributing\n\nContributions to the **TextArea** component are welcome. If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the project's Bitbucket repository.\n","readmeFilename":"README.md"}