@prizm-ui/flag-icons
v5.0.0
Published
Prizm UI flags icon pack library http://prizm.zyfra.com
Downloads
1,501
Readme
Flag icons
Библиотека иконок с флагами. Генерируется двух форматах
- шрифты (В процессе)
- svg файлы
TODO
[ ] написать билдер что бы не приходилось вручную делать изменения описанные ниже [ ] написать схематику для ng-add что бы добавляли пути к css в проект
Важно
Неправилльные файлы
Дизайнеры должны также передать файлы svg которые подходят для генерации шрифтов
Неправилльные названия
Дизайнеры передают только файлы флагов в формате svg с полным навазние типа "AD - Andorra.svg" Мы предварительно должны их очистить оставив только абривиатуру, что бы названия файла было типа "AD.svg" Только после этого проверить запуск
Отрицательные значения
Если атрибуты rx в svg элементах отрицательны то шрифты не будут генеряться, пока устанавливаем 0 в ручную
После генерации svg-to-ts
1. После генерации svg-to-ts, необходимо вручную изменить name у PrizmIconSvgFlagSvg добавив туда prizmIconFlagSvg my-icons.ts
export interface PrizmIconSvgFlagSvg {
name: PrizmIconSvgFlagSvgEnum | prizmIconFlagSvg;
data: string;
}
2. также важно изменить названия константы competeSet на PRIZM_ICON_FLAGS_SVG_SET в файле my-icons.ts
Как сгенерить svg иконки
- Открыть папку конфига (./configs)
- Проверить наличие файла ".svg-to-tsrc.js"
- Запустить комманду "svg-to-ts-constants"
Как сгенерить шрифты иконки
- Открыть папку конфига (./configs)
- Проверить наличие файла ".fantsticiconrc.js"
- Запустить комманду "fantasticon"
Что используем
- Для файлов svg: svg-to-ts-constants
- Для шрифтов: fantasticon
- Figma plugin для экспорта Advanced-SVG-Export