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:

  • New colour tokens structure!

  • Colour Tokens with support for Dark Mode out-of-the-box!

  • 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 2

Dark Mode is disabled by default in this alpha version. To enable it, you need to provide darkTheme = true property in SkapaTheme or following the system setting to SkapaTheme(darkTheme = isSystemInDarkTheme()).

Material 3

If Google Material 3 is preferred, then it is available with an M3 suffix. Dark Mode is disabled by default in this alpha version. To enable it, you need to provide darkTheme = true property in SkapaThemeM3 or following the system setting to SkapaThemeM3(darkTheme = isSystemInDarkTheme()).

Version 2.14.3

Feb 24, 2025

Latest Updates

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.14.1

  • 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.14.0

  • 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.

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