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.
This custom legacy rules (located under `styles/src/layouts/portal/_grid.scss`) do block every attempt to set the gutter width through the utility classes `g-n`, `gx-n` and `gy-n`, on screens bigger/equal to the `rg`...
For the `swisspost-internet-header` component to remain standalone when using the post-logo component, it should: ```[tasklist] ### Tasks - [ ] check if the post-logo exists in the CustomElementRegistry with `customElements.get('post-logo')`...
Sometimes icons available in Experience Hub are missing from the icon package (e.g. icon 2204 at the time I create this ticket). Since this is not due to an error...
In CSS (Cascading Style Sheets), inheritance is one of the core concepts that reduces the amount of code needed to style a website considerably. The current approach to defining typography...
Card-control styles only adapt colors for dark backgrounds. The following example is therefore not displayed correctly: ```html ```  The issue is fixed for the web component on browsers that...
In the component token layer (currently exported as one sass file with two maps), components are not consistently named. Notifications and Buttons are two components, but Button tokens are nested...
- [ ] remove accent colors - [ ] check for usage
### Description Create a custom select web component. For disambiguation with similar patterns (menu, split button), head over to https://github.com/swisspost/design-system/discussions/1888. ### Design https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=21-183 ### Accessibility requirements & behavior https://www.w3.org/WAI/ARIA/apg/patterns/combobox/ ###...
### Description ### Description ### Open issues: **Design:** - [ ] New font - [ ] Spacing **Tokens:** - [ ] Text ### Design https://www.figma.com/design/JIT5AdGYqv6bDRpfBPV8XR/Foundations-%26-Components-Next-Level?node-id=21-173 ### Tokens - [X] Tokens...
### Description Single link in the breadcrumbs linklist. Needs to be nested inside ``. ### Description ### Open issues: **Design:** - [ ] New font - [ ] Spacing **Tokens:**...