Update android docs

docs/src/pages/components/Badge/BadgePage.js

@@ -21,6 +21,7 @@
 import React from 'react';
 
 import Android, { metadata as androidMetadata } from './AndroidBadge.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeBadge.mdx';
 import IOS, { metadata as iosMetadata } from './IOSBadge.mdx';
 import Native, { metadata as nativeMetadata } from './NativeBadge.mdx';
 import Web, { metadata as webMetadata } from './WebBadgePage.mdx';
@@ -39,6 +40,7 @@ const BadgePage = () => (
       </IntroBlurb>,
     ]}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}

docs/src/pages/components/Badge/ComposeBadge.mdx

@@ -0,0 +1,28 @@
+---
+title: Badge
+platform: compose
+documentationId: net.skyscanner.backpack.compose.badge
+githubPath: badge
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import BadgeReadme from 'backpack-android/docs/compose/Badge/README.md';
+
+import Default from 'backpack-android/docs/compose/Badge/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/Badge/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="Badge" />
+
+# Implementation
+
+<BadgeReadme />

docs/src/pages/components/Chips/ChipsPage.js

@@ -21,6 +21,7 @@
 import React from 'react';
 
 import Android, { metadata as androidMetadata } from './AndroidChip.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeChip.mdx';
 import IOS, { metadata as iosMetadata } from './IOSChip.mdx';
 import Native, { metadata as nativeMetadata } from './NativeChip.mdx';
 import Web, { metadata as webMetadata } from './WebChip.mdx';
@@ -41,6 +42,7 @@ const ChipsPage = () => (
     title="Chip"
     blurb={blurb}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}

docs/src/pages/components/Chips/ComposeChip.mdx

@@ -0,0 +1,28 @@
+---
+title: Chip
+platform: compose
+documentationId: net.skyscanner.backpack.compose.chip
+githubPath: chip
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import ChipReadme from 'backpack-android/docs/compose/Chip/README.md';
+
+import Default from 'backpack-android/docs/compose/Chip/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/Chip/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="Chip" />
+
+# Implementation
+
+<ChipReadme />

docs/src/pages/components/Dialogs/ComposeDialog.mdx

@@ -16,6 +16,8 @@ import Warning from 'backpack-android/docs/compose/Dialog/screenshots/warning.pn
 import WarningDm from 'backpack-android/docs/compose/Dialog/screenshots/warning_dm.png';
 import Destructive from 'backpack-android/docs/compose/Dialog/screenshots/destructive.png';
 import DestructiveDm from 'backpack-android/docs/compose/Dialog/screenshots/destructive_dm.png';
+import Flare from 'backpack-android/docs/compose/Dialog/screenshots/flare.png';
+import FlareDm from 'backpack-android/docs/compose/Dialog/screenshots/flare_dm.png';
 
 ## Table of contents
 
@@ -40,6 +42,13 @@ import DestructiveDm from 'backpack-android/docs/compose/Dialog/screenshots/dest
   darkMode={DestructiveDm}
   altText="Destructive Dialog" />
 
+## Destructive
+
+<AndroidComponentScreenshots
+  lightMode={Flare}
+  darkMode={FlareDm}
+  altText="Flare Dialog" />
+
 # Implementation
 
 <DialogReadme />

docs/src/pages/components/Flare/ComposeFlare.mdx

@@ -0,0 +1,28 @@
+---
+title: Flare
+platform: compose
+documentationId: net.skyscanner.backpack.compose.flare
+githubPath: flare
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import FlareReadme from 'backpack-android/docs/compose/Flare/README.md';
+
+import Default from 'backpack-android/docs/compose/Flare/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/Flare/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="Flare" />
+
+# Implementation
+
+<FlareReadme />

docs/src/pages/components/Flare/FlarePage.js

@@ -21,6 +21,7 @@
 import React from 'react';
 
 import Android, { metadata as androidMetadata } from './AndroidFlare.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeFlare.mdx';
 import IOS, { metadata as iosMetadata } from './IOSFlare.mdx';
 import Web, { metadata as webMetadata } from './WebFlare.mdx';
 import Native, { metadata as nativeMetadata } from './NativeFlare.mdx';
@@ -39,6 +40,7 @@ const Page = () => (
       </IntroBlurb>,
     ]}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}

