Align v10.53 (#1109)

* chore(deps): upgrade carbon-components to v10.53.0

* feat(text-area): add maxCount prop

* docs(text-area): add maximum character count

* feat(file-uploader): add disabled prop

* docs(file-uploader): add disabled state example

docs/src/COMPONENT_API.json

@@ -3467,6 +3467,17 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "disabled",
+          "kind": "let",
+          "description": "Set to `true` to disable the file uploader",
+          "type": "boolean",
+          "value": "false",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "accept",
           "kind": "let",
@@ -11421,6 +11432,16 @@
           "constant": false,
           "reactive": false
         },
+        {
+          "name": "maxCount",
+          "kind": "let",
+          "description": "Specify the max character count",
+          "type": "number",
+          "isFunction": false,
+          "isFunctionDeclaration": false,
+          "constant": false,
+          "reactive": false
+        },
         {
           "name": "light",
           "kind": "let",

docs/src/pages/components/FileUploader.svx

@@ -15,6 +15,10 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer",
 
 <FileUploader multiple labelTitle="Upload files" buttonLabel="Add files" labelDescription="Only JPEG files are accepted." accept="{['.jpg', '.jpeg']}" status="complete" />
 
+### File uploader (disabled state)
+
+<FileUploader disabled multiple labelTitle="Upload files" buttonLabel="Add files" labelDescription="Only JPEG files are accepted." accept="{['.jpg', '.jpeg']}" status="complete" />
+
 ### Item (uploading)
 
 <FileUploaderItem name="README.md" status="uploading" />

docs/src/pages/components/TextArea.svx

@@ -11,6 +11,14 @@ components: ["TextArea", "TextAreaSkeleton"]
 
 <TextArea labelText="App description" placeholder="Enter a description..." />
 
+### Maximum character count
+
+Specify the max character count using the `maxCount` prop. A character counter will be displayed to the right of the label.
+
+You can always use the native `maxlength` attribute if you'd prefer that a counter not be shown.
+
+<TextArea labelText="App description" placeholder="Enter a description..." maxCount={100} />
+
 ### With helper text
 
 <TextArea labelText="App description" helperText="A rich description helps us better recommend related products and services" placeholder="Enter a description..." />