Begin migrating Wear OS components to Material 3 #3904
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Begin migration from Material 2 to Material 3 in Wear OS.
I have used the Material theme builder using the starting recommendation https://developer.android.com/jetpack/compose/designsystems/material2-material3#color
Not everything can be migrated just yet as Iconics does not support the new material 3 changes, I have opted to switch to material icons in places I was able to. Others I opted to keep the
Button
the same until the library is updated.For this update I have migrated any components that could be migrated without additional changes. I have also migrated material 2 buttons to material 3.
Additional corrections:
SettingsView
several variables were incorrectly used so I have updatedSettingsView
switched from checkboxes to switches for consistencyWe still need to migrate
Chip
toButton
andToggleChip
toToggleButton
. I am not sure if we will be able to migrateWearToggleChip
just yet.Screenshots
Toggle chip colors when selected are different
![image](https://private-user-images.githubusercontent.com/1634145/271855723-8f1c2d9c-530d-4501-a409-a954231a8e86.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MTg1NTcyMy04ZjFjMmQ5Yy01MzBkLTQ1MDEtYTQwOS1hOTU0MjMxYThlODYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWVjOWUyODNmODg4MDJmMGQ2YzdjMmMzOGEwMTM4ODRhMzAwODljYTExNzU5YjQ1MzJhZTQ0Zjk2MmJjNjQ0YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.LVLvMQhR_rdIq0uyO8N89Vt_RpkaaPCTUHHjdjwgws4)
WearToggleChip colors are different
![image](https://private-user-images.githubusercontent.com/1634145/271855747-48013229-9b45-4fc9-aac1-472de526bb6e.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MTg1NTc0Ny00ODAxMzIyOS05YjQ1LTRmYzktYWFjMS00NzJkZTUyNmJiNmUucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9MjhiZjE3ZjBhZWE1MzYwMjVmMmZmNTM1OWE5Y2M2MDc5N2M3ZmUwYzdlOThlYzAwNWI3YzQwOGRmNmI5MTE4NyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.Ur_AlY-UqvUBDVnZ4L6uuBqX2NKUEfiH4Oy06LJxw7A)
Details pane colors are different, new sliders
![image](https://private-user-images.githubusercontent.com/1634145/271855756-eb6404bd-63a0-4a4a-b505-35d380ddd416.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MTg1NTc1Ni1lYjY0MDRiZC02M2EwLTRhNGEtYjUwNS0zNWQzODBkZGQ0MTYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NGM1OWI2NWNjYzljNzYyODIyNTRhMGFjODIxNzY5YjExNTkzMWFiNGNmZTM3ZjI5NjhhNmFmODc2OTliYTM0YiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.LLrGydWPZm3MBQyBoELLSuTNjoKDvJyndWlr4gYxnOg)
Example of how text is no longer bold by default
![image](https://private-user-images.githubusercontent.com/1634145/271855776-ed5f8c12-3394-4d63-99c9-620a8fc06b23.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MTg1NTc3Ni1lZDVmOGMxMi0zMzk0LTRkNjMtOTljOS02MjBhOGZjMDZiMjMucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZTVmYzI2NDU0MWI4MDQxMjY1MmJlOGFkOTJmZWQwM2E3ZGRiZTkzODYwMGZjZWMwZmI4ZjJiMWMzODU0NTU4MiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.QyQaJcQuSfpgIPLNJzk8UoFPJmnv24F49g57DXpfl4E)
Link to pull request in Documentation repository
Documentation: home-assistant/companion.home-assistant#
Any other notes
Placing screen shots of fixes here:
Wear toggle chip fixed (for the most part)
![image](https://private-user-images.githubusercontent.com/1634145/272391448-831c8371-fd30-469b-b20e-a6595b94f8e4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MjM5MTQ0OC04MzFjODM3MS1mZDMwLTQ2OWItYjIwZS1hNjU5NWI5NGY4ZTQucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZDMzZjBhMmJlYjA0MDQ4NDdjMzY0MDc3YzYzNTQ3YzU1NmU2MDc0NjVhNGFkYmJiZDg1YjdhOGVmYmM1MzcyNCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.ixfq94gVvwPfsR2Av1nH9RTnmUVK7SgEIERekD2Jx1w)
Settings toggle chip
![image](https://private-user-images.githubusercontent.com/1634145/272391577-40fe17d6-0293-459f-bd57-58fcc302d99b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MjM5MTU3Ny00MGZlMTdkNi0wMjkzLTQ1OWYtYmQ1Ny01OGZjYzMwMmQ5OWIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDZlNTEyZjU5ZGE2YWNlMzFhMGUzOGJlOGE4YTFiZjM4YjdkOGExNGQ3YmI4MzU4NDRkYTljMGNiYjM2MGY1MSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.xATDDLFDombKMIIK5T6xHY2y5xezOv8cb8lYLS80J30)
details pane
![image](https://private-user-images.githubusercontent.com/1634145/272391668-661d2937-826a-49b2-b4f7-04618f83511f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkwOTE0NDksIm5iZiI6MTczOTA5MTE0OSwicGF0aCI6Ii8xNjM0MTQ1LzI3MjM5MTY2OC02NjFkMjkzNy04MjZhLTQ5YjItYjRmNy0wNDYxOGY4MzUxMWYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIwOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMDlUMDg1MjI5WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2ExNDkzMzNmNmJmMzU3NzQzZjRlM2VhYjk4ZTQyODBmODNkNjA1ZTY1YTIzMzMyMWUwNzZjMzA3ZTJjODI5NCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.ld5jrF0Li7RGQDemQ26OqbvTsYtjx_O5SEq8txUjN-Q)