design-system
design-system copied to clipboard
The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.
### Description Utilities to quickly configure how content overflows an element. ### Design https://getbootstrap.com/docs/5.3/utilities/overflow/ ### Tokens - [ ] Tokens for this component are ready ### Tasks ```[tasklist] ### 💻...
### Description Utilities to modify how the content of a [replaced element](https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element), such as an or , should be resized to fit its container. ### Design https://getbootstrap.com/docs/5.3/utilities/object-fit/ ### Tokens -...
### Description Utilities to control the opacity of elements. ### Design https://getbootstrap.com/docs/5.3/utilities/opacity/ ### Tokens - [ ] Tokens for this component are ready ### Tasks ```[tasklist] ### 💻 Tasks -...
### Description Utility classes that change how users interact with contents of a website. ### Design https://getbootstrap.com/docs/5.3/utilities/interactions/ ### Tokens - [ ] Tokens for this component are ready ### Tasks...
### Description Responsive float utilities to toggle floats on any element, across any breakpoint. ### Design https://getbootstrap.com/docs/5.3/utilities/float/ ### Tokens - [ ] Tokens for this component are ready ### Tasks...
**Describe the bug** The navigation does not render correctly with the current blueprint default setup:  **To Reproduce** Create an intranet project with the blueprint **Additional context** https://teams.microsoft.com/l/message/19:[email protected]/1727450527448?tenantId=3ae7c479-0cf1-47f4-8f84-929f364eff67&groupId=123c7c9e-052a-40e6-98d3-6cc6d46bad0a&parentMessageId=1727450527448&teamName=Design%20System&channelName=%F0%9F%9A%91%20Support&createdTime=1727450527448
### Description Simple classes to allow users to set the display of any HTML element. ### Design There is no design for the utilities ### Tokens - [ ] Tokens...
# Description Implement styles for the action list component ## Design https://www.figma.com/design/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?node-id=30036-39980&node-type=frame&t=9S5ISrEjDt8dXCYT-0 - [x] Documentation final ## Tokens - [ ] Tokens for this component are ready ```[tasklist] ## Tasks...
The accessibility docs at https://design-system.post.ch/?path=/docs/46da78e8-e83b-4ca1-aaf6-bbc662efef14--docs are incomplete. ```[tasklist] ### Tasks - [x] **Labels**: Write accessibility guide about form labels (visible and invisible), aria-label, ... - [ ] https://github.com/swisspost/design-system/issues/2261 ```