MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled #2422

Arkariang · 2025-09-17T17:55:42Z

📲 What

ℹ️ Recommended reading first https://kickstarter.atlassian.net/wiki/spaces/NT/pages/3903717377/Bottom+Navigation
First ticket for the Material 3 adoption, this ticket covers majorly the basic components from the Design System such a buttons, Texts, Badges, IconButtons ... etc.
Added new flags to minimize APK size + shrink resources to reduce the impact of having temporarily the two Material dependencies.

🤔 Why

To achieve the look and feel desired for visioning, with a floating navigation bar, we need to migrate to Material3.

🛠 How

Explained in more detail here -> https://kickstarter.atlassian.net/wiki/spaces/NT/pages/3903717377/Bottom+Navigation+Spike#Bring-M3-to-KSApp
Most of the changes on thid PR will be:
- updated imports
- parameter naming changes (as example background is now container)
- Defaults for colors new imports

👀 See

| Before 🐛 |
This video has been recorded before the M3 migration (Master)

BeforeM3.mp4

| After 🦋 |
| --- | --- |
This video has been recorded with this branch code, M3 in place

M3.mp4

| | |

📋 QA

Browse around the app, and around the Design system, there should not be any noticiable user facing changes :)

Story 📖

MBL-2788
MBL-2792

…le animation effect use now modifier.clickable - Updated gradle version + firebase perf monitor - Added shrinkResources to our release built types

- progress indicators

- Text inputs

- Removed ScaffoldState as sample for next tickets to come.

Arkariang · 2025-09-17T18:35:21Z

app/build.gradle

