Socket
Book a DemoInstallSign in
Socket

@prizm-ui/flag-icons

Package Overview
Dependencies
Maintainers
2
Versions
493
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@prizm-ui/flag-icons

Prizm UI flags icon pack library http://prizm.zyfra.com

latest
npmnpm
Version
5.9.0
Version published
Maintainers
2
Created
Source

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

FAQs

Package last updated on 03 Apr 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts