Merge pull request #722 from etn-ccis/feature/5150-R30-Release-Announ…

…cement

R30 Release Announcement

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))

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.

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: <R30 />,
+        summary: <R30Summary />,
+    },
     {
         title: 'R29',
         date: 'October 2023',