feat: Implement release-please and package name change(#63)

Delete existing changelog
Change package name to `eds-mobile-components`
some minor changes in the app.

Author: Chibuzor-Nwemambu

.github/workflows/release-please.yml

@@ -0,0 +1,25 @@
+name: Release Please
+
+on:
+    push:
+        branches:
+            - main
+
+permissions:
+    contents: write
+    pull-requests: write
+
+jobs:
+    release-please:
+        runs-on: ubuntu-latest
+        outputs:
+            releases_created: ${{ steps.release.outputs.releases_created }}
+            tag_name: ${{ steps.release.outputs['packages/components--tag_name'] }}
+        steps:
+            - uses: googleapis/release-please-action@v4
+              id: release
+              with:
+                  # Use GITHUB_TOKEN for simpler setup, or use a PAT for workflows that trigger other workflows
+                  token: ${{ secrets.GITHUB_TOKEN }}
+                  config-file: release-please-config.json
+                  manifest-file: .release-please-manifest.json

.release-please-manifest.json

@@ -0,0 +1,3 @@
+{
+  "packages/components": "0.1.0"
+}

apps/mobile-storybook/app/(tabs)/_layout.tsx

@@ -1,4 +1,4 @@
-import { Icon } from "@equinor/design-system-mobile-components";
+import { Icon, IconProps } from "@equinor/eds-mobile-components";
 import { Tabs } from "expo-router";
 
 export default function TabLayout() {
@@ -15,7 +15,7 @@ export default function TabLayout() {
         options={{
           title: "Home",
           tabBarIcon: ({ color, size }) => (
-            <Icon name="home" size={size} color={color} />
+            <Icon name="home" size={size} color={color as IconProps["color"]} />
           ),
         }}
       />
@@ -24,7 +24,11 @@ export default function TabLayout() {
         options={{
           title: "Components",
           tabBarIcon: ({ color, size }) => (
-            <Icon name="view-grid" size={size} color={color} />
+            <Icon
+              name="view-grid"
+              size={size}
+              color={color as IconProps["color"]}
+            />
           ),
         }}
       />

apps/mobile-storybook/app/(tabs)/components/_layout.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@equinor/design-system-mobile-components";
+import { Button } from "@equinor/eds-mobile-components";
 import { Stack, useRouter } from "expo-router";
 
 function BackButton() {

apps/mobile-storybook/app/(tabs)/components/accordion.tsx

@@ -4,11 +4,7 @@ import {
   chevronAndDisabled,
 } from "@/codeSnippets/accordion";
 import { useCodeSnippet } from "@/hooks/useCodeSnippet";
-import {
-  Accordion,
-  Radio,
-  Typography,
-} from "@equinor/design-system-mobile-components";
+import { Accordion, Radio, Typography } from "@equinor/eds-mobile-components";
 import { useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";
 

apps/mobile-storybook/app/(tabs)/components/autocomplete.tsx

@@ -3,10 +3,7 @@ import {
   singleSelectAutocomplete,
 } from "@/codeSnippets/autocomplete";
 import { useCodeSnippet } from "@/hooks/useCodeSnippet";
-import {
-  Autocomplete,
-  Typography,
-} from "@equinor/design-system-mobile-components";
+import { Autocomplete, Typography } from "@equinor/eds-mobile-components";
 import { useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";
 

apps/mobile-storybook/app/(tabs)/components/buttons.tsx

@@ -5,11 +5,7 @@ import {
   variantButtons,
 } from "@/codeSnippets/buttons";
 import { useCodeSnippet } from "@/hooks/useCodeSnippet";
-import {
-  Button,
-  Spacer,
-  Typography,
-} from "@equinor/design-system-mobile-components";
+import { Button, Spacer, Typography } from "@equinor/eds-mobile-components";
 import { useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";
 

apps/mobile-storybook/app/(tabs)/components/cell-detail.tsx

@@ -1,4 +1,4 @@
-import { Button, Typography } from '@equinor/design-system-mobile-components';
+import { Button, Typography } from "@equinor/eds-mobile-components";
 import { useLocalSearchParams, useRouter } from 'expo-router';
 import { StyleSheet, View } from 'react-native';
 

apps/mobile-storybook/app/(tabs)/components/cell.tsx

@@ -1,6 +1,6 @@
 import { navigationCell, swipeableCell } from "@/codeSnippets/cell";
 import { useCodeSnippet } from "@/hooks/useCodeSnippet";
-import { Cell, Typography } from "@equinor/design-system-mobile-components";
+import { Cell, Typography } from "@equinor/eds-mobile-components";
 import { useRouter } from "expo-router";
 import { useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";

apps/mobile-storybook/app/(tabs)/components/chips.tsx

@@ -6,7 +6,7 @@ import {
   Dialog,
   Popover,
   Typography,
-} from "@equinor/design-system-mobile-components";
+} from "@equinor/eds-mobile-components";
 import { useRef, useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";