Proximus design system
Important information:
Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.

Changelog

Coming up changes:

CSS/HTML
  • newPatch: CSS 2 diffrent recommended patchs SE and EBU
  • newGradient: CSS gradient from dark to purple
  • updateTables: CSS for responsive tables on mobile looking the same as on desktop
  • updateSearch autocomplete: HTML accessibility review and add JS webcomponent attribute
  • newEntry point: add HTML and CSS for extra zone
  • fixedForm: dev, remove blur from form elements
JAVASCRIPT
  • newSearch autocomplete: add webcomponent JS with keyboard functionnality (accessibility)
    Release expected date: 21 September

Released to production 2023-09-20:

HTML
  • updateMessage box: HTML accessibility reviewed
  • deprecatedMessage box: inline message box with aria-live="assertive" role="alertdialog" is deprecated

Released to production 2023-09-13:

CSS/HTML
  • newInnovation icon for Scarlet: add HTML and CSS element + scarletIcons.woff2
  • newAction link Download: add HTML and CSS element
  • newRates smiley: add HTML and CSS element
  • fixedTable: usage of rs-scroll class
  • fixedSearch autocomplete: CSS corrections on list focus
  • fixedButton waiting: force icon arrow hide

Released to production 2023-08-10:

CSS/HTML
  • updateHeader 2022: CSS header flex to grid, mobile icon position update