Updates

Updates

Seite besuchen

Sketch Library v1.6



**REMOVALS**

Icons
- Charging states



**EDITS/FIXES**

Spacers

- Added transparency so overlap is visible

 

Signal Colors

- Light theme

 

Accordion

- Fixed a bug where the minimum height was set to 68px instead of 56px

 

Buttons

- Fixed a bug where stretched buttons with an icon wouldn’t center content

- Removed top and bottom padding in text buttons

 

Slider

- Fixed Slider bug where “min” and “max” labels didn’t scale with input value

- Fixed Slider bug where fill didn’t scale properly with width changes

 

 

**ADDITIONS**

Icons

- eye

- eye crossed

- light crossed

- whatsapp

- system-whatsapp

- external-link

 

Signal Colors

- Dark theme

 

Badges

 

Tags

- Input and Label variants

- Small and large sizing options

 

Layout System

- Page Margins

- Layout guidelines + examples

 

Die letzten Releases der React Komponenten sind in der Audi React Library zu finden.

Seite besuchen

Ergänzung von einer Logovariante

Die folgende Variante wurden hinzugefügt:

  • Negativ 1C (eps and pdf)

Seite besuchen

Aktualisierung der Audi Type Variable

  1. Reduzierung der Dateigröße
  2. Subsets für Latein, Griechisch und Kyrillisch ergänzt

Seite besuchen

Neue Icons:

  • external-link

 

The Audi Icon Library with all SVG files and the icon font are also available on GitHub.

Seite besuchen

Neue Icons:

  • eye
  • eye-crossed
  • lights-crossed
  • whatsapp
  • system-whatsapp

 

Die Audi Icon Bibliothek mit allen SVG Files und der Iconfont sind auch auf GitHub verfügbar.

Seite besuchen

Sketch Library v1.5

**EDITS/FIXES**



Links


- Light theme idle underline color changed from Grey 30 (#b3b3b3) to Grey 60 (#666666) to meet contrast requirements.



 

Buttons


- Allowed for multiline entry on stretched buttons without an icon



 

Lists


- Fixed a bug where the list component wouldn’t allow a multiline entry

 


**ADDITIONS**



Divider



 

Datepicker


- Mobile and desktop view


- Single day selector


- Year selector

 

Die letzten Releases der React Komponenten sind in der Audi React Library zu finden.

Seite besuchen

Sketch Library v1.4.1 - includes edits from 1.2/1.3/1.4 releases



**REMOVALS**

 

Toast



**EDITS/FIXES**

 

Tabs

- Edge spacing changed to 1.5rem

- Font changed to Wide Normal for large size - *consistent with small size*

- Vertical height changed to match buttons

- Grey 50 changed to Grey 60 on "Default" state for accessibility

- Adjusted "Active" background color from Grey 10 to Grey 5 for light theme and Grey 80 to Grey 90 for dark theme.

 

Navigation Bar

- Font changed to Wide Normal for large size - consistent with small size

- Fixed minor spacing/positioning issues

- Adjusted sizing on “Scrollable Bar” to match tab heights

- Renamed to “Navigation Bar”

 

Toggle

- Complete redesign

 

Pagination

- Spacing adjustments

- Grey 50 changed to Grey 60 for accessibility

- Edited override settings for "Minimal" variant

 

Datepicker

- Complete redesign

 

Notifications

- Adapted proper shadow specifications based on elevation system

- Added outline to light theme to further distinguish container from its shadow

- Changed background color from Grey 80 to Grey 70 in dark theme

 

Icons

- Resize icons updated to current version

- Spacing issue with forward and back arrows updated

 

Radio/Checkbox

- Adjusted the spacing between items in groups from S (12px) to L (24px)

- Fixed symbol responsivity

 

Tooltips/Popovers

- Placed all non-center aligned carots to 12px from the edge to improve mobile usability

- Changed background color on dark theme from Grey 70 to Grey 80

 

Loaders

- Changed Signal Red to Progressive Red

- Changed track width from fixed 1px to a dynamic width always equal to spinner

 

Dropzones

- Aligned with CI

 

Toast

- Flipped styling for light and dark modes

- Changed Grey 70 background to Black



**REMOVALS**

 

Toggle

- Two options variant

 

Tags

 

Logos

- Audi Sport and e-tron logos

 

Cards

 

Modal w/ icon

 

Navigation Bar

- Removed shadow from “Scrollable Bar” arrow separator

 

**ADDITIONS**

 

Toggle

- Disabled states

 

Icons

- Discover card

 

Animation

- Bezier specifications for multiple platforms

 

Tabs

- Scrollable Bar

 

Loaders

- Monochrome variant and small size variant for both ”Continuous” and “Progress” spinners

 

Badges

- Additional colors and variants

 

Die letzten Releases der React Komponenten sind in der Audi React Library zu finden.

Ihr CI-Support
Können wir Ihnen helfen?