scania-digital-design-system/sdds

[Bug report]: duplicated color variables generated in the css

Closed this issue · 1 comments

Requirements before reporting

  • No duplicated issue reported.
  • I have read the contribution guidelines.
  • I have checked the lastest version if the bug exist there. See all avaliable packages at npmJS.com
  • I have made sure that the issue comes from SDDS packages by removing SDDS from my project as a test.
  • I have followed the installation guide.

Package

@scania/colour

Package versions

2.0.1

Browser

Chrome

Framework

Angular

Version

12+

Reproduction steps

  1. Open an app that uses sdds
  2. Inspect the HTML element in the browser
  3. Scroll to the part with the color variables
  4. See the multiple instances of the CSS variables

Code example

Screenshots

image

Where to look
image

Expected behaviour

The colors should only be output once in the HTML.

Possible cause:
The color package has files that import the tokens.scss file multiple time
Screenshot 2022-05-12 at 16 13 30
Screenshot 2022-05-12 at 16 13 18

Console errors

No console problem

Contact information

No response

AB#1927

Added to our backlog!