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.
 Some of these variables can be replaced by their new equivalents automatically. Extend the schematics to handle that. ```scss $white-alpha-x: rgba(var(--white-rgb), x/10); $black-alpha-x: rgba(var(--black-rgb), x/10); $primary-color: $gray-80; $secondary-color: $gray-60;...
Since they exist: https://getbootstrap.com/docs/5.3/utilities/flex/#order It would be good to document them. _Originally posted by @alizedebray in https://github.com/swisspost/design-system/pull/2463#discussion_r1452437035_
[``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) elements of type color provide a user interface element that lets a user specify a color, either by using a visual color picker interface or by entering the color...
The following Component is ready for Review: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=156%3A232&mode=design&t=BjFqk8eUHLI0mxvf-1
**Figma**: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=42%3A358&mode=design&t=QO3UJm1A4wNRIAvt-1 **Story Book:** https://next.design-system.post.ch/?path=/docs/components-accordion--docs **Comments:** - Review Accordions - Rework Accordions - Ad or update documentation -------------------- The Focus state seem to be inconsistent. The Users might be confused....
### Figma Progressbar: https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=3230%3A74235&mode=design&t=dVBMpdDtmgryaufE-1 File upload: https://www.figma.com/design/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?node-id=24961-138258&t=hZPnuA7YgRMcKv1M-4 ### Docs https://www.experience-hub.ch/document/2803#/molecules-erweiterte-elemente/loaders:67795 ### Code ```[tasklist] ### Tasks - [ ] #3157 - [ ] Create a file upload web component - [...
- [ ] check list vs. card vs. card list Component: Cards (Product Cards / Product List) #1579 **Figma** List https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=61%3A371&mode=design&t=dVBMpdDtmgryaufE-1 Cards https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=2433%3A65729&mode=design&t=v21xVVGydMFRQiHB-1 Card List https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=14937%3A92525&mode=design&t=v21xVVGydMFRQiHB-1 **Dev** https://next.design-system.post.ch/?path=/docs/components-card--docs https://design-system.post.ch/#/bootstrap-samples/card
**Figma** https://www.figma.com/file/xZ0IW0MJO0vnFicmrHiKaY/Components-Post?type=design&node-id=3230%3A74235&mode=design&t=i6IlqbsNcGrr8I6l-1 old https://www.figma.com/file/KDAqx5qYIhMt5YnB7HJVSE/post_library_atoms?type=design&node-id=0%3A984&mode=design&t=h7jkHjB3i4bxOhVk-1 https://www.figma.com/file/raFzhcFmx7rBk3zgg46kXc/post_portal_opp_layout_v58?type=design&node-id=0%3A16331&mode=design&t=8fIo91pngO4uaDF5-1 **Code** https://design-system.post.ch/#/ng-bootstrap-samples/progressbar **Doc** https://www.experience-hub.ch/document/2803#/ui-design-patterns/orientierung:65735 https://www.experience-hub.ch/document/2803#/molecules-erweiterte-elemente/loaders
When using the tooltip in an agular application, you cannot bind its id using `[id]="someVariable"` or `id="myId-{{someVariable}}"`. This give the error "No id set: must have an id, linking it...
In an Angular application, when the trigger is added to the DOM after its tooltip, it is not properly linked to it. This issue was repported by Yann Rosselet, you...