Add previews to sample

florentmaitre · florentmaitre · commit f9941ac1c92a · 2025-06-20T18:56:02.000+02:00
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsButtonSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsButtonSamples.kt
@@ -12,11 +12,13 @@
 
 package com.orange.ouds.core.component.samples
 
-import android.R
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.FavoriteBorder
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsButton
 import com.orange.ouds.core.component.OudsColoredBox
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsButtonTextOnlySample() {
@@ -41,7 +43,7 @@ internal fun OudsButtonTextOnlyOnColoredBackgroundSample() {
 internal fun OudsButtonIconOnlySample() {
     OudsButton(
         icon = OudsButton.Icon(
-            painterResource(id = R.drawable.star_on),
+            Icons.Filled.FavoriteBorder,
             "Content description"
         ),
         onClick = { /* Do something! */ }
@@ -54,7 +56,7 @@ internal fun OudsButtonIconOnlyOnColoredBackgroundSample() {
         // The colors of this button are automatically adjusted to maximize the contrast with the colored background.
         OudsButton(
             icon = OudsButton.Icon(
-                painterResource(id = R.drawable.star_on),
+                Icons.Filled.FavoriteBorder,
                 "Content description"
             ),
             onClick = { /* Do something! */ }
@@ -66,7 +68,7 @@ internal fun OudsButtonIconOnlyOnColoredBackgroundSample() {
 internal fun OudsButtonIconAndTextSample() {
     OudsButton(
         icon = OudsButton.Icon(
-            painterResource(id = R.drawable.star_on),
+            Icons.Filled.FavoriteBorder,
             "Content description"
         ),
         label = "Label",
@@ -80,11 +82,47 @@ internal fun OudsButtonIconAndTextOnColoredBackgroundSample() {
         // The colors of this button are automatically adjusted to maximize the contrast with the colored background.
         OudsButton(
             icon = OudsButton.Icon(
-                painterResource(id = R.drawable.star_on),
+                Icons.Filled.FavoriteBorder,
                 "Content description"
             ),
             label = "Label",
             onClick = { /* Do something! */ }
         )
     }
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonTextOnlySample() = OudsPreview {
+    OudsButtonTextOnlySample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonTextOnlyOnColoredBackgroundSample() = OudsPreview {
+    OudsButtonTextOnlyOnColoredBackgroundSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonIconOnlySample() = OudsPreview {
+    OudsButtonIconOnlySample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonIconOnlyOnColoredBackgroundSample() = OudsPreview {
+    OudsButtonIconOnlyOnColoredBackgroundSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonIconAndTextSample() = OudsPreview {
+    OudsButtonIconAndTextSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsButtonIconAndTextOnColoredBackgroundSample() = OudsPreview {
+    OudsButtonIconAndTextOnColoredBackgroundSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsCheckboxItemSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsCheckboxItemSamples.kt
@@ -18,8 +18,10 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.state.ToggleableState
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsCheckboxItem
 import com.orange.ouds.core.component.OudsTriStateCheckboxItem
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsCheckboxItemSample() {
@@ -51,3 +53,15 @@ internal fun OudsTriStateCheckboxItemSample() {
         }
     )
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsCheckboxItemSample() = OudsPreview {
+    OudsCheckboxItemSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsTriStateCheckboxItemSample() = OudsPreview {
+    OudsTriStateCheckboxItemSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsCheckboxSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsCheckboxSamples.kt
@@ -18,8 +18,10 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.state.ToggleableState
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsCheckbox
 import com.orange.ouds.core.component.OudsTriStateCheckbox
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsCheckboxSample() {
@@ -46,3 +48,15 @@ internal fun OudsTriStateCheckboxSample() {
         }
     )
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsCheckboxSample() = OudsPreview {
+    OudsCheckboxSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsTriStateCheckboxSample() = OudsPreview {
+    OudsTriStateCheckboxSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsColoredBoxSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsColoredBoxSamples.kt
@@ -14,7 +14,9 @@ package com.orange.ouds.core.component.samples
 
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsColoredBox
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsColoredBoxSample() {
@@ -23,3 +25,9 @@ internal fun OudsColoredBoxSample() {
         Text("Text")
     }
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsColoredBoxSample() = OudsPreview {
+    OudsColoredBoxSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsDividerSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsDividerSamples.kt
@@ -15,28 +15,59 @@ package com.orange.ouds.core.component.samples
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.PreviewLightDark
+import androidx.compose.ui.unit.dp
 import com.orange.ouds.core.component.OudsHorizontalDivider
 import com.orange.ouds.core.component.OudsVerticalDivider
 import com.orange.ouds.core.theme.OudsTheme
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsHorizontalDividerSample() {
     Column(modifier = Modifier.padding(OudsTheme.spaces.fixed.short)) {
-        Text(text = "Up")
+        Text(
+            text = "Up",
+            color = OudsTheme.colorScheme.content.default
+        )
         OudsHorizontalDivider(modifier = Modifier.fillMaxWidth())
-        Text(text = "Down")
+        Text(
+            text = "Down",
+            color = OudsTheme.colorScheme.content.default
+        )
     }
 }
 
 @Composable
 internal fun OudsVerticalDividerSample() {
     Row(modifier = Modifier.padding(OudsTheme.spaces.fixed.short)) {
-        Text(text = "Start")
-        OudsVerticalDivider(modifier = Modifier.fillMaxWidth())
-        Text(text = "End")
+        Text(
+            modifier = Modifier.weight(1f),
+            text = "Start",
+            color = OudsTheme.colorScheme.content.default
+        )
+        OudsVerticalDivider(modifier = Modifier.height(50.dp))
+        Text(
+            modifier = Modifier.weight(1f),
+            text = "End",
+            color = OudsTheme.colorScheme.content.default
+        )
     }
-}
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsHorizontalDividerSample() = OudsPreview {
+    OudsHorizontalDividerSample()
+}
+
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsVerticalDividerSample() = OudsPreview {
+    OudsVerticalDividerSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsLinkSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsLinkSamples.kt
@@ -12,16 +12,18 @@
 
 package com.orange.ouds.core.component.samples
 
-import android.R
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.FavoriteBorder
 import androidx.compose.runtime.Composable
-import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsLink
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsLinkSample() {
     OudsLink(
         label = "Link",
-        icon = OudsLink.Icon(painterResource(id = R.drawable.star_on)),
+        icon = OudsLink.Icon(Icons.Filled.FavoriteBorder),
         onClick = { /* Do something! */ },
     )
 }
@@ -34,3 +36,15 @@ internal fun OudsLinkWithArrowSample() {
         onClick = { /* Do something! */ },
     )
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsLinkSample() = OudsPreview {
+    OudsLinkSample()
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsLinkWithArrowSample() = OudsPreview {
+    OudsLinkWithArrowSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsRadioButtonItemSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsRadioButtonItemSamples.kt
@@ -20,7 +20,9 @@ import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsRadioButtonItem
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsRadioButtonItemSample() {
@@ -38,3 +40,9 @@ internal fun OudsRadioButtonItemSample() {
         }
     }
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsRadioButtonItemSample() = OudsPreview {
+    OudsRadioButtonItemSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsRadioButtonSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsRadioButtonSamples.kt
@@ -20,7 +20,9 @@ import androidx.compose.runtime.mutableIntStateOf
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsRadioButton
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsRadioButtonSample() {
@@ -36,3 +38,9 @@ internal fun OudsRadioButtonSample() {
         }
     }
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsRadioButtonSample() = OudsPreview {
+    OudsRadioButtonSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsSwitchItemSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsSwitchItemSamples.kt
@@ -17,6 +17,7 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsSwitchItem
 import com.orange.ouds.core.utilities.OudsPreview
 
@@ -32,3 +33,9 @@ internal fun OudsSwitchItemSample() = OudsPreview {
         divider = false
     )
 }
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsSwitchItemSample() = OudsPreview {
+    OudsSwitchItemSample()
+}
diff --git a/core/src/main/java/com/orange/ouds/core/component/samples/OudsSwitchSamples.kt b/core/src/main/java/com/orange/ouds/core/component/samples/OudsSwitchSamples.kt
@@ -17,14 +17,21 @@ import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.tooling.preview.PreviewLightDark
 import com.orange.ouds.core.component.OudsSwitch
+import com.orange.ouds.core.utilities.OudsPreview
 
 @Composable
 internal fun OudsSwitchSample() {
-    var checked by remember { mutableStateOf(false) }
-
+    var checked by remember { mutableStateOf(true) }
     OudsSwitch(
         checked = checked,
         onCheckedChange = { value -> checked = value }
     )
-}
+}
+
+@PreviewLightDark
+@Composable
+private fun PreviewOudsSwitchSample() = OudsPreview {
+    OudsSwitchSample()
+}

Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,9 @@ import androidx.compose.runtime.mutableStateOf`
`20`	`20`	`import androidx.compose.runtime.saveable.rememberSaveable`
`21`	`21`	`import androidx.compose.runtime.setValue`
`22`	`22`	`import androidx.compose.ui.Modifier`
	`23`	`+import androidx.compose.ui.tooling.preview.PreviewLightDark`
`23`	`24`	`import com.orange.ouds.core.component.OudsRadioButtonItem`
	`25`	`+import com.orange.ouds.core.utilities.OudsPreview`
`24`	`26`
`25`	`27`	`@Composable`
`26`	`28`	`internal fun OudsRadioButtonItemSample() {`
`@@ -38,3 +40,9 @@ internal fun OudsRadioButtonItemSample() {`
`38`	`40`	`}`
`39`	`41`	`}`
`40`	`42`	`}`
	`43`	`+`
	`44`	`+@PreviewLightDark`
	`45`	`+@Composable`
	`46`	`+private fun PreviewOudsRadioButtonItemSample() = OudsPreview {`
	`47`	`+ OudsRadioButtonItemSample()`
	`48`	`+}`