fsk-design-system 1.0.12 → 1.0.14

package/README.md

@@ -1,96 +1,96 @@
-# FSK Design System
-
-Универсальная дизайн-система с поддержкой тем и кастомных UI-компонентов.
-
-## 📦 Установка
-
-```bash
-npm install fsk-design-system
-```
-
-## ⚡ Быстрый старт
-
-1. **Импортируйте стили дизайн-системы в корневом файле:**
-
-```ts
-import 'fsk-design-system/styles.css';
-```
-
-2. **Оберните приложение в `ThemeProvider`:**
-
-```tsx
-import { ThemeProvider } from 'fsk-design-system';
-
-const App = () => (
-  <ThemeProvider>
-    {/* Ваш код */}
-  </ThemeProvider>
-);
-```
-
-3. **Оберните приложение в `ConfigProvider` для русификации:**
-
-```tsx
-import ConfigProvider from "antd/es/config-provider"
-import ruRU from "antd/locale/ru_RU"
-
-const App = () => (
-  <ConfigProvider locale={ruRU}>
-    {/* Ваш код */}
-  </ConfigProvider>
-);
-```
-
-## 🔹 Смена темы через хук `useTheme`
-
-```tsx
-import { useTheme } from 'fsk-design-system';
-
-const ThemeSwitcher = () => {
-  const { changeTheme } = useTheme();
-
-  return (
-    <button onClick={() => changeTheme('dark')}>
-      Переключить на тёмную тему
-    </button>
-  );
-};
-```
-
-## 🎨 Доступные темы
-
-| Название темы | Описание       |
-|---------------|----------------|
-| `light`       | Светлая тема (по умолчанию) |
-| `dark`        | Тёмная тема    |
-
-## 🧩 Компоненты
-
-> Полный список компонентов — см. в [документации](https://design-system.k8s-dev.fsk.ru/)
-
-Пример:
-
-```tsx
-import { Button } from 'fsk-design-system';
-
-<Button size="xl" type="main-secondary">Click me</Button>
-```
-
-## 📌 Требования
-
-```json
-"dependencies": {
-  "@emotion/css": "^11.13.5",
-  "@emotion/react": "^11.13.3",
-  "@emotion/styled": "^11.13.0",
-  "antd": "^5.23.4",
-  "react": "^18.3.1",
-  "react-dom": "^18.3.1"
-}
-```
-
-```bash
-npm install @emotion/css@^11.13.5 @emotion/react@^11.13.3 @emotion/styled@^11.13.0 antd@^5.23.4 react@^18.3.1 react-dom@^18.3.1
-```
-
+# FSK Design System
+
+Универсальная дизайн-система с поддержкой тем и кастомных UI-компонентов.
+
+## 📦 Установка
+
+```bash
+npm install fsk-design-system
+```
+
+## ⚡ Быстрый старт
+
+1. **Импортируйте стили дизайн-системы в корневом файле:**
+
+```ts
+import 'fsk-design-system/styles.css';
+```
+
+2. **Оберните приложение в `ThemeProvider`:**
+
+```tsx
+import { ThemeProvider } from 'fsk-design-system';
+
+const App = () => (
+  <ThemeProvider>
+    {/* Ваш код */}
+  </ThemeProvider>
+);
+```
+
+3. **Оберните приложение в `ConfigProvider` для русификации:**
+
+```tsx
+import ConfigProvider from "antd/es/config-provider"
+import ruRU from "antd/locale/ru_RU"
+
+const App = () => (
+  <ConfigProvider locale={ruRU}>
+    {/* Ваш код */}
+  </ConfigProvider>
+);
+```
+
+## 🔹 Смена темы через хук `useTheme`
+
+```tsx
+import { useTheme } from 'fsk-design-system';
+
+const ThemeSwitcher = () => {
+  const { changeTheme } = useTheme();
+
+  return (
+    <button onClick={() => changeTheme('dark')}>
+      Переключить на тёмную тему
+    </button>
+  );
+};
+```
+
+## 🎨 Доступные темы
+
+| Название темы | Описание       |
+|---------------|----------------|
+| `light`       | Светлая тема (по умолчанию) |
+| `dark`        | Тёмная тема    |
+
+## 🧩 Компоненты
+
+> Полный список компонентов — см. в [документации](https://design-system.k8s-dev.fsk.ru/)
+
+Пример:
+
+```tsx
+import { Button } from 'fsk-design-system';
+
+<Button size="xl" type="main-secondary">Click me</Button>
+```
+
+## 📌 Требования
+
+```json
+"dependencies": {
+  "@emotion/css": "^11.13.5",
+  "@emotion/react": "^11.13.3",
+  "@emotion/styled": "^11.13.0",
+  "antd": "^5.23.4",
+  "react": "^18.3.1",
+  "react-dom": "^18.3.1"
+}
+```
+
+```bash
+npm install @emotion/css@^11.13.5 @emotion/react@^11.13.3 @emotion/styled@^11.13.0 antd@^5.23.4 react@^18.3.1 react-dom@^18.3.1
+```
+
 ---