@@ -92,7 +92,8 @@ android {

    buildTypes {
        release {
-            minifyEnabled false
+            minifyEnabled true
+            shrinkResources true


minifyEnabled true

Runs R8/ProGuard to strip unused classes/methods and obfuscate names. As result smaller APK (and a bit harder to reverse-engineer). With minifyEnabled true, the Android AGP will run R8 and generate a mapping.txt automatically. We will need to upload it to Play Console (potentially will automate via CI later on) to deobfuscate crash logs.

shrinkResources true

removes unused resources (images, layouts, strings) from the final build, as output even smaller APK.

These two points address the main concerns explained on bottomNav spike -> https://kickstarter.atlassian.net/wiki/spaces/NT/pages/3903717377/Bottom+Navigation+Spike#App-size-impact

ℹ️ Will run additional QA for these specific changes next sprint once Android 3.35.0 is out.
ℹ️ Will also give a larger explanation if needed on Monday's android sync :)

ack: @ycheng-kickstarter @tonyteate @leighdouglas

codecov-commenter · 2025-09-17T18:57:38Z

⚠️ Please install the to ensure uploads and comments are reliably processed by Codecov.

Codecov Report

❌ Patch coverage is 40.49587% with 72 lines in your changes missing coverage. Please review.
✅ Project coverage is 64.65%. Comparing base (711bf50) to head (c227825).

Files with missing lines	Patch %	Lines
...ckstarter/ui/activities/compose/FormularyScreen.kt	0.00%	44 Missing ⚠️
...rter/ui/views/compose/checkout/ShippingSelector.kt	40.00%	18 Missing and 6 partials ⚠️
...rter/ui/activities/compose/ChangePasswordScreen.kt	25.00%	2 Missing and 1 partial ⚠️
...arter/ui/activities/compose/search/SearchScreen.kt	75.00%	0 Missing and 1 partial ⚠️
❗ Your organization needs to install the Codecov GitHub app to enable full functionality.

Additional details and impacted files

@@             Coverage Diff              @@
##             master    #2422      +/-   ##
============================================
+ Coverage     64.62%   64.65%   +0.03%     
- Complexity     2389     2390       +1     
============================================
  Files           376      376              
  Lines         28431    28434       +3     
  Branches       4122     4115       -7     
============================================
+ Hits          18373    18385      +12     
+ Misses         7802     7790      -12     
- Partials       2256     2259       +3

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

Arkariang · 2025-09-17T19:05:40Z

app/build.gradle

@@ -309,6 +310,11 @@ dependencies {
    implementation 'com.airbnb.android:lottie:6.6.7'
    implementation "com.airbnb.android:lottie-compose:6.6.7"

+    // Material
+    implementation 'com.google.android.material:material:1.6.1'


com.google.android.material:material:1.6.1 is the dependency used for legacy Views/XML stuff, we are stuck with this one until mobile-visioning is wrapped up.

androidx.compose.material:material:1.6.2 is the dependency for compose UI, this is the ongoing migration surfaced on bottom Nav-spike -> https://kickstarter.atlassian.net/wiki/spaces/NT/pages/3903717377/Bottom+Navigation+Spike#Bring-M3-to-KSApp end goal is to remove androidx.compose.material:material:1.6.2dependency for good 😈

More tickets to follow up, for now handling it alongside Bottom Nav epic -as it is a requirement-, but follow along the migration progress with targeted M3 migration tickets using tag material3-adoption

Arkariang · 2025-09-17T19:10:57Z

app/src/internal/java/com/kickstarter/ui/activities/PaginationActivity.kt

specially for @leighdouglas, here sample of how to Migrate the Paging3 UI items.

basically the list is wrapped now within PullToRefreshBox and PullRefreshIndicator is gone.

Arkariang · 2025-09-17T19:14:12Z

app/src/main/java/com/kickstarter/ui/activities/ChangePasswordActivity.kt

Small sample of a container migration, more like this one will come on follow up tickets -> https://kickstarter.atlassian.net/browse/MBL-2789

Arkariang · 2025-09-17T19:24:38Z

app/src/main/java/com/kickstarter/ui/compose/designsystem/KSButtons.kt

@@ -266,18 +263,16 @@ fun KSPrimaryGreenButton(
    textStyle: TextStyle = typographyV2.body,
    isEnabled: Boolean
 ) {
-    CompositionLocalProvider(LocalRippleTheme provides KSRippleThemeWhite) {


KSRippleTheme* were used only for the Design System activity to provide the ripple animation. Providing the ripple animation was the only real conflict unable to co-exist M1.6 and M3 versions.

With M3 ripple can be done in any composable via Modifier.clickable :

Box( Modifier .clickable( interactionSource = remember { MutableInteractionSource() }, indication = rememberRipple(bounded = true, radius = 24.dp) ) ) { Text("Custom clickable with ripple") }

Arkariang · 2025-09-18T22:35:36Z

app/src/main/java/com/kickstarter/ui/activities/compose/ChangePasswordScreen.kt

@@ -147,9 +145,9 @@ fun ChangePasswordScreen(
        },
        snackbarHost = {
            SnackbarHost(
-                hostState = scaffoldState.snackbarHostState,
+                hostState = snackbarHostState,


Example for snackbar states, more like this will come on follow up tickets.
scafoldState is gone, now we should hold SnackbarHostState(), and pass it to the snackbarhost

To show the message instead of message, visuals.message

Arkariang added 15 commits September 15, 2025 15:16

- Removed deprecated KSRipple theme, conflicting with M3. To add ripp…

d9f810e

…le animation effect use now modifier.clickable - Updated gradle version + firebase perf monitor - Added shrinkResources to our release built types

- KSButtons to M3

e0c5a41

- Buttons, Badges, Alerts

4e6e552

- footers

f3822eb

- progress indicators

- shapes, stepper, theme, typography

985f0c5

no message

f50087f

cards

4198b01

- Cards

9eab1a9

- Text inputs

- Design system activity

8a51a38

no message

2a30351

- *Screen, *Views basic components

8a1a438

- Clean up

b295100

- Removed ScaffoldState as sample for next tickets to come.

no message

cc7ccb9

no message

e97bffd

no message

411a8e0

Arkariang changed the title ~~Imartin/mbl 2788 m3 design system~~ MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled Sep 17, 2025

no message

7318c4a

Arkariang commented Sep 17, 2025

View reviewed changes

Arkariang added 5 commits September 17, 2025 14:02

no message

b3a6bc9

no message

bc20351

- shipping selector touch-ups

2af15ce

no message

7826002

- item text colors

fa246a0

Arkariang added the material3-adoption https://kickstarter.atlassian.net/issues/?jql=labels%20%3D%20%22material3-adoption%22 label Sep 17, 2025

Arkariang self-assigned this Sep 17, 2025

Arkariang marked this pull request as ready for review September 17, 2025 22:49

Arkariang requested review from tonyteate, ycheng-kickstarter and mtgriego September 17, 2025 22:49

Merge branch 'master' into imartin/MBL-2788-m3-design-system

c227825

Arkariang requested review from leighdouglas and removed request for mtgriego September 18, 2025 17:53

Arkariang commented Sep 18, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled #2422

MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled #2422

Arkariang commented Sep 17, 2025 •

edited

Loading

Uh oh!

Arkariang Sep 17, 2025 •

edited

Loading

Uh oh!

Arkariang Sep 17, 2025 •

edited

Loading

Uh oh!

codecov-commenter commented Sep 17, 2025 •

edited

Loading

Uh oh!

Arkariang Sep 17, 2025

Uh oh!

Arkariang Sep 17, 2025

Uh oh!

Arkariang Sep 17, 2025 •

edited

Loading

Uh oh!

Arkariang Sep 17, 2025

Uh oh!

Arkariang Sep 18, 2025

Uh oh!

Uh oh!

MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled #2422

Are you sure you want to change the base?

MBL-2792 && MBL-2788: Material3 design system - resource shrinking enabled #2422

Conversation

Arkariang commented Sep 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

📲 What

🤔 Why

🛠 How

👀 See

📋 QA

Story 📖

Uh oh!

Arkariang Sep 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Arkariang Sep 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

codecov-commenter commented Sep 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Codecov Report

Uh oh!

Arkariang Sep 17, 2025

Choose a reason for hiding this comment

Uh oh!

Arkariang Sep 17, 2025

Choose a reason for hiding this comment

Uh oh!

Arkariang Sep 17, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Arkariang Sep 17, 2025

Choose a reason for hiding this comment

Uh oh!

Arkariang Sep 18, 2025

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Arkariang commented Sep 17, 2025 •

edited

Loading

Arkariang Sep 17, 2025 •

edited

Loading

Arkariang Sep 17, 2025 •

edited

Loading

codecov-commenter commented Sep 17, 2025 •

edited

Loading

Arkariang Sep 17, 2025 •

edited

Loading