design-system
design-system copied to clipboard
swisspost
The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.
### Description For quoting blocks of content from another source within your document. ### Design https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=4204-33806&t=MIUFMPO2Meg2xFcc-1 ### Tokens - [ ] Tokens for this component are ready ### Tasks ```[tasklist]...
The current documentation (https://design-system.post.ch) includes a broken `versions.json` file. ```[tasklist] ### Tasks - [x] Update the `versions.json` by removing the `swisspost-` prefixes from the old (v6, v7) major version urls....
### Description Create the button component with tokens and new styles. The button should be backwards compatible with v1, this means that the same selectors should be used to style...
Sass True is a unit testing tool for Sass code. It could give us a better structure and more possibilities with to test our styles. https://www.npmjs.com/package/sass-true
### Description Flexbox utilities to manage the layout, alignment, and sizing of grid columns, navigation, components, and more. ### Design https://getbootstrap.com/docs/5.3/utilities/flex/ ### Tokens - [ ] Tokens for this component...
### Description The form footer is placed at the end/bottom of a form or a form step, in case the form is splitted with a stepper. It provides workflow-related actions...
### Description The `` component is a very versatile component used throughout the header and footer and with various styles. The link list element has two basic slots, one for...
### Description This component replaces the [List Group](https://getbootstrap.com/docs/5.3/components/list-group/#basic-example) from Bootstrap. It should use class names that are similar to Bootstrap’s class names to make migration easier. The list classes must...