mimir-ui-kit 1.11.0 → 1.13.0
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/assets/Button.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/Uploader.css +1 -1
- package/dist/assets/UploaderPhotos.css +1 -1
- package/dist/components/Button/Button.js +23 -23
- package/dist/components/ListPhotos/ListPhotos.js +1 -1
- package/dist/components/Uploader/Uploader.js +3 -4
- package/dist/components/UploaderPhotos/UploaderPhotos.js +2 -4
- package/package.json +1 -1
package/dist/assets/Button.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.
|
1
|
+
._button_13f7n_2{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--font-weight-text-semibold);font-size:var(--button-font-size);font-family:var(--font-inter);line-height:var(--line-height-text-s1);white-space:nowrap;text-transform:uppercase;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_13f7n_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_13f7n_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_13f7n_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_13f7n_2._clear_13f7n_41:focus{box-shadow:none}._button_13f7n_2 svg{color:currentcolor;fill:currentcolor}._button_13f7n_2 svg path{color:currentcolor;fill:currentcolor}._xs_13f7n_53{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._s_13f7n_61{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-gap: 4px;--button-border-radius: var(--button-border-radius-s)}._m_13f7n_69{--button-height: var(--button-height-m);--button-font-size: var(--size-text-m);--button-space: var(--control-space-m);--button-gap: 8px;--button-border-radius: var(--button-border-radius-m)}._l_13f7n_77{--button-height: var(--button-height-l);--button-font-size: var(--size-text-m);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_13f7n_85{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-gap: 8px;--button-border-radius: var(--button-border-radius-l);--button-font-size: var(--size-text-m);font-weight:var(--font-weight-text-medium)}._xxl_13f7n_94{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);--button-gap: 8px;font-weight:var(--font-weight-text-medium);--button-font-size: var(--size-text-m)}._m-s_13f7n_103{--button-height: var(--button-height-ms);border-radius:var(--control-radius-xs)!important;--button-gap: var(--space-2xs);--button-font-size: var(--size-text-s);font-weight:var(--font-weight-text-regular)}._default-button_13f7n_111{border-radius:var(--control-radius)}._default-button_13f7n_111._primary-sapphire_13f7n_114{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_13f7n_111._primary-citrine_13f7n_123{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_13f7n_111._secondary-asphalt_13f7n_132{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_13f7n_111._secondary-gray_13f7n_141{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_13f7n_111._secondary-white_13f7n_150{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white);--button-color: var(--dark-text);--button-border: transparent}._default-button_13f7n_111._secondary-red_13f7n_159{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_13f7n_169{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_13f7n_169._black_13f7n_176{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_13f7n_169._gray_13f7n_185{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_13f7n_169._white_13f7n_194{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._full_13f7n_204{display:flex;justify-content:center;width:100%}._disabled_13f7n_210{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_13f7n_210:hover,._disabled_13f7n_210:active,._disabled_13f7n_210:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_13f7n_221{justify-content:center;min-width:var(--button-height);padding:0}
|
@@ -1 +1 @@
|
|
1
|
-
._list-
|
1
|
+
._list-photos_1k3c7_2{display:flex;gap:var(--space-m)}._list-photos_1k3c7_2 li{position:relative;width:64px;height:64px;overflow:hidden;border-radius:var(--control-radius);box-shadow:0 0 #16172705,0 2px 4px #16172705,0 6px 6px #16172705,0 15px 9px #16172703}._list-photos_1k3c7_2 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._list-photos_1k3c7_2 button{position:absolute;top:4px;right:4px}
|
package/dist/assets/Uploader.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
._upload-
|
1
|
+
._upload-file__wrapper_165vi_2{position:relative;width:100%}._upload-file__wrapper_165vi_2 label{display:flex;flex-direction:column;gap:var(--space-m);align-items:center;justify-content:center}._upload-file__wrapper_165vi_2 label button{z-index:1}._upload-file__wrapper_165vi_2 label b{color:var(--black-100);font-weight:var(--font-weight-text-regular);font-size:var(--size-text-l2);font-family:var(--font-inter);font-style:normal;line-height:130%;text-align:center}._upload-file__wrapper_165vi_2 label ._upload-text_165vi_25{color:var(--disabled-color);font-weight:var(--font-weight-text-regular);font-size:var(--size-text-m);font-family:var(--font-inter);font-style:normal;line-height:var(--line-height-text-xxs);text-align:center}._upload-file-input_165vi_35{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;opacity:0}
|
@@ -1 +1 @@
|
|
1
|
-
._upload-
|
1
|
+
._upload-file__wrapper_udscq_2{display:flex;flex-direction:column;gap:var(--space-m)}
|
@@ -3,19 +3,19 @@ import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
3
|
import { forwardRef } from "react";
|
4
4
|
import { EButtonVariantDefault, EButtonForm } from "./constants.js";
|
5
5
|
import { Icon } from "../../icons/Icon.js";
|
6
|
-
import '../../assets/Button.css';const button = "
|
7
|
-
const clear = "
|
8
|
-
const xs = "
|
9
|
-
const s = "
|
10
|
-
const m = "
|
11
|
-
const l = "
|
12
|
-
const xl = "
|
13
|
-
const xxl = "
|
14
|
-
const black = "
|
15
|
-
const gray = "
|
16
|
-
const white = "
|
17
|
-
const full = "
|
18
|
-
const disabled = "
|
6
|
+
import '../../assets/Button.css';const button = "_button_13f7n_2";
|
7
|
+
const clear = "_clear_13f7n_41";
|
8
|
+
const xs = "_xs_13f7n_53";
|
9
|
+
const s = "_s_13f7n_61";
|
10
|
+
const m = "_m_13f7n_69";
|
11
|
+
const l = "_l_13f7n_77";
|
12
|
+
const xl = "_xl_13f7n_85";
|
13
|
+
const xxl = "_xxl_13f7n_94";
|
14
|
+
const black = "_black_13f7n_176";
|
15
|
+
const gray = "_gray_13f7n_185";
|
16
|
+
const white = "_white_13f7n_194";
|
17
|
+
const full = "_full_13f7n_204";
|
18
|
+
const disabled = "_disabled_13f7n_210";
|
19
19
|
const cls = {
|
20
20
|
button,
|
21
21
|
clear,
|
@@ -25,21 +25,21 @@ const cls = {
|
|
25
25
|
l,
|
26
26
|
xl,
|
27
27
|
xxl,
|
28
|
-
"m-s": "_m-
|
29
|
-
"default-button": "_default-
|
30
|
-
"primary-sapphire": "_primary-
|
31
|
-
"primary-citrine": "_primary-
|
32
|
-
"secondary-asphalt": "_secondary-
|
33
|
-
"secondary-gray": "_secondary-
|
34
|
-
"secondary-white": "_secondary-
|
35
|
-
"secondary-red": "_secondary-
|
36
|
-
"round-button": "_round-
|
28
|
+
"m-s": "_m-s_13f7n_103",
|
29
|
+
"default-button": "_default-button_13f7n_111",
|
30
|
+
"primary-sapphire": "_primary-sapphire_13f7n_114",
|
31
|
+
"primary-citrine": "_primary-citrine_13f7n_123",
|
32
|
+
"secondary-asphalt": "_secondary-asphalt_13f7n_132",
|
33
|
+
"secondary-gray": "_secondary-gray_13f7n_141",
|
34
|
+
"secondary-white": "_secondary-white_13f7n_150",
|
35
|
+
"secondary-red": "_secondary-red_13f7n_159",
|
36
|
+
"round-button": "_round-button_13f7n_169",
|
37
37
|
black,
|
38
38
|
gray,
|
39
39
|
white,
|
40
40
|
full,
|
41
41
|
disabled,
|
42
|
-
"icon-button": "_icon-
|
42
|
+
"icon-button": "_icon-button_13f7n_221"
|
43
43
|
};
|
44
44
|
const Button = forwardRef(
|
45
45
|
(props, ref) => {
|
@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState, useEffect } from "react";
|
3
3
|
import { Button } from "../Button/Button.js";
|
4
4
|
import '../../assets/ListPhotos.css';const cls = {
|
5
|
-
"list-photos": "_list-
|
5
|
+
"list-photos": "_list-photos_1k3c7_2"
|
6
6
|
};
|
7
7
|
function ListPhotos({ value, onChange }) {
|
8
8
|
const [list, setList] = useState(value);
|
@@ -3,9 +3,9 @@ import { useId, useRef } from "react";
|
|
3
3
|
import { Icon } from "../../icons/Icon.js";
|
4
4
|
import { Button } from "../Button/Button.js";
|
5
5
|
import '../../assets/Uploader.css';const cls = {
|
6
|
-
"upload-file__wrapper": "_upload-
|
7
|
-
"upload-text": "_upload-
|
8
|
-
"upload-file-input": "_upload-file-
|
6
|
+
"upload-file__wrapper": "_upload-file__wrapper_165vi_2",
|
7
|
+
"upload-text": "_upload-text_165vi_25",
|
8
|
+
"upload-file-input": "_upload-file-input_165vi_35"
|
9
9
|
};
|
10
10
|
const MIME = {
|
11
11
|
jpeg: "image/jpeg",
|
@@ -36,7 +36,6 @@ function Uploader({
|
|
36
36
|
if (e.target.files && e.target.files[0]) {
|
37
37
|
const list = [];
|
38
38
|
Array.from(e.target.files).forEach((el) => {
|
39
|
-
console.log(el.type);
|
40
39
|
if (filesType.map((name2) => MIME[name2]).includes(el.type) && el.size / 1024 ** 2 <= maxSize) {
|
41
40
|
list.push({ file: el, id: generateId(1, 100) });
|
42
41
|
}
|
@@ -3,7 +3,7 @@ import { useState } from "react";
|
|
3
3
|
import { ListPhotos } from "../ListPhotos/ListPhotos.js";
|
4
4
|
import { Uploader } from "../Uploader/Uploader.js";
|
5
5
|
import '../../assets/UploaderPhotos.css';const cls = {
|
6
|
-
"upload-file__wrapper": "_upload-
|
6
|
+
"upload-file__wrapper": "_upload-file__wrapper_udscq_2"
|
7
7
|
};
|
8
8
|
function UploaderPhotos({
|
9
9
|
filesType,
|
@@ -26,9 +26,7 @@ function UploaderPhotos({
|
|
26
26
|
};
|
27
27
|
const onDelete = (j) => {
|
28
28
|
setPhotos(j.list);
|
29
|
-
if (j.deleteId) {
|
30
|
-
onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
|
31
|
-
}
|
29
|
+
if (j.deleteId) onChange == null ? void 0 : onChange({ type: "delete", data: j.deleteId });
|
32
30
|
};
|
33
31
|
return /* @__PURE__ */ jsxs("div", { className: cls["upload-file__wrapper"], children: [
|
34
32
|
/* @__PURE__ */ jsx(
|