Fix modal navigation bar (#2103)

Also update screenshots to be edge to edge
Skyscanner · Oct 4, 2024 · a8f4d8f · a8f4d8f
1 parent 57f81c3
commit a8f4d8f
Show file tree

Hide file tree

Showing 355 changed files with 10 additions and 11 deletions.
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
diff --git a/app/src/androidTest/java/net/skyscanner/backpack/docs/GenerateScreenshots.kt b/app/src/androidTest/java/net/skyscanner/backpack/docs/GenerateScreenshots.kt
@@ -18,6 +18,7 @@
 
 package net.skyscanner.backpack.docs
 
+import androidx.activity.enableEdgeToEdge
 import androidx.appcompat.app.AppCompatActivity
 import androidx.appcompat.app.AppCompatDelegate
 import androidx.compose.ui.Modifier
@@ -65,6 +66,7 @@ open class GenerateScreenshots(
 
     private fun setScreenshotContent() {
         composeTestRule.setContent {
+            composeTestRule.activity.enableEdgeToEdge()
             DemoScaffold(automationMode = true) {
                 StoryScreen(
                     component = story.component.name,

diff --git a/app/src/main/res/values-v32/styles.xml b/app/src/main/res/values-v32/styles.xml
diff --git a/app/src/main/res/values/styles.xml b/app/src/main/res/values/styles.xml
@@ -4,11 +4,7 @@
     <!-- Base application theme. -->
     <style name="AppThemeBase" parent="BpkTheme" />
 
-    <style name="AppTheme" parent="AppThemeBase">
-        <!-- Customize your theme here. -->
-        <item name="android:windowTranslucentStatus">true</item>
-        <item name="android:windowTranslucentNavigation">true</item>
-    </style>
+    <style name="AppTheme" parent="AppThemeBase" />
 
     <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
 

diff --git a/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/modal/BpkModal.kt b/backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/modal/BpkModal.kt
@@ -79,6 +79,7 @@ fun BpkModal(
             if (activityWindow != null && dialogWindow != null) {
                 if (!isSystemInDarkTheme) {
                     WindowInsetsControllerCompat(dialogWindow, dialogWindow.decorView).isAppearanceLightStatusBars = true
+                    WindowInsetsControllerCompat(dialogWindow, dialogWindow.decorView).isAppearanceLightNavigationBars = true
                 }
                 val attributes = WindowManager.LayoutParams()
                 attributes.copyFrom(activityWindow.attributes)

diff --git a/buildSrc/build.gradle.kts b/buildSrc/build.gradle.kts
@@ -3,6 +3,11 @@ repositories {
     google()
 }
 
+java {
+    sourceCompatibility = JavaVersion.VERSION_17
+    targetCompatibility = JavaVersion.VERSION_17
+}
+
 plugins {
     `kotlin-dsl`
 }

diff --git a/docs/compose/AppSearchModal/screenshots/content.png b/docs/compose/AppSearchModal/screenshots/content.png
diff --git a/docs/compose/AppSearchModal/screenshots/error.png b/docs/compose/AppSearchModal/screenshots/error.png
diff --git a/docs/compose/AppSearchModal/screenshots/loading.png b/docs/compose/AppSearchModal/screenshots/loading.png
diff --git a/docs/compose/AppSearchModal/screenshots/prefix---text.png b/docs/compose/AppSearchModal/screenshots/prefix---text.png
diff --git a/docs/compose/Badge/screenshots/default.png b/docs/compose/Badge/screenshots/default.png
diff --git a/docs/compose/Badge/screenshots/default_dm.png b/docs/compose/Badge/screenshots/default_dm.png
diff --git a/docs/compose/BannerAlert/screenshots/default.png b/docs/compose/BannerAlert/screenshots/default.png
diff --git a/docs/compose/BannerAlert/screenshots/default_dm.png b/docs/compose/BannerAlert/screenshots/default_dm.png
diff --git a/docs/compose/BannerAlert/screenshots/oncontrast.png b/docs/compose/BannerAlert/screenshots/oncontrast.png
diff --git a/docs/compose/BannerAlert/screenshots/oncontrast_dm.png b/docs/compose/BannerAlert/screenshots/oncontrast_dm.png
diff --git a/docs/compose/BarChart/screenshots/default.png b/docs/compose/BarChart/screenshots/default.png
diff --git a/docs/compose/BarChart/screenshots/default_dm.png b/docs/compose/BarChart/screenshots/default_dm.png
diff --git a/docs/compose/BottomNav/screenshots/default.png b/docs/compose/BottomNav/screenshots/default.png
diff --git a/docs/compose/BottomNav/screenshots/default_dm.png b/docs/compose/BottomNav/screenshots/default_dm.png
diff --git a/docs/compose/BottomSheet/screenshots/default.png b/docs/compose/BottomSheet/screenshots/default.png
diff --git a/docs/compose/BottomSheet/screenshots/default_dm.png b/docs/compose/BottomSheet/screenshots/default_dm.png
diff --git a/.../BottomSheet/screenshots/image-modal-sheet-with-topbar-and-dark-drag-handle.png b/.../BottomSheet/screenshots/image-modal-sheet-with-topbar-and-dark-drag-handle.png
diff --git a/...ttomSheet/screenshots/image-modal-sheet-with-topbar-and-dark-drag-handle_dm.png b/...ttomSheet/screenshots/image-modal-sheet-with-topbar-and-dark-drag-handle_dm.png
diff --git a/docs/compose/BottomSheet/screenshots/modal-with-topbar.png b/docs/compose/BottomSheet/screenshots/modal-with-topbar.png
diff --git a/docs/compose/BottomSheet/screenshots/modal-with-topbar_dm.png b/docs/compose/BottomSheet/screenshots/modal-with-topbar_dm.png
diff --git a/docs/compose/BottomSheet/screenshots/modal.png b/docs/compose/BottomSheet/screenshots/modal.png
diff --git a/docs/compose/BottomSheet/screenshots/modal_dm.png b/docs/compose/BottomSheet/screenshots/modal_dm.png
diff --git a/docs/compose/Button/screenshots/default.png b/docs/compose/Button/screenshots/default.png
diff --git a/docs/compose/Button/screenshots/default_dm.png b/docs/compose/Button/screenshots/default_dm.png
diff --git a/docs/compose/Button/screenshots/drawable-icon.png b/docs/compose/Button/screenshots/drawable-icon.png
diff --git a/docs/compose/Button/screenshots/drawable-icon_dm.png b/docs/compose/Button/screenshots/drawable-icon_dm.png
diff --git a/docs/compose/Button/screenshots/large.png b/docs/compose/Button/screenshots/large.png
diff --git a/docs/compose/Button/screenshots/large_dm.png b/docs/compose/Button/screenshots/large_dm.png
diff --git a/docs/compose/Button/screenshots/link.png b/docs/compose/Button/screenshots/link.png
diff --git a/docs/compose/Button/screenshots/link_dm.png b/docs/compose/Button/screenshots/link_dm.png
diff --git a/docs/compose/Calendar2/screenshots/day-icon-as-labels.png b/docs/compose/Calendar2/screenshots/day-icon-as-labels.png
diff --git a/docs/compose/Calendar2/screenshots/day-icon-as-labels_dm.png b/docs/compose/Calendar2/screenshots/day-icon-as-labels_dm.png
diff --git a/docs/compose/Calendar2/screenshots/day-labels.png b/docs/compose/Calendar2/screenshots/day-labels.png
diff --git a/docs/compose/Calendar2/screenshots/day-labels_dm.png b/docs/compose/Calendar2/screenshots/day-labels_dm.png
diff --git a/docs/compose/Calendar2/screenshots/pre-selected-range.png b/docs/compose/Calendar2/screenshots/pre-selected-range.png
diff --git a/docs/compose/Calendar2/screenshots/pre-selected-range_dm.png b/docs/compose/Calendar2/screenshots/pre-selected-range_dm.png
diff --git a/docs/compose/Calendar2/screenshots/selection-whole-month.png b/docs/compose/Calendar2/screenshots/selection-whole-month.png
diff --git a/docs/compose/Calendar2/screenshots/selection-whole-month_dm.png b/docs/compose/Calendar2/screenshots/selection-whole-month_dm.png
diff --git a/docs/compose/Card/screenshots/card-wrapper.png b/docs/compose/Card/screenshots/card-wrapper.png
diff --git a/docs/compose/Card/screenshots/card-wrapper_dm.png b/docs/compose/Card/screenshots/card-wrapper_dm.png
diff --git a/docs/compose/Card/screenshots/default.png b/docs/compose/Card/screenshots/default.png
diff --git a/docs/compose/Card/screenshots/default_dm.png b/docs/compose/Card/screenshots/default_dm.png
diff --git a/docs/compose/Card/screenshots/divided-card.png b/docs/compose/Card/screenshots/divided-card.png
diff --git a/docs/compose/Card/screenshots/divided-card_dm.png b/docs/compose/Card/screenshots/divided-card_dm.png
diff --git a/docs/compose/CardButton/screenshots/default.png b/docs/compose/CardButton/screenshots/default.png
diff --git a/docs/compose/CardButton/screenshots/default_dm.png b/docs/compose/CardButton/screenshots/default_dm.png
diff --git a/docs/compose/CardButton/screenshots/large.png b/docs/compose/CardButton/screenshots/large.png
diff --git a/docs/compose/CardButton/screenshots/large_dm.png b/docs/compose/CardButton/screenshots/large_dm.png
diff --git a/docs/compose/CardCarousel/screenshots/default.png b/docs/compose/CardCarousel/screenshots/default.png
diff --git a/docs/compose/CardCarousel/screenshots/default_dm.png b/docs/compose/CardCarousel/screenshots/default_dm.png
diff --git a/docs/compose/CardList/screenshots/rail-with-headerbutton.png b/docs/compose/CardList/screenshots/rail-with-headerbutton.png
diff --git a/docs/compose/CardList/screenshots/rail-with-headerbutton_dm.png b/docs/compose/CardList/screenshots/rail-with-headerbutton_dm.png
diff --git a/docs/compose/CardList/screenshots/rail.png b/docs/compose/CardList/screenshots/rail.png
diff --git a/docs/compose/CardList/screenshots/rail_dm.png b/docs/compose/CardList/screenshots/rail_dm.png
diff --git a/docs/compose/Carousel/screenshots/default.png b/docs/compose/Carousel/screenshots/default.png
diff --git a/docs/compose/Carousel/screenshots/default_dm.png b/docs/compose/Carousel/screenshots/default_dm.png
diff --git a/docs/compose/Checkbox/screenshots/default.png b/docs/compose/Checkbox/screenshots/default.png
diff --git a/docs/compose/Checkbox/screenshots/default_dm.png b/docs/compose/Checkbox/screenshots/default_dm.png
diff --git a/docs/compose/Chip/screenshots/default.png b/docs/compose/Chip/screenshots/default.png
diff --git a/docs/compose/Chip/screenshots/default_dm.png b/docs/compose/Chip/screenshots/default_dm.png
diff --git a/docs/compose/Chip/screenshots/on-dark.png b/docs/compose/Chip/screenshots/on-dark.png
diff --git a/docs/compose/Chip/screenshots/on-dark_dm.png b/docs/compose/Chip/screenshots/on-dark_dm.png
diff --git a/docs/compose/Chip/screenshots/on-image.png b/docs/compose/Chip/screenshots/on-image.png
diff --git a/docs/compose/Chip/screenshots/on-image_dm.png b/docs/compose/Chip/screenshots/on-image_dm.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-rail-with-no-sticky-chip.png b/docs/compose/ChipGroup/screenshots/multi-select-rail-with-no-sticky-chip.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-rail-with-no-sticky-chip_dm.png b/docs/compose/ChipGroup/screenshots/multi-select-rail-with-no-sticky-chip_dm.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-rail.png b/docs/compose/ChipGroup/screenshots/multi-select-rail.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-rail_dm.png b/docs/compose/ChipGroup/screenshots/multi-select-rail_dm.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-wrap.png b/docs/compose/ChipGroup/screenshots/multi-select-wrap.png
diff --git a/docs/compose/ChipGroup/screenshots/multi-select-wrap_dm.png b/docs/compose/ChipGroup/screenshots/multi-select-wrap_dm.png
diff --git a/docs/compose/ChipGroup/screenshots/single-select-rail.png b/docs/compose/ChipGroup/screenshots/single-select-rail.png
diff --git a/docs/compose/ChipGroup/screenshots/single-select-rail_dm.png b/docs/compose/ChipGroup/screenshots/single-select-rail_dm.png
diff --git a/docs/compose/ChipGroup/screenshots/single-select-wrap.png b/docs/compose/ChipGroup/screenshots/single-select-wrap.png
diff --git a/docs/compose/ChipGroup/screenshots/single-select-wrap_dm.png b/docs/compose/ChipGroup/screenshots/single-select-wrap_dm.png
diff --git a/docs/compose/Dialog/screenshots/destructive.png b/docs/compose/Dialog/screenshots/destructive.png
diff --git a/docs/compose/Dialog/screenshots/destructive_dm.png b/docs/compose/Dialog/screenshots/destructive_dm.png
diff --git a/docs/compose/Dialog/screenshots/flare.png b/docs/compose/Dialog/screenshots/flare.png
diff --git a/docs/compose/Dialog/screenshots/flare_dm.png b/docs/compose/Dialog/screenshots/flare_dm.png
diff --git a/docs/compose/Dialog/screenshots/image-end-alignment.png b/docs/compose/Dialog/screenshots/image-end-alignment.png
diff --git a/docs/compose/Dialog/screenshots/image-end-alignment_dm.png b/docs/compose/Dialog/screenshots/image-end-alignment_dm.png
diff --git a/docs/compose/Dialog/screenshots/image-start-alignment.png b/docs/compose/Dialog/screenshots/image-start-alignment.png
diff --git a/docs/compose/Dialog/screenshots/image-start-alignment_dm.png b/docs/compose/Dialog/screenshots/image-start-alignment_dm.png
diff --git a/docs/compose/Dialog/screenshots/success-three-buttons.png b/docs/compose/Dialog/screenshots/success-three-buttons.png
diff --git a/docs/compose/Dialog/screenshots/success-three-buttons_dm.png b/docs/compose/Dialog/screenshots/success-three-buttons_dm.png
diff --git a/docs/compose/Dialog/screenshots/warning.png b/docs/compose/Dialog/screenshots/warning.png
diff --git a/docs/compose/Dialog/screenshots/warning_dm.png b/docs/compose/Dialog/screenshots/warning_dm.png
diff --git a/docs/compose/Divider/screenshots/default.png b/docs/compose/Divider/screenshots/default.png
diff --git a/docs/compose/Divider/screenshots/default_dm.png b/docs/compose/Divider/screenshots/default_dm.png
diff --git a/docs/compose/FieldSet/screenshots/default.png b/docs/compose/FieldSet/screenshots/default.png
diff --git a/docs/compose/FieldSet/screenshots/default_dm.png b/docs/compose/FieldSet/screenshots/default_dm.png
diff --git a/docs/compose/FieldSet/screenshots/disabled.png b/docs/compose/FieldSet/screenshots/disabled.png
diff --git a/docs/compose/FieldSet/screenshots/disabled_dm.png b/docs/compose/FieldSet/screenshots/disabled_dm.png
diff --git a/docs/compose/FieldSet/screenshots/error.png b/docs/compose/FieldSet/screenshots/error.png
diff --git a/docs/compose/FieldSet/screenshots/error_dm.png b/docs/compose/FieldSet/screenshots/error_dm.png
diff --git a/docs/compose/FieldSet/screenshots/validated.png b/docs/compose/FieldSet/screenshots/validated.png
diff --git a/docs/compose/FieldSet/screenshots/validated_dm.png b/docs/compose/FieldSet/screenshots/validated_dm.png
diff --git a/docs/compose/Flare/screenshots/default.png b/docs/compose/Flare/screenshots/default.png
diff --git a/docs/compose/Flare/screenshots/default_dm.png b/docs/compose/Flare/screenshots/default_dm.png
diff --git a/docs/compose/FlightLeg/screenshots/default.png b/docs/compose/FlightLeg/screenshots/default.png
diff --git a/docs/compose/FlightLeg/screenshots/default_dm.png b/docs/compose/FlightLeg/screenshots/default_dm.png
diff --git a/docs/compose/FloatingActionButton/screenshots/default.png b/docs/compose/FloatingActionButton/screenshots/default.png
diff --git a/docs/compose/FloatingActionButton/screenshots/default_dm.png b/docs/compose/FloatingActionButton/screenshots/default_dm.png
diff --git a/docs/compose/FloatingNotification/screenshots/default.png b/docs/compose/FloatingNotification/screenshots/default.png
diff --git a/docs/compose/FloatingNotification/screenshots/default_dm.png b/docs/compose/FloatingNotification/screenshots/default_dm.png
diff --git a/docs/compose/GraphicPromo/screenshots/bottom-align-sponsored.png b/docs/compose/GraphicPromo/screenshots/bottom-align-sponsored.png
diff --git a/docs/compose/GraphicPromo/screenshots/bottom-align-sponsored_dm.png b/docs/compose/GraphicPromo/screenshots/bottom-align-sponsored_dm.png
diff --git a/docs/compose/GraphicPromo/screenshots/bottom-align-with-text.png b/docs/compose/GraphicPromo/screenshots/bottom-align-with-text.png
diff --git a/docs/compose/GraphicPromo/screenshots/bottom-align-with-text_dm.png b/docs/compose/GraphicPromo/screenshots/bottom-align-with-text_dm.png
diff --git a/docs/compose/GraphicPromo/screenshots/default.png b/docs/compose/GraphicPromo/screenshots/default.png
diff --git a/docs/compose/GraphicPromo/screenshots/default_dm.png b/docs/compose/GraphicPromo/screenshots/default_dm.png
diff --git a/docs/compose/GraphicPromo/screenshots/top-align-sponsored.png b/docs/compose/GraphicPromo/screenshots/top-align-sponsored.png
diff --git a/docs/compose/GraphicPromo/screenshots/top-align-sponsored_dm.png b/docs/compose/GraphicPromo/screenshots/top-align-sponsored_dm.png
diff --git a/docs/compose/GraphicPromo/screenshots/top-align-with-text.png b/docs/compose/GraphicPromo/screenshots/top-align-with-text.png
diff --git a/docs/compose/GraphicPromo/screenshots/top-align-with-text_dm.png b/docs/compose/GraphicPromo/screenshots/top-align-with-text_dm.png
diff --git a/docs/compose/HorizontalNav/screenshots/default.png b/docs/compose/HorizontalNav/screenshots/default.png
diff --git a/docs/compose/HorizontalNav/screenshots/default_dm.png b/docs/compose/HorizontalNav/screenshots/default_dm.png
diff --git a/docs/compose/Icon/screenshots/default.png b/docs/compose/Icon/screenshots/default.png
diff --git a/docs/compose/Icon/screenshots/default_dm.png b/docs/compose/Icon/screenshots/default_dm.png
diff --git a/docs/compose/ImageGallery/screenshots/carousel.png b/docs/compose/ImageGallery/screenshots/carousel.png
diff --git a/docs/compose/ImageGallery/screenshots/carousel_dm.png b/docs/compose/ImageGallery/screenshots/carousel_dm.png
diff --git a/docs/compose/ImageGallery/screenshots/chip-grid.png b/docs/compose/ImageGallery/screenshots/chip-grid.png
diff --git a/docs/compose/ImageGallery/screenshots/image-grid.png b/docs/compose/ImageGallery/screenshots/image-grid.png
diff --git a/docs/compose/ImageGallery/screenshots/slideshow.png b/docs/compose/ImageGallery/screenshots/slideshow.png
diff --git a/docs/compose/InsetBanner/screenshots/ondark.png b/docs/compose/InsetBanner/screenshots/ondark.png
diff --git a/docs/compose/InsetBanner/screenshots/ondark_dm.png b/docs/compose/InsetBanner/screenshots/ondark_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/onlight.png b/docs/compose/InsetBanner/screenshots/onlight.png
diff --git a/docs/compose/InsetBanner/screenshots/onlight_dm.png b/docs/compose/InsetBanner/screenshots/onlight_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-body.png b/docs/compose/InsetBanner/screenshots/without-body.png
diff --git a/docs/compose/InsetBanner/screenshots/without-body_dm.png b/docs/compose/InsetBanner/screenshots/without-body_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-cta.png b/docs/compose/InsetBanner/screenshots/without-cta.png
diff --git a/docs/compose/InsetBanner/screenshots/without-cta_dm.png b/docs/compose/InsetBanner/screenshots/without-cta_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-logo.png b/docs/compose/InsetBanner/screenshots/without-logo.png
diff --git a/docs/compose/InsetBanner/screenshots/without-logo_dm.png b/docs/compose/InsetBanner/screenshots/without-logo_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-subheadline.png b/docs/compose/InsetBanner/screenshots/without-subheadline.png
diff --git a/docs/compose/InsetBanner/screenshots/without-subheadline_dm.png b/docs/compose/InsetBanner/screenshots/without-subheadline_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-title-and-subheadline.png b/docs/compose/InsetBanner/screenshots/without-title-and-subheadline.png
diff --git a/docs/compose/InsetBanner/screenshots/without-title-and-subheadline_dm.png b/docs/compose/InsetBanner/screenshots/without-title-and-subheadline_dm.png
diff --git a/docs/compose/InsetBanner/screenshots/without-title.png b/docs/compose/InsetBanner/screenshots/without-title.png
diff --git a/docs/compose/InsetBanner/screenshots/without-title_dm.png b/docs/compose/InsetBanner/screenshots/without-title_dm.png
diff --git a/docs/compose/Modal/screenshots/default.png b/docs/compose/Modal/screenshots/default.png
diff --git a/docs/compose/Modal/screenshots/with-back.png b/docs/compose/Modal/screenshots/with-back.png
diff --git a/docs/compose/Modal/screenshots/without-action-and-title.png b/docs/compose/Modal/screenshots/without-action-and-title.png
diff --git a/docs/compose/Modal/screenshots/without-action.png b/docs/compose/Modal/screenshots/without-action.png
diff --git a/docs/compose/NavBar/screenshots/collapsible.png b/docs/compose/NavBar/screenshots/collapsible.png
diff --git a/docs/compose/NavBar/screenshots/collapsible_dm.png b/docs/compose/NavBar/screenshots/collapsible_dm.png
diff --git a/docs/compose/NavBar/screenshots/default.png b/docs/compose/NavBar/screenshots/default.png
diff --git a/docs/compose/NavBar/screenshots/default_dm.png b/docs/compose/NavBar/screenshots/default_dm.png
diff --git a/docs/compose/NavBar/screenshots/surfacecontrast.png b/docs/compose/NavBar/screenshots/surfacecontrast.png
diff --git a/docs/compose/NavBar/screenshots/surfacecontrast_dm.png b/docs/compose/NavBar/screenshots/surfacecontrast_dm.png
diff --git a/docs/compose/NavBar/screenshots/transparent.png b/docs/compose/NavBar/screenshots/transparent.png
diff --git a/docs/compose/NavBar/screenshots/transparent_dm.png b/docs/compose/NavBar/screenshots/transparent_dm.png
diff --git a/docs/compose/NavigationTabGroup/screenshots/default.png b/docs/compose/NavigationTabGroup/screenshots/default.png
diff --git a/docs/compose/NavigationTabGroup/screenshots/default_dm.png b/docs/compose/NavigationTabGroup/screenshots/default_dm.png
diff --git a/docs/compose/Nudger/screenshots/default.png b/docs/compose/Nudger/screenshots/default.png
diff --git a/docs/compose/Nudger/screenshots/default_dm.png b/docs/compose/Nudger/screenshots/default_dm.png
diff --git a/docs/compose/Overlay/screenshots/default.png b/docs/compose/Overlay/screenshots/default.png
diff --git a/docs/compose/Overlay/screenshots/default_dm.png b/docs/compose/Overlay/screenshots/default_dm.png
diff --git a/docs/compose/PageIndicator/screenshots/default.png b/docs/compose/PageIndicator/screenshots/default.png
diff --git a/docs/compose/PageIndicator/screenshots/default_dm.png b/docs/compose/PageIndicator/screenshots/default_dm.png
diff --git a/docs/compose/Panel/screenshots/default.png b/docs/compose/Panel/screenshots/default.png
diff --git a/docs/compose/Panel/screenshots/default_dm.png b/docs/compose/Panel/screenshots/default_dm.png
diff --git a/docs/compose/Price/screenshots/default.png b/docs/compose/Price/screenshots/default.png
diff --git a/docs/compose/Price/screenshots/default_dm.png b/docs/compose/Price/screenshots/default_dm.png
diff --git a/docs/compose/ProgressBar/screenshots/default.png b/docs/compose/ProgressBar/screenshots/default.png
diff --git a/docs/compose/ProgressBar/screenshots/default_dm.png b/docs/compose/ProgressBar/screenshots/default_dm.png
diff --git a/docs/compose/RadioButton/screenshots/default.png b/docs/compose/RadioButton/screenshots/default.png
diff --git a/docs/compose/RadioButton/screenshots/default_dm.png b/docs/compose/RadioButton/screenshots/default_dm.png
diff --git a/docs/compose/Rating/screenshots/default.png b/docs/compose/Rating/screenshots/default.png
diff --git a/docs/compose/Rating/screenshots/default_dm.png b/docs/compose/Rating/screenshots/default_dm.png
diff --git a/docs/compose/RatingBar/screenshots/default.png b/docs/compose/RatingBar/screenshots/default.png
diff --git a/docs/compose/RatingBar/screenshots/default_dm.png b/docs/compose/RatingBar/screenshots/default_dm.png
diff --git a/docs/compose/SearchInputSummary/screenshots/default-prefix.png b/docs/compose/SearchInputSummary/screenshots/default-prefix.png
diff --git a/docs/compose/SearchInputSummary/screenshots/default-prefix_dm.png b/docs/compose/SearchInputSummary/screenshots/default-prefix_dm.png
diff --git a/docs/compose/SearchInputSummary/screenshots/icon-prefix.png b/docs/compose/SearchInputSummary/screenshots/icon-prefix.png
diff --git a/docs/compose/SearchInputSummary/screenshots/icon-prefix_dm.png b/docs/compose/SearchInputSummary/screenshots/icon-prefix_dm.png
diff --git a/docs/compose/SearchInputSummary/screenshots/no-prefix.png b/docs/compose/SearchInputSummary/screenshots/no-prefix.png
diff --git a/docs/compose/SearchInputSummary/screenshots/no-prefix_dm.png b/docs/compose/SearchInputSummary/screenshots/no-prefix_dm.png
diff --git a/docs/compose/SearchInputSummary/screenshots/read-only.png b/docs/compose/SearchInputSummary/screenshots/read-only.png
diff --git a/docs/compose/SearchInputSummary/screenshots/read-only_dm.png b/docs/compose/SearchInputSummary/screenshots/read-only_dm.png
diff --git a/docs/compose/SearchInputSummary/screenshots/text-prefix.png b/docs/compose/SearchInputSummary/screenshots/text-prefix.png
diff --git a/docs/compose/SearchInputSummary/screenshots/text-prefix_dm.png b/docs/compose/SearchInputSummary/screenshots/text-prefix_dm.png
diff --git a/docs/compose/SectionHeader/screenshots/default.png b/docs/compose/SectionHeader/screenshots/default.png
diff --git a/docs/compose/SectionHeader/screenshots/default_dm.png b/docs/compose/SectionHeader/screenshots/default_dm.png
diff --git a/docs/compose/SectionHeader/screenshots/ondark.png b/docs/compose/SectionHeader/screenshots/ondark.png
diff --git a/docs/compose/SectionHeader/screenshots/ondark_dm.png b/docs/compose/SectionHeader/screenshots/ondark_dm.png
diff --git a/docs/compose/Select/screenshots/default.png b/docs/compose/Select/screenshots/default.png
diff --git a/docs/compose/Select/screenshots/default_dm.png b/docs/compose/Select/screenshots/default_dm.png
diff --git a/docs/compose/Skeleton/screenshots/default.png b/docs/compose/Skeleton/screenshots/default.png
diff --git a/docs/compose/Skeleton/screenshots/default_dm.png b/docs/compose/Skeleton/screenshots/default_dm.png
diff --git a/docs/compose/Slider/screenshots/default.png b/docs/compose/Slider/screenshots/default.png
diff --git a/docs/compose/Slider/screenshots/default_dm.png b/docs/compose/Slider/screenshots/default_dm.png
diff --git a/docs/compose/Snippet/screenshots/landscape.png b/docs/compose/Snippet/screenshots/landscape.png
diff --git a/docs/compose/Snippet/screenshots/landscape_dm.png b/docs/compose/Snippet/screenshots/landscape_dm.png
diff --git a/docs/compose/Snippet/screenshots/portrait.png b/docs/compose/Snippet/screenshots/portrait.png
diff --git a/docs/compose/Snippet/screenshots/portrait_dm.png b/docs/compose/Snippet/screenshots/portrait_dm.png
diff --git a/docs/compose/Snippet/screenshots/square.png b/docs/compose/Snippet/screenshots/square.png
diff --git a/docs/compose/Snippet/screenshots/square_dm.png b/docs/compose/Snippet/screenshots/square_dm.png
diff --git a/docs/compose/Spinner/screenshots/default.png b/docs/compose/Spinner/screenshots/default.png
diff --git a/docs/compose/Spinner/screenshots/default_dm.png b/docs/compose/Spinner/screenshots/default_dm.png
diff --git a/docs/compose/StarRating/screenshots/default.png b/docs/compose/StarRating/screenshots/default.png
diff --git a/docs/compose/StarRating/screenshots/default_dm.png b/docs/compose/StarRating/screenshots/default_dm.png
diff --git a/docs/compose/StarRatingInteractive/screenshots/default.png b/docs/compose/StarRatingInteractive/screenshots/default.png
diff --git a/docs/compose/StarRatingInteractive/screenshots/default_dm.png b/docs/compose/StarRatingInteractive/screenshots/default_dm.png
diff --git a/docs/compose/Switch/screenshots/default.png b/docs/compose/Switch/screenshots/default.png
diff --git a/docs/compose/Switch/screenshots/default_dm.png b/docs/compose/Switch/screenshots/default_dm.png
diff --git a/docs/compose/Text/screenshots/body.png b/docs/compose/Text/screenshots/body.png
diff --git a/docs/compose/Text/screenshots/body_dm.png b/docs/compose/Text/screenshots/body_dm.png
diff --git a/docs/compose/Text/screenshots/heading.png b/docs/compose/Text/screenshots/heading.png
diff --git a/docs/compose/Text/screenshots/heading_dm.png b/docs/compose/Text/screenshots/heading_dm.png
diff --git a/docs/compose/Text/screenshots/hero.png b/docs/compose/Text/screenshots/hero.png
diff --git a/docs/compose/Text/screenshots/hero_dm.png b/docs/compose/Text/screenshots/hero_dm.png
diff --git a/docs/compose/TextField/screenshots/default.png b/docs/compose/TextField/screenshots/default.png
diff --git a/docs/compose/TextField/screenshots/default_dm.png b/docs/compose/TextField/screenshots/default_dm.png
diff --git a/docs/compose/TextField/screenshots/disabled.png b/docs/compose/TextField/screenshots/disabled.png
diff --git a/docs/compose/TextField/screenshots/disabled_dm.png b/docs/compose/TextField/screenshots/disabled_dm.png
diff --git a/docs/compose/TextField/screenshots/error.png b/docs/compose/TextField/screenshots/error.png
diff --git a/docs/compose/TextField/screenshots/error_dm.png b/docs/compose/TextField/screenshots/error_dm.png
diff --git a/docs/compose/TextField/screenshots/text-area-disabled.png b/docs/compose/TextField/screenshots/text-area-disabled.png
diff --git a/docs/compose/TextField/screenshots/text-area-disabled_dm.png b/docs/compose/TextField/screenshots/text-area-disabled_dm.png
diff --git a/docs/compose/TextField/screenshots/text-area-error.png b/docs/compose/TextField/screenshots/text-area-error.png
diff --git a/docs/compose/TextField/screenshots/text-area-error_dm.png b/docs/compose/TextField/screenshots/text-area-error_dm.png
diff --git a/docs/compose/TextField/screenshots/text-area-validated.png b/docs/compose/TextField/screenshots/text-area-validated.png
diff --git a/docs/compose/TextField/screenshots/text-area-validated_dm.png b/docs/compose/TextField/screenshots/text-area-validated_dm.png
diff --git a/docs/compose/TextField/screenshots/text-area.png b/docs/compose/TextField/screenshots/text-area.png
diff --git a/docs/compose/TextField/screenshots/text-area_dm.png b/docs/compose/TextField/screenshots/text-area_dm.png
diff --git a/docs/compose/TextField/screenshots/validated.png b/docs/compose/TextField/screenshots/validated.png
diff --git a/docs/compose/TextField/screenshots/validated_dm.png b/docs/compose/TextField/screenshots/validated_dm.png
diff --git a/docs/view/Badge/screenshots/default.png b/docs/view/Badge/screenshots/default.png
diff --git a/docs/view/Badge/screenshots/default_dm.png b/docs/view/Badge/screenshots/default_dm.png
diff --git a/docs/view/BarChart/screenshots/default.png b/docs/view/BarChart/screenshots/default.png
diff --git a/docs/view/BarChart/screenshots/default_dm.png b/docs/view/BarChart/screenshots/default_dm.png
diff --git a/docs/view/BottomNav/screenshots/default.png b/docs/view/BottomNav/screenshots/default.png
diff --git a/docs/view/BottomNav/screenshots/default_dm.png b/docs/view/BottomNav/screenshots/default_dm.png
diff --git a/docs/view/BottomSheet/screenshots/default.png b/docs/view/BottomSheet/screenshots/default.png
diff --git a/docs/view/BottomSheet/screenshots/default_dm.png b/docs/view/BottomSheet/screenshots/default_dm.png
diff --git a/docs/view/Button/screenshots/large.png b/docs/view/Button/screenshots/large.png
diff --git a/docs/view/Button/screenshots/large_dm.png b/docs/view/Button/screenshots/large_dm.png
diff --git a/docs/view/Button/screenshots/link.png b/docs/view/Button/screenshots/link.png
diff --git a/docs/view/Button/screenshots/link_dm.png b/docs/view/Button/screenshots/link_dm.png
diff --git a/docs/view/Button/screenshots/standard.png b/docs/view/Button/screenshots/standard.png
diff --git a/docs/view/Button/screenshots/standard_dm.png b/docs/view/Button/screenshots/standard_dm.png
diff --git a/docs/view/Calendar2/screenshots/day-icon-as-labels.png b/docs/view/Calendar2/screenshots/day-icon-as-labels.png
diff --git a/docs/view/Calendar2/screenshots/day-icon-as-labels_dm.png b/docs/view/Calendar2/screenshots/day-icon-as-labels_dm.png
diff --git a/docs/view/Calendar2/screenshots/day-labels.png b/docs/view/Calendar2/screenshots/day-labels.png
diff --git a/docs/view/Calendar2/screenshots/day-labels_dm.png b/docs/view/Calendar2/screenshots/day-labels_dm.png
diff --git a/docs/view/Calendar2/screenshots/pre-selected-range.png b/docs/view/Calendar2/screenshots/pre-selected-range.png
diff --git a/docs/view/Calendar2/screenshots/pre-selected-range_dm.png b/docs/view/Calendar2/screenshots/pre-selected-range_dm.png
diff --git a/docs/view/Calendar2/screenshots/selection-whole-month.png b/docs/view/Calendar2/screenshots/selection-whole-month.png
diff --git a/docs/view/Calendar2/screenshots/selection-whole-month_dm.png b/docs/view/Calendar2/screenshots/selection-whole-month_dm.png
diff --git a/docs/view/Card/screenshots/corner-style-large.png b/docs/view/Card/screenshots/corner-style-large.png
diff --git a/docs/view/Card/screenshots/corner-style-large_dm.png b/docs/view/Card/screenshots/corner-style-large_dm.png
diff --git a/docs/view/Card/screenshots/default.png b/docs/view/Card/screenshots/default.png
diff --git a/docs/view/Card/screenshots/default_dm.png b/docs/view/Card/screenshots/default_dm.png
diff --git a/docs/view/Card/screenshots/selected.png b/docs/view/Card/screenshots/selected.png
diff --git a/docs/view/Card/screenshots/selected_dm.png b/docs/view/Card/screenshots/selected_dm.png
diff --git a/docs/view/Card/screenshots/with-divider-and-corner-style-large.png b/docs/view/Card/screenshots/with-divider-and-corner-style-large.png
diff --git a/docs/view/Card/screenshots/with-divider-and-corner-style-large_dm.png b/docs/view/Card/screenshots/with-divider-and-corner-style-large_dm.png
diff --git a/docs/view/Card/screenshots/with-divider-arranged-vertically.png b/docs/view/Card/screenshots/with-divider-arranged-vertically.png
diff --git a/docs/view/Card/screenshots/with-divider-arranged-vertically_dm.png b/docs/view/Card/screenshots/with-divider-arranged-vertically_dm.png
diff --git a/docs/view/Card/screenshots/with-divider-without-padding.png b/docs/view/Card/screenshots/with-divider-without-padding.png
diff --git a/docs/view/Card/screenshots/with-divider-without-padding_dm.png b/docs/view/Card/screenshots/with-divider-without-padding_dm.png
diff --git a/docs/view/Card/screenshots/with-divider.png b/docs/view/Card/screenshots/with-divider.png
diff --git a/docs/view/Card/screenshots/with-divider_dm.png b/docs/view/Card/screenshots/with-divider_dm.png
diff --git a/docs/view/Card/screenshots/without-padding.png b/docs/view/Card/screenshots/without-padding.png
diff --git a/docs/view/Card/screenshots/without-padding_dm.png b/docs/view/Card/screenshots/without-padding_dm.png
diff --git a/docs/view/Checkbox/screenshots/default.png b/docs/view/Checkbox/screenshots/default.png
diff --git a/docs/view/Checkbox/screenshots/default_dm.png b/docs/view/Checkbox/screenshots/default_dm.png
diff --git a/docs/view/Chip/screenshots/default.png b/docs/view/Chip/screenshots/default.png
diff --git a/docs/view/Chip/screenshots/default_dm.png b/docs/view/Chip/screenshots/default_dm.png
diff --git a/docs/view/Chip/screenshots/on-dark.png b/docs/view/Chip/screenshots/on-dark.png
diff --git a/docs/view/Chip/screenshots/on-dark_dm.png b/docs/view/Chip/screenshots/on-dark_dm.png
diff --git a/docs/view/Chip/screenshots/on-image.png b/docs/view/Chip/screenshots/on-image.png
diff --git a/docs/view/Chip/screenshots/on-image_dm.png b/docs/view/Chip/screenshots/on-image_dm.png
diff --git a/docs/view/Dialog/screenshots/destructive.png b/docs/view/Dialog/screenshots/destructive.png
diff --git a/docs/view/Dialog/screenshots/destructive_dm.png b/docs/view/Dialog/screenshots/destructive_dm.png
diff --git a/docs/view/Dialog/screenshots/flare.png b/docs/view/Dialog/screenshots/flare.png
diff --git a/docs/view/Dialog/screenshots/flare_dm.png b/docs/view/Dialog/screenshots/flare_dm.png
diff --git a/docs/view/Dialog/screenshots/success-three-buttons.png b/docs/view/Dialog/screenshots/success-three-buttons.png
diff --git a/docs/view/Dialog/screenshots/success-three-buttons_dm.png b/docs/view/Dialog/screenshots/success-three-buttons_dm.png
diff --git a/docs/view/Flare/screenshots/default.png b/docs/view/Flare/screenshots/default.png
diff --git a/docs/view/Flare/screenshots/default_dm.png b/docs/view/Flare/screenshots/default_dm.png
diff --git a/docs/view/Flare/screenshots/inset-padding-mode.png b/docs/view/Flare/screenshots/inset-padding-mode.png
diff --git a/docs/view/Flare/screenshots/inset-padding-mode_dm.png b/docs/view/Flare/screenshots/inset-padding-mode_dm.png
diff --git a/docs/view/Flare/screenshots/pointer-offset.png b/docs/view/Flare/screenshots/pointer-offset.png
diff --git a/docs/view/Flare/screenshots/pointer-offset_dm.png b/docs/view/Flare/screenshots/pointer-offset_dm.png
diff --git a/docs/view/Flare/screenshots/pointing-up.png b/docs/view/Flare/screenshots/pointing-up.png
diff --git a/docs/view/Flare/screenshots/pointing-up_dm.png b/docs/view/Flare/screenshots/pointing-up_dm.png
diff --git a/docs/view/Flare/screenshots/rounded.png b/docs/view/Flare/screenshots/rounded.png
diff --git a/docs/view/Flare/screenshots/rounded_dm.png b/docs/view/Flare/screenshots/rounded_dm.png
diff --git a/docs/view/FloatingActionButton/screenshots/default.png b/docs/view/FloatingActionButton/screenshots/default.png
diff --git a/docs/view/FloatingActionButton/screenshots/default_dm.png b/docs/view/FloatingActionButton/screenshots/default_dm.png
diff --git a/docs/view/HorizontalNav/screenshots/default.png b/docs/view/HorizontalNav/screenshots/default.png
diff --git a/docs/view/HorizontalNav/screenshots/default_dm.png b/docs/view/HorizontalNav/screenshots/default_dm.png
diff --git a/docs/view/Icon/screenshots/default.png b/docs/view/Icon/screenshots/default.png