mimir-ui-kit 0.0.22 → 0.0.24

package/README.md

@@ -0,0 +1,29 @@
+# Mimir-ui
+
+## Установка и запуск проекта
+1. Установите зависимости:
+   ```bash
+   npm install
+2. Запуск storybook
+    ```bash
+   npm run storybook
+## Сборка проекта
+1. Скрипт для сборки
+    ```bash
+    npm run build
+## Поднятие версии для публикации на npm
+Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
+
+1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
+     ```bash
+    npm version patch
+2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
+     ```bash
+    npm version minor
+3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
+     ```bash
+    npm version major
+## Публикация на npm
+1. Скрипт для публикации на npm:
+    ```bash
+    npm publish

package/dist/assets/InputPassword.css

@@ -1 +1 @@
-._input_1eiiw_1{padding-right:var(--space-3xl)}._wrapper_1eiiw_5{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_1eiiw_5 svg{color:inherit;fill:inherit}._button-wrapper_1eiiw_16{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1eiiw_16{flex:1;align-self:center;background-color:transparent;border-radius:8px}
+._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}

package/dist/assets/OtpInput.css

@@ -1 +1 @@
-._otp_f763c_1{display:flex;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}._input-wrapper_f763c_7{flex:0 0 64px;padding:0}._input_f763c_7{text-align:center}._separator_f763c_16{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}
+._otp_jnjdw_2{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 767px){._otp_jnjdw_2{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_jnjdw_14{flex:0 0 64px;padding:0}@media (max-width: 767px){._input-wrapper_jnjdw_14{flex:0 0 48px}}._input_jnjdw_14{text-align:center}._separator_jnjdw_28{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}

package/dist/components/InputPassword/InputPassword.js

@@ -2,13 +2,14 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { memo, forwardRef, useState } from "react";
 import { Input } from "../Input/Input.js";
 import { Eye } from "../icons/Eye.js";
-import '../../assets/InputPassword.css';const input = "_input_1eiiw_1";
-const wrapper = "_wrapper_1eiiw_5";
-const button = "_button_1eiiw_16";
+import '../../assets/InputPassword.css';const input = "_input_1vatm_1";
+const wrapper = "_wrapper_1vatm_5";
+const button = "_button_1vatm_20";
 const cls = {
   input,
   wrapper,
-  "button-wrapper": "_button-wrapper_1eiiw_16",
+  "input-wrapper": "_input-wrapper_1vatm_16",
+  "button-wrapper": "_button-wrapper_1vatm_20",
   button
 };
 const InputPassword = memo(
@@ -22,12 +23,13 @@ const InputPassword = memo(
           {
             ref,
             className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
             size,
             type: showPassword ? "text" : "password",
             ...props
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Eye, {}) }) })
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx("button", { type: "button", className: cls.button, onClick: handleClick, children: /* @__PURE__ */ jsx(Eye, {}) }) })
       ] });
     }
   )

package/dist/components/OtpInput/OtpInput.js

@@ -3,12 +3,12 @@ import { forwardRef, useRef, useImperativeHandle, useMemo, Fragment } from "reac
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import { Input } from "../Input/Input.js";
 import { RE_DIGIT, ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
-import '../../assets/OtpInput.css';const otp = "_otp_f763c_1";
-const input = "_input_f763c_7";
-const separator = "_separator_f763c_16";
+import '../../assets/OtpInput.css';const otp = "_otp_jnjdw_2";
+const input = "_input_jnjdw_14";
+const separator = "_separator_jnjdw_28";
 const cls = {
   otp,
-  "input-wrapper": "_input-wrapper_f763c_7",
+  "input-wrapper": "_input-wrapper_jnjdw_14",
   input,
   separator
 };
@@ -18,6 +18,7 @@ const OtpInput = forwardRef(
     valueLength = DEFAULT_VALUE_LENGTH,
     needSeparator = true,
     onChange,
+    className,
     ...props
   }, ref) => {
     const inputRefs = useRef([]);
@@ -108,7 +109,7 @@ const OtpInput = forwardRef(
       }
       target.setSelectionRange(0, target.value.length);
     };
-    return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp), children: valueItems.map((digit, idx) => {
+    return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp, className), children: valueItems.map((digit, idx) => {
       const nextIndex = idx + 1;
       const showSeparator = needSeparator && nextIndex % ITEMS_PER_SEPARATOR === 0 && nextIndex !== valueItems.length;
       return /* @__PURE__ */ jsxs(Fragment, { children: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.24",
   "type": "module",
   "exports": "./dist/index.js",
   "module": "./dist/index.js",