docs/src/pages/components/Icon/ComposeIcon.mdx

@@ -0,0 +1,28 @@
+---
+title: Icon
+platform: compose
+documentationId: net.skyscanner.backpack.compose.icon
+githubPath: icon
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import IconReadme from 'backpack-android/docs/compose/Icon/README.md';
+
+import Default from 'backpack-android/docs/compose/AllIcons/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/AllIcons/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="Icon" />
+
+# Implementation
+
+<IconReadme />

docs/src/pages/components/Icon/IconPage.js

@@ -22,6 +22,7 @@ import React from 'react';
 
 import IconsDesignPage from './DesignIconPage';
 import Android, { metadata as androidMetadata } from './AndroidIcon.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeIcon.mdx';
 import IOS, { metadata as iosMetadata } from './IOSIcon.mdx';
 import Web, { metadata as webMetadata } from './WebIcon.mdx';
 import Native, { metadata as nativeMetadata } from './NativeIcon.mdx';
@@ -46,6 +47,7 @@ const Page = () => (
     ]}
     designSubpage={<IconsDesignPage wrapped />}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}

docs/src/pages/components/NavigationBar/ComposeNavBar.mdx

@@ -0,0 +1,28 @@
+---
+title: Navigation bar
+platform: compose
+documentationId: net.skyscanner.backpack.compose.navigationbar
+githubPath: navigationbar
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import NavigationBarReadme from 'backpack-android/docs/compose/NavBar/README.md';
+
+import Default from 'backpack-android/docs/compose/NavBar/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/NavBar/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="NavigationBar" />
+
+# Implementation
+
+<NavigationBarReadme />

docs/src/pages/components/NavigationBar/NavigationBarPage.js

@@ -22,6 +22,7 @@ import React from 'react';
 
 import Web, { metadata as webMetadata } from './WebNavigationBar.mdx';
 import Android, { metadata as androidMetadata } from './AndroidNavBar.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeNavBar.mdx';
 import Native, { metadata as nativeMetadata } from './NativeNavigationBar.mdx';
 import IOS, { metadata as iosMetadata } from './IOSNavigationBar.mdx';
 
@@ -40,6 +41,7 @@ const BadgePage = () => (
     ]}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}
   />

docs/src/pages/components/Spinner/ComposeSpinner.mdx

@@ -0,0 +1,28 @@
+---
+title: Spinner
+platform: compose
+documentationId: net.skyscanner.backpack.compose.spinner
+githubPath: spinner
+---
+
+
+import AndroidComponentScreenshots from 'components/Screenshots/AndroidComponentScreenshots';
+
+import SpinnerReadme from 'backpack-android/docs/compose/Spinner/README.md';
+
+import Default from 'backpack-android/docs/compose/Spinner/screenshots/default.png';
+import DefaultDm from 'backpack-android/docs/compose/Spinner/screenshots/default_dm.png';
+
+
+# Table of contents
+
+# Default
+
+<AndroidComponentScreenshots
+  lightMode={Default}
+  darkMode={DefaultDm}
+  altText="Spinner" />
+
+# Implementation
+
+<SpinnerReadme />

docs/src/pages/components/Spinner/SpinnerPage.js

@@ -21,6 +21,7 @@
 import React from 'react';
 
 import Android, { metadata as androidMetadata } from './AndroidSpinner.mdx';
+import Compose, { metadata as composeMetadata } from './ComposeSpinner.mdx';
 import IOS, { metadata as iosMetadata } from './IOSSpinner.mdx';
 import Native, { metadata as nativeMetadata } from './NativeSpinner.mdx';
 import Web, { metadata as webMetadata } from './WebSpinner.mdx';
@@ -41,6 +42,7 @@ const Page = () => (
     title="Spinner"
     blurb={blurb}
     androidSubpage={<MarkdownPage content={Android} {...androidMetadata} />}
+    composeSubpage={<MarkdownPage content={Compose} {...composeMetadata} />}
     iosSubpage={<MarkdownPage content={IOS} {...iosMetadata} />}
     nativeSubpage={<MarkdownPage content={Native} {...nativeMetadata} />}
     webSubpage={<MarkdownPage content={Web} {...webMetadata} />}