Détail du package

@swisspost/design-system-tokens

swisspost2.5kApache-2.010.0.0-next.39

Design Tokens for the Swiss Post Design System.

tokens, tokens studio, scss, design-system

readme

Design System Tokens

Swiss Post Design System splash screen

Tokens for the Swiss Post.

Documentation

Installation


<summary>Prerequisites</summary>

In order to be able to use npm commands, node.js needs to be installed on your machine.


Install the token package

  npm install @swisspost/design-system-tokens

Process the tokens files as you like or use our preprocessed scss tokens.

@use '@swisspost/design-system-tokens/<bundle-name>.scss';

Contribute

Contributor Covenant

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the styles contribution guidelines and also take a look at the general contribution guidelines.

For any questions regarding the pattern library, you can reach out on the discussions page.

In order to keep our community open and inclusive, we expect you to read and follow our Code of Conduct.

License

Software contained in this repository is published by the Swiss Post Ltd. under the Apache 2.0 License.

© 2024 Swiss Post, Ltd.

changelog

@swisspost/design-system-tokens

10.0.0-next.39

10.0.0-next.38

10.0.0-next.37

Patch Changes

  • Added a function to transform font sizes from px to rem. (by @leagrdv with #5321)

9.0.0-next.36

9.0.0-next.35

9.0.0-next.34

9.0.0-next.33

9.0.0-next.32

9.0.0-next.31

9.0.0-next.30

9.0.0-next.29

9.0.0-next.28

9.0.0-next.27

9.0.0-next.26

9.0.0-next.25

9.0.0-next.24

9.0.0-next.23

9.0.0-next.22

9.0.0-next.21

9.0.0-next.20

9.0.0-next.19

Minor Changes

  • Added a new output that includes utility tokens as Sass maps, enabling direct iteration to generate utility classes. (by @alizedebray with #4613)

9.0.0-next.18

9.0.0-next.17

9.0.0-next.16

9.0.0-next.15

9.0.0-next.14

Patch Changes

  • Added a transform function to avoid unitless zero values for specific token types (like dimension, etc.), which allows us to use these tokens also in css calc() functions. Because <number-token>s are always interpreted as <number>s or <integer>s, "unitless 0" <length>s aren’t supported in calc(). Source: https://drafts.csswg.org/css-values-3/#calc-type-checking (by @oliverschuerch with #4534)

9.0.0-next.13

9.0.0-next.12

9.0.0-next.11

9.0.0-next.10

9.0.0-next.9

9.0.0-next.8

9.0.0-next.7

9.0.0-next.6

Minor Changes

  • Export new SASS maps for Post and Cargo palettes, directly linking to the raw color values for both light and dark color schemes. (by @alizedebray with #3992)

9.0.0-next.5

9.0.0-next.4

9.0.0-next.3

Minor Changes

  • Added a new App Store Badge component for promoting apps, supporting both Google Play and Apple App Store badges. (by @alionazherdetska with #3731)

9.0.0-next.2

9.0.0-next.1

9.0.0-next.0

8.2.0

0.1.0

Minor Changes

  • Added Components/Notifications tokens. Added semantic tokens (mode/light, mode/dark, device/desktop, device/tablet, device/mobile, channel/idk, channel/edk and theme/post), to link core tokens to the Components/Notifications tokens. (by @oliverschuerch with #3262)

  • Added core tokens for color, dimensions, font-weight, font-size, line-height, letter-spacing, font-family, elevation and border. (by @oliverschuerch with #3262)

  • Added Components/Interactives tokens. Added semantic tokens (mode/light, mode/dark, device/desktop, device/tablet, device/mobile, channel/idk, channel/edk and theme/post), to link core tokens to the Components/Interactives tokens. (by @oliverschuerch with #3262)