@instructure/ui-text-area 10.3.0 → 10.3.1-snapshot-2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.3.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.3.0...v10.3.1-snapshot-2) (2024-10-08)
+
+**Note:** Version bump only for package @instructure/ui-text-area
+
+
+
+
+
 # [10.3.0](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.3.0) (2024-10-03)
 
 **Note:** Version bump only for package @instructure/ui-text-area

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-text-area",
-  "version": "10.3.0",
+  "version": "10.3.1-snapshot-2",
   "description": "A styled HTML text area component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.25.6",
-    "@instructure/debounce": "10.3.0",
-    "@instructure/emotion": "10.3.0",
-    "@instructure/shared-types": "10.3.0",
-    "@instructure/ui-dom-utils": "10.3.0",
-    "@instructure/ui-form-field": "10.3.0",
-    "@instructure/ui-prop-types": "10.3.0",
-    "@instructure/ui-react-utils": "10.3.0",
-    "@instructure/ui-testable": "10.3.0",
-    "@instructure/ui-utils": "10.3.0",
-    "@instructure/uid": "10.3.0",
+    "@instructure/debounce": "10.3.1-snapshot-2",
+    "@instructure/emotion": "10.3.1-snapshot-2",
+    "@instructure/shared-types": "10.3.1-snapshot-2",
+    "@instructure/ui-dom-utils": "10.3.1-snapshot-2",
+    "@instructure/ui-form-field": "10.3.1-snapshot-2",
+    "@instructure/ui-prop-types": "10.3.1-snapshot-2",
+    "@instructure/ui-react-utils": "10.3.1-snapshot-2",
+    "@instructure/ui-testable": "10.3.1-snapshot-2",
+    "@instructure/ui-utils": "10.3.1-snapshot-2",
+    "@instructure/uid": "10.3.1-snapshot-2",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.3.0",
-    "@instructure/ui-babel-preset": "10.3.0",
-    "@instructure/ui-color-utils": "10.3.0",
-    "@instructure/ui-test-utils": "10.3.0",
-    "@instructure/ui-themes": "10.3.0",
+    "@instructure/ui-axe-check": "10.3.1-snapshot-2",
+    "@instructure/ui-babel-preset": "10.3.1-snapshot-2",
+    "@instructure/ui-color-utils": "10.3.1-snapshot-2",
+    "@instructure/ui-test-utils": "10.3.1-snapshot-2",
+    "@instructure/ui-themes": "10.3.1-snapshot-2",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",

package/src/TextArea/README.md

@@ -81,29 +81,43 @@ type: example
 
 A 'controlled' TextArea:
 
-```js
----
-type: example
----
+- ```js
+  class Example extends React.Component {
+    state = { description: 'Hello World' }
+
+    handleChange = (e) => this.setState({ description: e.target.value })
+
+    render() {
+      return (
+        <TextArea
+          label="Description"
+          value={this.state.description}
+          onChange={this.handleChange}
+        />
+      )
+    }
+  }
+
+  render(<Example />)
+  ```
 
-class Example extends React.Component {
-  state = { description: 'Hello World' };
+- ```js
+  const Example = () => {
+    const [description, setDescription] = useState('Hello World')
 
-  handleChange = (e) => this.setState({ description: e.target.value});
+    const handleChange = (e) => setDescription(e.target.value)
 
-  render () {
     return (
       <TextArea
         label="Description"
-        value={this.state.description}
-        onChange={this.handleChange}
+        value={description}
+        onChange={handleChange}
       />
     )
   }
-}
 
-render(<Example/>)
-```
+  render(<Example />)
+  ```
 
 ### Guidelines