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.
@@ -1 +1 @@
1
- ._button_1rja9_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_1rja9_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1rja9_2:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_1rja9_2:focus{box-shadow:0 0 2px var(--sapphire-normal)}._button_1rja9_2._clear_1rja9_41:focus{box-shadow:none}._button_1rja9_2 svg{color:currentcolor;fill:currentcolor}._button_1rja9_2 svg path{color:currentcolor;fill:currentcolor}._xs_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_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_1rja9_103{--button-height: var(--button-height-ms);border-radius:var(--control-radius-xs);--button-gap: 4px;--button-font-size: var(--size-text-s);font-weight:var(--font-weight-text-regular)}._default-button_1rja9_111{border-radius:var(--control-radius)}._default-button_1rja9_111._primary-sapphire_1rja9_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_1rja9_111._primary-citrine_1rja9_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_1rja9_111._secondary-asphalt_1rja9_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_1rja9_111._secondary-gray_1rja9_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_1rja9_111._secondary-white_1rja9_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_1rja9_111._secondary-red_1rja9_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_1rja9_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_1rja9_169._black_1rja9_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_1rja9_169._gray_1rja9_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_1rja9_169._white_1rja9_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_1rja9_204{display:flex;justify-content:center;width:100%}._disabled_1rja9_210{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_1rja9_210:hover,._disabled_1rja9_210:active,._disabled_1rja9_210:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1rja9_221{justify-content:center;min-width:var(--button-height);padding:0}
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-photos_1lzkm_2{display:flex;gap:16px}._list-photos_1lzkm_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_1lzkm_2 img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}._list-photos_1lzkm_2 button{position:absolute;right:4px;top:4px}
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}
@@ -1 +1 @@
1
- ._upload-file__wrapper_7tnzg_2{position:relative;width:100%}._upload-file__wrapper_7tnzg_2 label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}._upload-file__wrapper_7tnzg_2 label button{z-index:1}._upload-file__wrapper_7tnzg_2 label b{color:var(--black-100);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-l2);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:130%}._upload-file__wrapper_7tnzg_2 label ._upload-text_7tnzg_25{color:var(--disabled-color);text-align:center;font-family:var(--font-inter);font-size:var(--size-text-m);font-style:normal;font-weight:var(--font-weight-text-regular);line-height:var(--line-height-text-xxs)}._upload-file-input_7tnzg_36{opacity:0;position:absolute;top:0;width:100%;left:0;overflow:hidden;height:100%}
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-file__wrapper_1ltfh_2{display:flex;flex-direction:column;gap:16px}
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 = "_button_1rja9_2";
7
- const clear = "_clear_1rja9_41";
8
- const xs = "_xs_1rja9_53";
9
- const s = "_s_1rja9_61";
10
- const m = "_m_1rja9_69";
11
- const l = "_l_1rja9_77";
12
- const xl = "_xl_1rja9_85";
13
- const xxl = "_xxl_1rja9_94";
14
- const black = "_black_1rja9_176";
15
- const gray = "_gray_1rja9_185";
16
- const white = "_white_1rja9_194";
17
- const full = "_full_1rja9_204";
18
- const disabled = "_disabled_1rja9_210";
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-s_1rja9_103",
29
- "default-button": "_default-button_1rja9_111",
30
- "primary-sapphire": "_primary-sapphire_1rja9_114",
31
- "primary-citrine": "_primary-citrine_1rja9_123",
32
- "secondary-asphalt": "_secondary-asphalt_1rja9_132",
33
- "secondary-gray": "_secondary-gray_1rja9_141",
34
- "secondary-white": "_secondary-white_1rja9_150",
35
- "secondary-red": "_secondary-red_1rja9_159",
36
- "round-button": "_round-button_1rja9_169",
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-button_1rja9_221"
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-photos_1lzkm_2"
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-file__wrapper_7tnzg_2",
7
- "upload-text": "_upload-text_7tnzg_25",
8
- "upload-file-input": "_upload-file-input_7tnzg_36"
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-file__wrapper_1ltfh_2"
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(
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "mimir-ui-kit",
3
3
  "private": false,
4
- "version": "1.11.0",
4
+ "version": "1.13.0",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {