mimir-ui-kit 0.0.22 → 0.0.23
Sign up to get free protection for your applications and to get access to all the features.
package/README.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# Mimir-ui
|
|
2
|
+
|
|
3
|
+
## Установка и запуск проекта
|
|
4
|
+
1. Установите зависимости:
|
|
5
|
+
```bash
|
|
6
|
+
npm install
|
|
7
|
+
2. Запуск storybook
|
|
8
|
+
```bash
|
|
9
|
+
npm run storybook
|
|
10
|
+
## Сборка проекта
|
|
11
|
+
1. Скрипт для сборки
|
|
12
|
+
```bash
|
|
13
|
+
npm run build
|
|
14
|
+
## Поднятие версии для публикации на npm
|
|
15
|
+
Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
|
|
16
|
+
|
|
17
|
+
1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
|
|
18
|
+
```bash
|
|
19
|
+
npm version patch
|
|
20
|
+
2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
|
|
21
|
+
```bash
|
|
22
|
+
npm version minor
|
|
23
|
+
3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
|
|
24
|
+
```bash
|
|
25
|
+
npm version major
|
|
26
|
+
## Публикация на npm
|
|
27
|
+
1. Скрипт для публикации на npm:
|
|
28
|
+
```bash
|
|
29
|
+
npm publish
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._input_1vatm_1{padding-right:var(--space-3xl)}._wrapper_1vatm_5{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_1vatm_5 svg{color:inherit;fill:inherit}._input-wrapper_1vatm_16{flex:1}._button-wrapper_1vatm_20{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1vatm_20{flex:1;align-self:center;background-color:transparent;border-radius:8px}
|
|
@@ -2,13 +2,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { memo, forwardRef, useState } from "react";
|
|
3
3
|
import { Input } from "../Input/Input.js";
|
|
4
4
|
import { Eye } from "../icons/Eye.js";
|
|
5
|
-
import '../../assets/InputPassword.css';const input = "
|
|
6
|
-
const wrapper = "
|
|
7
|
-
const button = "
|
|
5
|
+
import '../../assets/InputPassword.css';const input = "_input_1vatm_1";
|
|
6
|
+
const wrapper = "_wrapper_1vatm_5";
|
|
7
|
+
const button = "_button_1vatm_20";
|
|
8
8
|
const cls = {
|
|
9
9
|
input,
|
|
10
10
|
wrapper,
|
|
11
|
-
"
|
|
11
|
+
"input-wrapper": "_input-wrapper_1vatm_16",
|
|
12
|
+
"button-wrapper": "_button-wrapper_1vatm_20",
|
|
12
13
|
button
|
|
13
14
|
};
|
|
14
15
|
const InputPassword = memo(
|
|
@@ -22,12 +23,13 @@ const InputPassword = memo(
|
|
|
22
23
|
{
|
|
23
24
|
ref,
|
|
24
25
|
className: cls.input,
|
|
26
|
+
wrapperClassName: cls["input-wrapper"],
|
|
25
27
|
size,
|
|
26
28
|
type: showPassword ? "text" : "password",
|
|
27
29
|
...props
|
|
28
30
|
}
|
|
29
31
|
),
|
|
30
|
-
/* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Eye, {}) }) })
|
|
32
|
+
/* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { type: "button", className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Eye, {}) }) })
|
|
31
33
|
] });
|
|
32
34
|
}
|
|
33
35
|
)
|