open-index/open-npm huggingface dataset:
npm package: @prizm-ui/icons
Description: Prizm UI base icon pack library http://prizm.zyfra.com
Latest version: 5.9.0

# ICONS

Библиотека иконок с флагами.
Генерируется двух форматах

- шрифты
- svg файлы

## TODO

[ ] написать билдер что бы не приходилось вручную делать изменения описанные ниже
[ ] написать схематику для ng-add что бы добавляли пути к css в проект

## Важно

### Убрать цвет

В файлах которые передают дизайнеры указан цвет, надо попросить что бы передавали без заливки, а пока заменить вручну цвет на currentColor
что бы svg работало правильно

### Неправилльные названия

Важно получить файлы без вложенных папок с уникальными названиями

### После генерации svg-to-ts

#### 1. После генерации svg-to-ts, необходимо вручную изменить name у PrizmIconSvg добавив туда prizmIconSvg | string my-icons.ts

```typescript
export interface PrizmIconSvg {
  name: PrizmIconSvgEnum | prizmIconSvg | string;
  data: string;
}
```

#### 2. также важно изменить названия константы competeSet на PRIZM_ICON_SET в файле my-icons.ts

## Как сгенерить svg иконки

1. Открыть папку конфига (./configs)
2. Проверить наличие файла ".svg-to-tsrc.js"
3. Запустить комманду "svg-to-ts-constants"

## Как сгенерить шрифты иконки

1. Открыть папку конфига (./configs)
2. Проверить наличие файла ".fantsticiconrc.js"
3. Запустить комманду "fantasticon"

## Что используем

- Для файлов svg: [svg-to-ts-constants](https://www.npmjs.com/package/svg-to-ts)
- Для шрифтов: [fantasticon](https://github.com/tancredi/fantasticon)
- Figma plugin для экспорта [Advanced-SVG-Export](https://www.figma.com/community/plugin/782713260363070260/Advanced-SVG-Export)
npm package: @prizm-ui/prizm-lite
Description: Prizm design system, zero-dependency implementation html+css.
Latest version: 0.4.0

# Prizm-lite

Prizm design system, zero-dependency implementation html+css.

**Documentation**: [lite.prizm.site](https://lite.prizm.site)

## Install

### Step 1: Install the Prizm-Lite Package

1. Install from npm.
```
  npm i @prizm-ui/prizm-lite
```

2. Download artefacts

[prizm-lite-0.0.1.tgz](https://registry.npmjs.org/@prizm-ui/prizm-lite/-/prizm-lite-0.0.1.tgz)

### Step 2: Include the Prizm-Lite Styles

Include `@prizm-ui/prizm-lite/styles.css` in your app's stylesheet. You will need to ensure your build process is setup to bundle CSS from npm packages.

```css
@import '@prizm-ui/prizm-lite/styles.css';

```

Alternatively, you can load the theme file using the npm unpkg content delivery network (CDN). See unpkg.com for more details. For example:


```html
<!-- Load the latest version -->
<link rel="stylesheet" href="https://unpkg.com/@prizm-ui/prizm-lite/styles.css" />
<!-- Or load a specific version, recommended -->
<link rel="stylesheet" href="https://unpkg.com/@prizm-ui/prizm-lite@0.0.1/styles.css" />
```

## Setup for web sites

After downloading, extract the files into the directory where your website is located. Your directory will look something like this.

```
MyWebsite/
  |--prizm-lite/
  |  |--styles.css
  |  |--Inter-Black.woff
  |  |--Inter-Bold.woff2
  |  |--...
  |--index.html
```

### HTML Setup

```html
<!DOCTYPE html>
<html>
<head>
  <!--Import styles.css-->
  <link type="text/css" rel="stylesheet" href="prizm-lite/styles.css"  media="screen,projection"/>
</head>

<body>
</body>
</html>
```


### Example templates

TODO
npm package: @prizm-ui/theme
Description: ![prizm workflow](https://github.com/zyfra/Prizm/actions/workflows/ci.yml/badge.svg)
Latest version: 5.9.0

# Prizm theme

![prizm workflow](https://github.com/zyfra/Prizm/actions/workflows/ci.yml/badge.svg)

- About: [prizm.zyfra.com](http://prizm.zyfra.com/)
- Documentation: [prizm.site](http://prizm.site/)
- Git: [github.com/zyfra/Prizm](https://github.com/zyfra/Prizm)

## Libraries

```
@prizm-ui/core

@prizm-ui/components

@prizm-ui/helpers

@prizm-ui/icons

@prizm-ui/flag-icons
```

### Default install:

You can easily install Prizm UI using Angular CLI by running the following command:

`ng add @prizm-ui/install`

### Manual install:

**Required** > Install theme and core:

```
npm i @prizm-ui/core
npm i @prizm-ui/theme
```

**Optional** > Install helpers:

```
npm i @prizm-ui/helpers
```

**Optional** > Install components:

```
npm i @prizm-ui/components
```

**Optional** > Install charts library:

```
npm i @prizm-ui/charts
```

**How setup global styles from @prizm-ui/styles ?**

Add our styles to angular config:

```json
"assets": [
// ....
],
"styles": [
// (Required) Add for use our theme
"node_modules/@prizm-ui/theme/src/styles/styles.less",
// (Optional) Add for use our components
"node_modules/@prizm-ui/components/src/styles/styles.less",
// (Optional) Add only for use our old icon set (deprecated)
"node_modules/@prizm-ui/components/src/styles/icons/icons.less",
"node_modules/@prizm-ui/components/src/styles/icons-16/icons-16.less"
],
```

Or you can add to your root styles.less

```css
// (Required) Add for use our theme
@import '~@prizm-ui/theme/src/styles/styles.less';
// (Optional) Add only for use our components library
@import '~@prizm-ui/components/src/styles/styles.less';

// (Optional) Add only for use our old icon set (deprecated)
@import '~@prizm-ui/components/src/styles/icons/icons.less';
@import '~@prizm-ui/components/src/styles/icons-16/icons-16.less';
```

How can you use our icons?

To use our icons as svg, please install our library

```
npm i @prizm-ui/icons
```

But if you want to use fonts not only as svg, and also as font, please add to your angular config

```json
"styles": [
...
"@prizm-ui/icons/base/src/styles/styles.less"
],";
```

or you can only import to your root styles.less

```css
@import '~@prizm-ui/icons/base/src/styles/styles.less';
```