open-index/open-npm huggingface dataset:
npm package: @self-kit/form
Description: В данном пакете находятся обёртки компонентов формы для react hook form дизайн-системы Self-kit.
Author: zlobin_andy
Latest version: 2.5.0

# @self-kit/form

В данном пакете находятся обёртки компонентов формы для react hook form дизайн-системы Self-kit.

# Migration guide

## 1.0.0 -> 2.0.0

Все элементы пакета получили префиксы form.
Необходимо заменить названия компонентов и хуков на новые.

```ts
import { useForm, useFormWatch, useFormController, FormSubmitButton } from '@self-kit/ui';
```
npm package: @self-kit/icons
Description: Данный пакет предназначен для использования иконок. При билде пакета генерируются иконки из директорий с файлами **svg**:
Author: zlobin_andy
Latest version: 2.5.0

# @self-kit/icons

Данный пакет предназначен для использования иконок. При билде пакета генерируются иконки из директорий с файлами **svg**:

- `themed-assets` - иконки, цвет которых зависит от темы или может быть установлен через css.
- `custom-assets` - иконки, цвет которых нельзя изменить, и он не зависит от темы.

Для каждой директории существует своя генерация: `yarn generate-themed-icons` и `yarn generate-custom-icons`

Чтобы сгенерировать все иконки, необходимо запустить команду `yarn svgr`.

Сгенерированные **tsx-иконки** будут находится в следующих директориях:

- `generated-themed-icons`
- `generated-custom-icons`
npm package: @self-kit/stylelint-config-styled
Description: Stylelint config for styled
Author: zlobin_andy
Latest version: 0.1.1

# @self-kit/stylelint-config-styled

Stylelint config for styled


# Usage

## Installation

### Npm
```shell
npm i stylelint @self-kit/stylelint-config-styled --save-dev 
```

### Yarn
```shell
yarn add stylelint @self-kit/stylelint-config-styled -D
```

```.stylelintrc```
```json
{
  "extends": ["@self-kit/stylelint-config-styled"]
}
```

## Example
https://github.com/AndreyZlobin/code-style/tree/main/examples/ts-react
npm package: @self-kit/ui
Description: Пакет содержит все необходимые фичи для построения интерфейсов приложений Self-kit.
Author: zlobin_andy
Latest version: 2.5.0

# @self-kit/ui

Пакет содержит все необходимые фичи для построения интерфейсов приложений Self-kit.

# Migration guide

## 1.0.0 -> 2.0.0

### Deps
Теперь пакет ```@self-kit/ui``` аккумулирует и реэкспортит пакеты:
- ```@self-kit/fonts```
- ```@self-kit/illustrations```
- ```@self-kit/icons```
- ```@self-kit/form```
- ```@self-kit/components```

Необходимо заменить зависимости:
```json
{
  ...
  "@self-kit/icons": "^1.19.4",
  "@self-kit/form": "^1.19.4",
  "@self-kit/fonts": "^1.19.4",
  "@self-kit/ui": "^1.19.4",
  ...
}
```

На:
```json
{
  ...
  "@self-kit/ui": "^1.19.4",
  ...
}
```

### global.d.ts

Заменить файл ```global.d.ts```: <br>
```global.d.ts```
```ts
/// <reference types="@self-kit/ui/declaration/emotion" />
/// <reference types="@self-kit/ui/declaration/mui-material" />
/// <reference types="@emotion/react/types/css-prop" />
```

На: <br>
```global.d.ts```
```ts
/// <reference types="@self-kit/ui/declarations" />
```

### fonts
Пакет ```@self-kit/fonts``` включен в пакет ```@self-kit/ui```.

Необходимо заменить импорты:
```ts
import UbuntuBoldWoff from '@self-kit/fonts/UbuntuBold.woff';
import UbuntuBoldWoff2 from '@self-kit/fonts/UbuntuBold.woff2';
```

На:
```ts
import UbuntuBoldWoff from '@self-kit/ui/fonts/UbuntuBold.woff';
import UbuntuBoldWoff2 from '@self-kit/ui/fonts/UbuntuBold.woff2';
```

И внести соответвующие правки в конфиг сборщика для того, чтобы @self-kit/ui/fonts обрабатывались как шрифты.

### illustrations
Пакет ```@self-kit/illustrations``` включен в пакет ```@self-kit/ui```.

Необходимо заменить импорты:
```ts
import certImgSrc from '@self-kit/illustrations/cert.svg';
```

На:
```ts
import certImgSrc from '@self-kit/ui/illustrations/cert.svg';
```

И внести соответвующие правки в конфиг сборщика для того, чтобы @self-kit/ui/fonts обрабатывались как шрифты.

### @self-kit/form 
Все элементы пакета ```@self-kit/form``` получили префиксы form.
Весь ```@self-kit/form``` теперь экспортируется из ```@self-kit/ui```.

```ts
import { useForm, useFormWatch, useFormController } from '@self-kit/ui';
```

### @self-kit/icons
Весь ```@self-kit/icons``` теперь экспортируется из ```@self-kit/ui```.

```ts
import { QuitOutlineMd } from '@self-kit/ui';
```

### DatePickerProvider
Компонент был удален, используйте ConfigProvider.