vaadin / react-components

15 stars 4 forks source link

fix: handle backslash in font-icons when generating CSS #266

Closed web-padawan closed 1 month ago

web-padawan commented 1 month ago

Description

Related to finding from https://github.com/vaadin/web-components/issues/7976#issuecomment-2418975229

This fixes the output of CSS generator script to look like the one we had in the original repository.

Before

  html {
    --lumo-icons-align-center: '\\ea01';
    --lumo-icons-align-left: '\\ea02';
    --lumo-icons-align-right: '\\ea03';
    /* ... */
  }

After

  html {
    --lumo-icons-align-center: '\ea01';
    --lumo-icons-align-left: '\ea02';
    --lumo-icons-align-right: '\ea03';
    /* ... */
  }

Type of change

Note

Can be tested by running the following npm script:

npm run build:generate-css -w @vaadin/react-components