core/com.orange.ouds.core.theme/OudsSpaces

OudsSpaces

Holds the spacing values defined in the OUDS theme.

Spacing tokens are used to define margins, paddings, and gaps between elements, ensuring a consistent rhythm and layout structure across the application.

Design

Guidelines	Space tokens documentation

Types

ColumnGap

class ColumnGap

Spacing values used for gaps between columns.

Fixed

class Fixed

Fixed spacing values that remain constant regardless of the screen size context.

Inset

class Inset

Spacing values used for inset positioning.

PaddingBlock

class PaddingBlock

Spacing values specifically designed for block padding (Top/Bottom).

PaddingInline

class PaddingInline

Spacing values specifically designed for inline padding (Start/End).

RowGap

class RowGap

Spacing values used for gaps between rows.

Scaled

class Scaled

Scaled spacing values that adapt based on the window size class (e.g. larger on tablets).

Properties

columnGap

val columnGap: OudsSpaces.ColumnGap

Spacing used for gaps between columns in a grid or layout.

fixed

val fixed: OudsSpaces.Fixed

Fixed spacing values that do not change based on screen size.

inset

val inset: OudsSpaces.Inset

Spacing used for inset distances (e.g., distance from the edge of a container).

paddingBlock

val paddingBlock: OudsSpaces.PaddingBlock

Spacing used for vertical padding (top/bottom).

paddingInline

val paddingInline: OudsSpaces.PaddingInline

Spacing used for horizontal padding (start/end).

rowGap

val rowGap: OudsSpaces.RowGap

Spacing used for gaps between rows in a grid or layout.

scaled

val scaled: OudsSpaces.Scaled

Spacing values that scale adaptively based on the screen size (e.g., Mobile vs Tablet).