stone-kit/README.md

uikit for redesign

# Stone-kit

Uikit for stone redesign 2.0

## Installation

Package installation:

```bash
npm i stone-kit@latest
```

## Usage

For Next.js page router in App.tsx:

```bash
import 'stone-kit/dist/style.css'
```

and then:

```bash
import {Button} from 'stone-kit'
```

For other projects u can immediately:

```bash
import {Button} from 'stone-kit'
```

## Docs

### ButtonProps

size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'

pre: optional, insert icon/text before button text. type: ReactNode

post: optional, insert icon/text after button text. type: ReactNode

variant: optional, color variants of button. type:
'blue',
'gray',
'whiteStroke',
'sokolniki',
'black',
'whiteFilled'

width: optional, width of button. type: 'auto' | 'full'

additionalClass: optional, add your custom class to button. type: 'string'

as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.

### MobileButtonProps

### Tag

## Storybook в Docker

### Запуск production-сборки

Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:

1.  Убедитесь, что в корне проекта есть файлы `Dockerfile.prod` и `docker-compose.prod.yml`.
2.  Выполните команду:docker system prune
    ```sh
    docker compose -f docker-compose.prod.yml up -d --force-recreate
    ```
3.  После завершения сборки и запуска, Storybook будет доступен по адресу `http://localhost:8080`.


```
openssl req -x509 -nodes -days 365 \
  -newkey rsa:2048 \
  -keyout certs/privkey.key \
  -out certs/fullchain.crt \
  -subj "/CN=storybook.stone.ru"



openssl req -x509 -nodes -newkey rsa:2048 \
    -days 365 -subj "/CN=storybook.stone.ru" \
    -keyout certs/privkey.key \
    -out certs/fullchain.crt

```