docs: added docs for audio recorder (#502)

Co-authored-by: Maciej Makowski <120780663+maciejmakowski2003@users.noreply.github.com>

Author: mdydek

packages/audiodocs/docs/inputs/_category_.json

@@ -0,0 +1,7 @@
+{
+  "label": "Inputs",
+  "position": 4,
+  "link": {
+    "type": "generated-index"
+  }
+}

packages/audiodocs/docs/inputs/audio-recorder.mdx

@@ -0,0 +1,90 @@
+---
+sidebar_position: 4
+---
+
+import AudioNodePropsTable from "@site/src/components/AudioNodePropsTable"
+import { Optional, ReadOnly } from '@site/src/components/Badges';
+
+# AudioRecorder
+
+## Constructor
+
+[`AudioRecorder(options)`](/inputs/audio-recorder#audiorecorderoptions)
+
+## Example
+
+```tsx
+import { AudioRecorder } from 'react-native-audio-api';
+
+function App() {
+  const recorder = new AudioRecorder({
+      sampleRate: 16000,
+      bufferLengthInSamples: 16000,
+    });
+
+  recorder.onAudioReady((event) => {
+      const { buffer, numFrames, when } = event;
+
+      console.log(
+        'Audio recorder buffer ready:',
+        buffer.duration,
+        numFrames,
+        when
+      );
+    });
+  
+  recorder.start();
+}
+```
+
+## Methods
+
+### `start`
+
+The above starts recording.
+
+#### Returns `undefined`.
+
+### `stop`
+
+The above stops recording.
+
+#### Returns `undefined`.
+
+
+### `onAudioReady`
+
+The above allows user to set a callback after every portion of data deliverance.
+
+| Parameters | Type | Description |
+| :---: | :---: | :---- |
+| `callback` | [(OnAudioReadyEventType => void)](/inputs/audio-recorder#onaudioreadyeventtype) | callback that will be invoked |
+
+#### Returns `undefined`.
+
+## Remarks
+
+### `AudioRecorderOptions`
+
+<details>
+<summary>Type definitions</summary>
+```typescript
+interface AudioRecorderOptions {
+  sampleRate: number;
+  bufferLengthInSamples: number; //how many samples to be put in the buffer
+}
+```
+</details>
+
+### `OnAudioReadyEventType`
+
+<details>
+<summary>Type definitions</summary>
+```typescript
+interface OnAudioReadyEventType {
+  buffer: AudioBuffer;
+  numFrames: number; //number of frames in a buffer
+  when: number; //timestamp
+}
+```
+</details>

packages/audiodocs/docs/sources/_category_.json

@@ -1,6 +1,6 @@
 {
   "label": "Sources",
-  "position": 4,
+  "position": 3,
   "link": {
     "type": "generated-index"
   }

packages/audiodocs/src/css/colors.css

@@ -176,7 +176,7 @@
   --swm-background-quote-blue: var(--swm-blue-light-40);
   --swm-background-quote-green: var(--swm-green-light-40);
   --swm-background-quote-red: var(--swm-red-light-40);
-  --swm-background-quote-yellow: var(--swm-yellow-light-40);
+  --swm-background-quote-yellow: var(--swm-blue-light-40);
   --swm-background-quote-purple: var(--swm-purple-light-40);
 
   /* Code snippets */
@@ -365,7 +365,7 @@
   --swm-background-quote-blue: var(--swm-blue-dark-140);
   --swm-background-quote-green: var(--swm-green-light-40);
   --swm-background-quote-red: var(--swm-red-light-40);
-  --swm-background-quote-yellow: var(--swm-yellow-dark-140);
+  --swm-background-quote-yellow: var(--swm-navy-light-60);
   --swm-background-quote-purple: var(--swm-purple-light-80);
 
   /* Code snippets */