Foundation

The Foundation library contains all the foundational tokens that Skapa is built up from such as color, typography, motion and spacing.

In this package you can find:

  • Colour Tokens with support for Dark Mode

  • Tokens for Spacing, Borders, Motion

  • Typography & Type sets

  • Skapa Theming for Jetpack Compose

  • Support Colors, Spacing and Typography tokens for AndroidView (XML)

  • Support to get colour tokens by a string identifier

Know more about Skapa Foundations

Dark Mode

Material 3

SkapaTheme2 is based on Material 3, this is an updated theme for the revamped typography in Skapa. Dark Mode is enabled the same way as before, you need to provide darkTheme = true property in SkapaTheme2 or following the system setting to SkapaTheme2(darkTheme = isSystemInDarkTheme()).

Version 3.0.0-alpha01

Sep 04, 2025

Latest Updates

net.ikea.skapa:foundation:3.0.0-alpha01

  • Updated dependencies

  • SkapaTheme

    • Breaking Change The old SkapaTheme wrapper which uses material 2 deprecated using level=DeprecationLevel.ERROR. Please migrate to the new SkapaTheme2 which uses material 3 along our new typography system.

    • Deprecated SkapaThemeM3 has been deprecated with level=DeprecationLevel.WARNNG. Please use SkapaTheme2 instead.

  • Typography

    • Breaking Change typography object SkapaTheme.typography2 has been renamed to SkapaTheme.typography. (New typography system)

    • Deprecated typography object SkapaTheme.typography has been renamed to SkapaTheme.typographyM2. This has also been deprecated. (Old typography system)

    • Deprecated Old SkapaTypography Sizes and Typescale has been deprecated.

    • Deprecated SkapaBody and SkapaHeading classes are deprecated. These are part of the old typography system.

net.ikea.skapa:foundation:2.17.0

  • Kotlin compiler plugin 2.2.0.

  • Stable SkapaTheme2 is now stable.

  • Deprecation SkapaThemeM3 is now deprecated. Migrate to using SkapaTheme2.

  • Internal resource handling improvements.

net.ikea.skapa:foundation:2.16.0

  • Typography2

    • Bug fix Correct color tokens applied to text styles.

net.ikea.skapa:foundation:2.15.0

  • Typography

    • New Feature Added regular Label text styles with a font weight of W400.

    • New Feature Added SkapaTypeScale.Auto which will use the system information to dictate the type scale. Currently set to use SkapaTypeScale.Desktop if the device width is greater than 840.dp, otherwise it will use SkapaTypeScale.SmallScreen.

net.ikea.skapa:foundation:2.14.3

  • Typography

    • Introducing Skapa Typography V2.

    • A new base font size of 14.sp is introduced which scales dynamically with modified base font size changes. So if the user were to update the base font size to 16, the typography system would scale accordingly for all typesets.

    • This system replaces the old typesets the following text styles: Display, Heading, Statement, Body, Label and Caption.

    • A new typeScale system where the user can dictate what type of screen they are designing for has been introduced. The scale follows Desktop, SmallScreen and LargeScreen. This is access through the SkapaTypeScale class. The default is SkapaTypeScale.SmallScreen for mobile native. baseFontSize and typeScale are set in the SkapaThemeM3 wrapper.

    • We have had to add a dependency to NotoIkeaThai to our foundation package as we need it to check for correct letter spacing. We will try to find a work around for this in the future.

  • SkapaTheme2

    • This is the new theme wrapper that replaces SkapaThemeM3 to gain access to the new typography system.

net.ikea.skapa:foundation:2.13.0

  • Version bump due to Kotlin update.

net.ikea.skapa:foundation:2.12.0

  • Improvement Added Skapa Extended color palette to the foundation package.

net.ikea.skapa:foundation:2.11.0

  • Bump due to SDK version update.

net.ikea.skapa:foundation:2.10.0

  • Updated elevation1Border color token.

net.ikea.skapa:foundation:2.9.0

  • Version bump due to compose update.

net.ikea.skapa:foundation:2.8.0

  • SkapaThemeM3

    • Improvement Updated our m3 color palette to include surfaceTint and updated certain params to correct use correct tokens.

    • Improvement Updated SkapaThemeM3 theme wrapper to provide colors.textAndIcon2 for LocalContentColor.

net.ikea.skapa:foundation:2.7.0

  • Skapa Borders

    • Improvement Added new corner radius variable (radiusXs).

net.ikea.skapa:foundation:2.6.0

  • Material 3 Implementation

    • Stable Skapa wrapping of Material 3, including Theme, Color pallet and typography are now considered stable.

net.ikea.skapa:foundation:2.5.0

  • Body fonts

    • Workaround/Bug Fix Temporary workaround to mitigate a bug added in Compose BOM 2024.02.00

net.ikea.skapa:foundation:2.4.0

  • Typography

    • New Feature Added fontSize20 (10.sp) and fontSize1600 (96.sp)

    • Improvement Modified fontSize1000 (previously 46.sp, now 48.sp), fontSize1100 (previously 50.sp, now 52.sp)

    • Improvement TypeScale updated to reflect changes

net.ikea.skapa:foundation:2.3.0

  • Improvement Code style changes

net.ikea.skapa:foundation:2.2.0

  • Added New alias-token for Skapa colors semanticCautionText. To use when semanticCaution does not meet contrast requirements in text use-cases.

  • Modified elevation2Border has changed global token from Stone-1300 to Stone-1000 in dark-mode.

net.ikea.skapa:foundation:2.1.0

  • Experimental Feature Migrated from Material 2 to Material 3.

  • Improvement Updated interactiveDisabled1 and interactiveDisabled2 tokens used for all Skapa components with disabled states.

net.ikea.skapa:foundation:2.0.0

  • New Feature Skapa Colors added: 1 new global token, 6 New interactive alias color tokens and 1 new static color token

  • Breaking Change Multiple enum class entries has been renamed to use PascalCase instead of CAPITALIZED_CASE. Use 'find-replace' to perform name change.

net.ikea.skapa:foundation:1.7.0

  • Bump to Compose 1.4.3 with Compose BOM 2023.05.00

net.ikea.skapa:foundation:1.6.0

  • Bump to Compose 1.4.0 with Compose BOM

net.ikea.skapa:foundation:1.5.0

  • Add (@InternalSkapaApi), and make public different helper functions for internal use

net.ikea.skapa:foundation:1.4.1

  • Removed Material 3 dependency to measure screen size

net.ikea.skapa:foundation:1.4.0

  • Skapa Headings automatically get textAndIcon1 color (darker color than Skapa Body text) to align with our Guidelines. This change affect usage of SkapaTheme.typesets.heading.*

net.ikea.skapa:foundation:1.3.0

  • Bump to Compose 1.3.0 with Compose BOM

Packages

Link copied to clipboard
Link copied to clipboard