chore(textarea): cleanup playground story (#12571)

closes #12228

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>

packages/react/src/components/TextArea/TextArea.stories.js

@@ -15,6 +15,13 @@ export default {
   subcomponents: {
     TextAreaSkeleton,
   },
+  argTypes: {
+    light: {
+      table: {
+        disable: true,
+      },
+    },
+  },
 };
 
 export const Default = () => (
@@ -61,9 +68,7 @@ export const Playground = (args) => <TextArea {...args} id="text-area-1" />;
 
 Playground.argTypes = {
   className: {
-    control: {
-      type: 'text',
-    },
+    control: false,
   },
   cols: {
     control: {
@@ -75,11 +80,6 @@ Playground.argTypes = {
       type: 'text',
     },
   },
-  value: {
-    control: {
-      type: 'text',
-    },
-  },
   disabled: {
     control: {
       type: 'boolean',
@@ -104,9 +104,7 @@ Playground.argTypes = {
     defaultValue: false,
   },
   id: {
-    control: {
-      type: 'text',
-    },
+    control: false,
   },
   invalid: {
     control: {
@@ -118,22 +116,35 @@ Playground.argTypes = {
     control: {
       type: 'text',
     },
+    defaultValue: '',
   },
   labelText: {
     control: {
       type: 'text',
     },
   },
-  light: {
+  maxCount: {
     control: {
-      type: 'boolean',
+      type: 'number',
     },
-    defaultValue: false,
   },
-  maxCount: {
+  placeholder: {
+    control: {
+      type: 'text',
+    },
+    defaultValue: '',
+  },
+  rows: {
     control: {
       type: 'number',
     },
+    defaultValue: 4,
+  },
+  value: {
+    control: {
+      type: 'text',
+    },
+    defaultValue: '',
   },
 };