add new components

.storybook/preview-head.html

@@ -1 +1,17 @@
 <link rel="stylesheet" href="./fonts.css" />
+<style>
+    body {
+        font-family: "Iset Sans", sans-serif;
+        color: white;
+        text-rendering: optimizeLegibility;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-text-size-adjust: 100%;
+        -ms-font-feature-settings: "kern" 1;
+        font-feature-settings: "kern";
+    }
+
+    * {
+        box-sizing: border-box;
+    }
+</style>

.storybook/preview.js

@@ -1,9 +1,18 @@
 export const parameters = {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-        matchers: {
-            color: /(background|color)$/i,
-            date: /Date$/,
-        },
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
     },
+  },
+  backgrounds: {
+    default: 'dark',
+    values: [
+      {
+        name: 'dark',
+        value: '#141D34',
+      },
+    ],
+  },
 };

README.md

@@ -8,20 +8,28 @@ React components for ekaterinburgdev projects
 
 <img src="https://github.com/ekaterinburgdev/ekaterinburg-ui/assets/22644149/0368caab-711d-456a-b707-6e46eafa8bcc" width="388" />
 
+## Installation
 
+```
+pnpm i ekb
 
-## Development
-
-1. Install [Node.js](https://nodejs.org/en/download/) and [pnpm](https://www.npmjs.com/package/pnpm#user-content-usage)
+Add ekb/fonts.css
+```
 
-2. Install dependencies
+## Local server
 
 ```
-pnpm i
+pnpm start
 ```
 
-3. Run local server
+## Local linking development
+
+If you want to test this library without tag publishing you can link the package:
 
 ```
-pnpm start
+pnpm build
+
+pnpm link --global
+cd OTHER_PROJECT_WITH_THIS_PACKAGE
+pnpm link --global ekb
 ```

package.json

@@ -1,7 +1,22 @@
 {
   "name": "ekb",
   "type": "module",
-  "version": "1.1.5",
+  "version": "1.2.0-rc.0",
+  "files": [
+    "dist"
+  ],
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/ekb.es.js",
+      "require": "./dist/ekb.umd.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/ekaterinburgdev/ekaterinburg-ui.git"
@@ -16,15 +31,17 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "autoprefixer": "^10.4.16",
     "classnames": "^2.3.2",
-    "postcss": "^8.4.32",
-    "postcss-nesting": "^12.0.2",
+    "framer-motion": "^10.16.16",
+    "polished": "^4.2.2",
     "react": "^18.2.0",
+    "react-aria": "^3.31.0",
     "react-dom": "^18.2.0",
     "react-focus-lock": "^2.9.6",
     "react-hotkeys-hook": "^4.4.1",
-    "vite-plugin-svgr": "^3.3.0"
+    "react-modal-sheet": "^2.2.0",
+    "react-stately": "^3.29.0",
+    "styled-components": "^6.1.6"
   },
   "devDependencies": {
     "@babel/core": "^7.23.6",
@@ -40,27 +57,15 @@
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
     "@vitejs/plugin-react": "^3.1.0",
+    "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
+    "babel-plugin-styled-components": "^2.1.4",
+    "postcss": "^8.4.32",
+    "postcss-nesting": "^12.0.2",
     "storybook": "^7.6.6",
     "typescript": "^5.3.3",
     "vite": "^4.5.1",
-    "vite-plugin-dts": "^1.7.3"
-  },
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/ekb.umd.js",
-  "module": "./dist/ekb.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/ekb.es.js",
-      "require": "./dist/ekb.umd.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./style.css": {
-      "import": "./dist/style.css",
-      "require": "./dist/style.css"
-    }
+    "vite-plugin-dts": "^1.7.3",
+    "vite-plugin-svgr": "^3.3.0"
   }
 }