diff --git a/src/docs/release-notes/R30/FullNotes.mdx b/src/docs/release-notes/R30/FullNotes.mdx
new file mode 100644
index 00000000..b2741561
--- /dev/null
+++ b/src/docs/release-notes/R30/FullNotes.mdx
@@ -0,0 +1,30 @@
+import React from 'react';
+
+## React Native Component Library
+
+- Updated Component Library with several changes by utilizing React Native Paper V5 with Material Design V3.
+ - Typography and IconWrapper have been removed.
+ - 5 new components have been added, namely [Chip](https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--chip), [Grade](https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--grade), [Icon](https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--icons), [IconSwitch](https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--icon-switch) and [Overline](https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--overline).
+ - All previously introduced themed components have been removed.
+
+## React Native Themes
+
+- Updated themes to use Material Design 3 styled palettes and React Native Paper v5 theme structure.
+- Added required custom color variants along with React Native Paper v5 default color variants.
+
+## Colors
+
+- Updated UI colors to match Material Design 3's color palette structure.
+- Moved branding colors under @brightlayer-ui/colors.
+- Removed dependency on @brightlayer-ui/types.
+
+## Package Summary
+
+### React Native
+
+- @brightlayer-ui/react-native-components v8.0.0 ([Changelog](https://github.com/etn-ccis/blui-react-native-component-library/blob/master/CHANGELOG.md))
+- @brightlayer-ui/react-native-themes v7.0.0 ([Changelog](https://github.com/etn-ccis/blui-react-native-themes/blob/master/CHANGELOG.md))
+
+### Colors
+
+- @brightlayer-ui/colors v4.0.0 ([Changelog](https://github.com/etn-ccis/blui-colors/blob/master/CHANGELOG.md))
diff --git a/src/docs/release-notes/R30/Summary.mdx b/src/docs/release-notes/R30/Summary.mdx
new file mode 100644
index 00000000..264f11b9
--- /dev/null
+++ b/src/docs/release-notes/R30/Summary.mdx
@@ -0,0 +1,2 @@
+Updated [React Native Component Library](https://www.npmjs.com/package/@brightlayer-ui/react-native-components) and [Themes](https://www.npmjs.com/package/@brightlayer-ui/react-native-themes) packages to use the latest version of material design guidelines and React native paper.
+Updated UI [Colors](https://www.npmjs.com/package/@brightlayer-ui/colors) and Branding colors according to the new Material Design 3.
diff --git a/src/docs/release-notes/index.tsx b/src/docs/release-notes/index.tsx
index 60ac6526..34a16f03 100644
--- a/src/docs/release-notes/index.tsx
+++ b/src/docs/release-notes/index.tsx
@@ -1,6 +1,7 @@
import React from 'react';
// Full Release Notes
+import R30 from './R30/FullNotes.mdx';
import R29 from './R29/FullNotes.mdx';
import R28 from './R28/FullNotes.mdx';
import R27 from './R27/FullNotes.mdx';
@@ -26,6 +27,7 @@ import R8 from './R8/FullNotes.mdx';
import R7 from './R7/FullNotes.mdx';
// Summaries (for Landing Page)
+import R30Summary from './R30/Summary.mdx';
import R29Summary from './R29/Summary.mdx';
import R28Summary from './R28/Summary.mdx';
import R27Summary from './R27/Summary.mdx';
@@ -57,7 +59,15 @@ export type ReleaseInfo = {
details: JSX.Element;
summary: JSX.Element;
};
+
const Releases: ReleaseInfo[] = [
+ {
+ title: 'R30',
+ date: 'January 2024',
+ version: '4.0.0',
+ details: ,
+ summary: ,
+ },
{
title: 'R29',
date: 'October 2023',