Feat: Made a Design System in Compose Multiplatform.

app/build.gradle.kts

@@ -47,16 +47,16 @@ val devRoundIcon = "@mipmap/dev_ic_launcher_round"
 
 
 plugins {
-    alias(libs.plugins.android.application)
-    alias(libs.plugins.kotlin.compose)
+    alias(libs.plugins.androidApplication)
+    alias(libs.plugins.composeCompiler)
     alias(libs.plugins.ksp)
-    alias(libs.plugins.jetbrains.kotlin.serialization)
-    alias(libs.plugins.oss.licenses)
+    alias(libs.plugins.kotlinSerialization)
+    alias(libs.plugins.ossLicenses)
 }
 
 kotlin {
     compilerOptions {
-        jvmTarget.set(JvmTarget.JVM_21)
+        jvmTarget = JvmTarget.JVM_21
     }
 }
 
@@ -205,6 +205,7 @@ android {
 
 dependencies {
     // In project library / feature modules
+    implementation(project(":design_system"))
     implementation(project(":core"))
     implementation(project(":database"))
     implementation(project(":password_manager"))

app/src/main/AndroidManifest.xml

@@ -16,7 +16,7 @@
         android:theme="@style/PasscodesTheme.Default"
         tools:targetApi="33" >
 
-        <activity android:name=".ui.MainActivity" />
+        <activity android:name=".MainActivity" />
 
         <activity
             android:name=".oldui.MainActivity"

app/src/main/kotlin/com/jeeldobariya/passcodes/ui/MainActivity.kt → app/src/main/kotlin/com/jeeldobariya/passcodes/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.jeeldobariya.passcodes.ui
+package com.jeeldobariya.passcodes
 
 import android.content.Intent
 import android.os.Bundle
@@ -10,9 +10,9 @@ import androidx.compose.runtime.getValue
 import androidx.compose.ui.platform.LocalContext
 import com.jeeldobariya.passcodes.core.feature_flags.FeatureFlagsSettings
 import com.jeeldobariya.passcodes.core.feature_flags.featureFlagsDatastore
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 import com.jeeldobariya.passcodes.navigation.NavigationRoot
 import com.jeeldobariya.passcodes.oldui.MainActivity
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
 
 class MainActivity : ComponentActivity() {
     override fun onCreate(savedInstanceState: Bundle?) {
@@ -36,4 +36,4 @@ class MainActivity : ComponentActivity() {
             }
         }
     }
-}
+}

app/src/main/kotlin/com/jeeldobariya/passcodes/oldui/MainActivity.kt

