feat(Theming): mat-sys-space

[rbalet]

trafficstars

Feature Description

Having a new set of space token Proposed space & naming found in the following article https://uxdesign.cc/ui-cheat-sheet-spacing-friendships-e37a6fccc407

:root {
  --mat-sys-space-smallest: 4px; /* BBFE */
  --mat-sys-space-smaller: 8px; /* Best friends */
  --mat-sys-space-small: 12px;
  --mat-sys-space: 16px; /* Close friends */
  --mat-sys-space-big: 24px; /* Close-ish friends */
  --mat-sys-space-bigger: 32px; /* Friends */
  --mat-sys-space-biggest: 64px; /* Acquaintances */
  --mat-sys-space-giant: 72px; /* Distant acquaintances */
  --mat-sys-space-gargantuan: 128px; /* Stranger */
}

Use Case

Ensure UI coherence across components