@@ -60,7 +60,7 @@ class MainActivity : AppCompatActivity() {
             if (featureFlagsDatastore.data.first().isPreviewLayoutEnabled) {
                 Intent(
                     this@MainActivity,
-                    com.jeeldobariya.passcodes.ui.MainActivity::class.java
+                    com.jeeldobariya.passcodes.MainActivity::class.java
                 ).also {
                     startActivity(it)
                 }

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/about_screen/ClassicalAboutScreen.kt

@@ -38,7 +38,7 @@ import androidx.compose.ui.unit.dp
 import androidx.core.net.toUri
 import com.jeeldobariya.passcodes.Constant
 import com.jeeldobariya.passcodes.R
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 
 @Composable

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/about_screen/ModernAboutScreen.kt

@@ -19,7 +19,7 @@ import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 @Composable
 fun ModernAboutScreen() {

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/main_screen/ClassicalMainScreen.kt

@@ -31,7 +31,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
 import com.jeeldobariya.passcodes.core.navigation.Route
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 @Composable
 fun ClassicalMainScreen(navigateTo: (Route) -> Unit) {

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/main_screen/ModernMainScreen.kt

@@ -31,7 +31,7 @@ import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.jeeldobariya.passcodes.R
 import com.jeeldobariya.passcodes.core.navigation.Route
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 
 
 @Composable

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/setting_screen/ClassicalSettingsScreen.kt

@@ -42,7 +42,7 @@ import com.jeeldobariya.passcodes.core.datastore.AppSettings
 import com.jeeldobariya.passcodes.core.datastore.appDatastore
 import com.jeeldobariya.passcodes.core.feature_flags.FeatureFlagsSettings
 import com.jeeldobariya.passcodes.core.feature_flags.featureFlagsDatastore
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 import kotlinx.coroutines.launch
 
 

app/src/main/kotlin/com/jeeldobariya/passcodes/presentation/setting_screen/ModernSettingsScreen.kt

@@ -42,7 +42,7 @@ import com.jeeldobariya.passcodes.core.datastore.AppSettings
 import com.jeeldobariya.passcodes.core.datastore.appDatastore
 import com.jeeldobariya.passcodes.core.feature_flags.FeatureFlagsSettings
 import com.jeeldobariya.passcodes.core.feature_flags.featureFlagsDatastore
-import com.jeeldobariya.passcodes.ui.ui.theme.PasscodesTheme
+import com.jeeldobariya.passcodes.design_system.theme.PasscodesTheme
 import kotlinx.coroutines.launch
 
 @Composable

autofill/build.gradle.kts

@@ -1,13 +1,13 @@
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
 plugins {
-    alias(libs.plugins.android.library)
+    alias(libs.plugins.androidLibrary)
     alias(libs.plugins.ksp)
 }
 
 kotlin {
     compilerOptions {
-        jvmTarget.set(JvmTarget.JVM_21)
+        jvmTarget = JvmTarget.JVM_21
     }
 }
 

build.gradle.kts

@@ -1,11 +1,13 @@
 plugins {
-    alias(libs.plugins.android.application) apply false
-    alias(libs.plugins.kotlin.android) apply false
-    alias(libs.plugins.kotlin.compose) apply false
-    alias(libs.plugins.jetbrains.kotlin.serialization) apply false
+    alias(libs.plugins.androidApplication) apply false
+    alias(libs.plugins.androidLibrary) apply false
+    alias(libs.plugins.composeMultiplatform) apply false
+    alias(libs.plugins.composeCompiler) apply false
+    alias(libs.plugins.kotlinMultiplatform) apply false
+    alias(libs.plugins.androidKmpLibrary) apply false
+    alias(libs.plugins.kotlinSerialization) apply false
     alias(libs.plugins.ksp) apply false
-    alias(libs.plugins.oss.licenses) apply false
-    alias(libs.plugins.android.library) apply false
+    alias(libs.plugins.ossLicenses) apply false
 }
 
 // All projects block is common for setting up common repositories for all subprojects.

core/build.gradle.kts

@@ -1,13 +1,13 @@
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
 plugins {
-    alias(libs.plugins.android.library)
-    alias(libs.plugins.jetbrains.kotlin.serialization)
+    alias(libs.plugins.androidLibrary)
+    alias(libs.plugins.kotlinSerialization)
 }
 
 kotlin {
     compilerOptions {
-        jvmTarget.set(JvmTarget.JVM_21)
+        jvmTarget = JvmTarget.JVM_21
     }
 }
 

database/build.gradle.kts

@@ -1,13 +1,13 @@
 import org.jetbrains.kotlin.gradle.dsl.JvmTarget
 
 plugins {
-    alias(libs.plugins.android.library)
+    alias(libs.plugins.androidLibrary)
     alias(libs.plugins.ksp)
 }
 
 kotlin {
     compilerOptions {
-        jvmTarget.set(JvmTarget.JVM_21)
+        jvmTarget = JvmTarget.JVM_21
     }
 }
 

design_system/.gitignore

@@ -0,0 +1 @@
+/build

design_system/build.gradle.kts

@@ -0,0 +1,51 @@
+plugins {
+    alias(libs.plugins.kotlinMultiplatform)
+    alias(libs.plugins.composeMultiplatform)
+    alias(libs.plugins.composeCompiler)
+    alias(libs.plugins.androidKmpLibrary)
+}
+
+kotlin {
+    androidLibrary {
+        compileSdk = 36
+        minSdk = 26
+        namespace = "com.jeeldobariya.passcodes.design_system"
+        experimentalProperties["android.experimental.kmp.enableAndroidResources"] = true
+    }
+
+//    listOf(
+//        iosArm64(),
+//        iosSimulatorArm64()
+//    ).forEach { iosTarget ->
+//        iosTarget.binaries.framework {
+//            baseName = "ComposeApp"
+//            isStatic = true
+//        }
+//    }
+//
+//    jvm("desktop")
+
+    sourceSets {
+//        androidMain.dependencies {
+//            implementation(compose.preview)
+//            implementation(libs.androidx.activity.compose)
+//        }
+        commonMain.dependencies {
+            implementation(compose.runtime)
+            implementation(compose.foundation)
+            implementation(compose.material3)
+            implementation(compose.ui)
+            implementation(compose.components.resources)
+            implementation(compose.preview)
+//            implementation(libs.androidx.lifecycle.viewmodelCompose)
+//            implementation(libs.androidx.lifecycle.runtimeCompose)
+        }
+//        commonTest.dependencies {
+//            implementation(libs.kotlin.test)
+//        }
+//        val desktopMain by getting
+//        desktopMain.dependencies {
+//            implementation(compose.desktop.currentOs)
+//        }
+    }
+}

design_system/proguard-rules.pro

@@ -0,0 +1,21 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile

design_system/src/commonMain/kotlin/com/jeeldobariya/passcodes/design_system/theme/Color.kt

@@ -0,0 +1,27 @@
+package com.jeeldobariya.passcodes.design_system.theme
+
+import androidx.compose.ui.graphics.Color
+
+// Primary
+val primaryLight = Color(0xFF6750A4)
+val primaryDark = Color(0xFFD0BCFF)
+
+// Secondary
+val secondaryLight = Color(0xFF625B71)
+val secondaryDark = Color(0xFFCCC2DC)
+
+// Tertiary
+val tertiaryLight = Color(0xFF7D5260)
+val tertiaryDark = Color(0xFFEFB8C8)
+
+// Background
+val BackgroundLight = Color(0xFFFFFBFE)
+val BackgroundDark = Color(0xFF1C1B1F)
+
+// Surface
+val SurfaceLight = Color(0xFFFFFBFE)
+val SurfaceDark = Color(0xFF1C1B1F)
+
+// Error
+val ErrorLight = Color(0xFFB3261E)
+val ErrorDark = Color(0xFFF2B8B5)