mimir-ui-kit 1.49.2 → 1.50.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ ._mini-button_1umad_2{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--asphalt-normal);background:var(--mini-button-background);border-radius:var(--mimir-control-radius-xs)}._mini-button_1umad_2 svg{color:currentcolor;fill:currentcolor}._mini-button_1umad_2 svg path{color:currentcolor;fill:currentcolor}._mini-button_1umad_2._gray_1umad_19{--mini-button-background: var(--gray-normal)}._mini-button_1umad_2._transparent_1umad_22{--mini-button-background: transparent}._mini-button_1umad_2._white_1umad_25{--mini-button-background: var(--white)}._mini-button_1umad_2:hover{color:var(--counter-text);-webkit-box-shadow:none;box-shadow:none}._mini-button_1umad_2:active{color:var(--asphalt-active);-webkit-box-shadow:none;box-shadow:none}._mini-button_1umad_2:disabled{color:var(--disabled);cursor:not-allowed}._mini-button_1umad_2:focus-visible{-webkit-box-shadow:var(--mimir-box-shadow-default);box-shadow:var(--mimir-box-shadow-default)}._mini-button_1umad_2._l_1umad_43{width:var(--button-height-xs);height:var(--button-height-xs)}._mini-button_1umad_2._m-s_1umad_47{width:var(--button-height-ms);height:var(--button-height-ms)}
@@ -0,0 +1 @@
1
+ ._textarea-wrapper_1sytk_2{--textarea-border-radius-l: 8px;--textarea-border-radius-m: 6px;--textarea-border-radius-s: 6px;--textarea-required-mark-size: 8px;--addon-left-space: 0px;--clear-button-space: 0px;--required-mark-space-right: 0px;--base-space: calc(var(--mimir-space-m) * 2);--base-right-space: 0px;position:relative;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:100%;padding:var(--textarea-space);background-color:var(--textarea-bg-color);border-bottom:1px solid transparent;border-radius:var(--textarea-border-radius);cursor:text;-webkit-transition:all .3s ease;transition:all .3s ease}._textarea-wrapper_1sytk_2:not(:last-child){margin-bottom:var(--mimir-space-2xs)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;width:auto;max-width:calc(100% - var(--textarea-right-space));height:auto;min-height:var(--textarea-line-height);margin-bottom:0;overflow:auto;font-size:var(--textarea-font-size);line-height:var(--textarea-line-height);white-space:pre-wrap;outline:none;-webkit-transition:all .3s ease;transition:all .3s ease}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2:first-letter,._textarea-wrapper_1sytk_2 ._textarea_1sytk_2:first-line{line-height:var(--textarea-line-height)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar{width:8px;height:8px}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar-track{background:var(--white);border-radius:var(--mimir-control-radius)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar-thumb{background:var(--black-80);border:2px solid var(--white);border-radius:var(--mimir-control-radius)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar{width:4px;height:4px}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar-track{border-radius:var(--mimir-control-radius-xs2)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2::-webkit-scrollbar-thumb{border:1px solid var(--white);border-radius:var(--mimir-control-radius-xs2)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2._disabled_1sytk_68{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;caret-color:transparent}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2._with-value_1sytk_73[data-placeholder]:hover:before,._textarea-wrapper_1sytk_2 ._textarea_1sytk_2:focus[data-placeholder]:hover:before{color:var(--black-60)}._textarea-wrapper_1sytk_2 ._textarea_1sytk_2[data-placeholder]:before{position:absolute;top:var(--textarea-placeholder-top);color:var(--textarea-placeholder-color);font-size:var(--textarea-placeholder-font-size);line-height:var(--textarea-placeholder-line-height);white-space:pre-wrap;-webkit-transform:translate(0%,-50%);transform:translateY(-50%);opacity:1;content:attr(data-placeholder);pointer-events:none}._textarea-wrapper_1sytk_2:hover{background-color:var(--textarea-bg-hover-color)}._textarea-wrapper_1sytk_2:hover ._textarea_1sytk_2[data-placeholder]:before{color:var(--textarea-placeholder-hover-color)}._textarea-wrapper_1sytk_2:focus-within{background-color:var(--textarea-bg-active-color);border-bottom:1px solid var(--textarea-bottom-active-color, var(--citrine-100))}._textarea-wrapper_1sytk_2._disabled_1sytk_68{--input-cursor: not-allowed;--label-color: var(--light-text);color:var(--light-text);background-color:var(--black-20);border-bottom:1px solid transparent;cursor:not-allowed;cursor:var(--input-cursor);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._textarea-wrapper_1sytk_2 svg{color:currentcolor;fill:currentcolor}._textarea-wrapper_1sytk_2 ._clear_1sytk_112[data-minibutton]{color:var(--label-color)}._textarea-wrapper_1sytk_2._has-left-addon_1sytk_115{--addon-left-space: calc(var(--mimir-space-m) * 1.5);--base-right-space: var(--base-space)}._textarea-wrapper_1sytk_2._has-clear_1sytk_119{--clear-button-space: calc(var(--mimir-space-m) * 1.5);--base-right-space: var(--base-space)}._textarea-wrapper_1sytk_2._is-required_1sytk_123{--required-mark-space-right: calc(var(--mimir-space-m) * 1.5);--base-right-space: var(--base-space)}._label_1sytk_128{--textarea-required-mark-size: 6px;--textarea-required-mark-space: 0;position:absolute;top:var(--textarea-placeholder-active-top);left:var(--textarea-placeholder-active-left);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--mimir-space-2xs);-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--textarea-placeholder-color);font-size:var(--textarea-placeholder-active-font-size);line-height:var(--textarea-placeholder-active-line-height);white-space:pre-wrap;-webkit-transform:translate(0%,-50%);transform:translateY(-50%);opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}._label_1sytk_128._is-focused_1sytk_148{opacity:1}._textarea-right-addon_1sytk_152,._textarea-left-addon_1sytk_153{color:var(--textarea-left-addon-color)}._textarea-right-addon_1sytk_152 svg,._textarea-left-addon_1sytk_153 svg{color:var(--textarea-left-addon-color)}._textarea-right-addon_1sytk_152 svg path,._textarea-left-addon_1sytk_153 svg path{fill:var(--textarea-left-addon-color)}._textarea-left-addon_1sytk_153{margin-right:var(--textarea-left-addon-space)}._required-mark_1sytk_169{display:block;-webkit-box-flex:0;-ms-flex:0 0 var(--textarea-required-mark-size);flex:0 0 var(--textarea-required-mark-size);width:var(--textarea-required-mark-size);height:var(--textarea-required-mark-size);margin:var(--textarea-required-mark-space);background-color:var(--citrine-normal);border-radius:50%}._addon-icon_1sytk_179{width:var(--icon-size);height:var(--icon-size)}._message_1sytk_184{font-size:var(--mimir-size-text-s);line-height:var(--mimir-line-height-text-xss1)}._message_1sytk_184._error_1sytk_188{color:var(--error-normal)}._right-addons-content_1sytk_192{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto}._right-addons-content_1sytk_192:empty{margin-left:0}._default-gray_1sytk_201{--textarea-bg-color: var(--black-5);--textarea-bg-hover-color: var(--black-10);--textarea-bg-active-color: var(--black-5);--textarea-placeholder-color: var(--black-60);--textarea-placeholder-hover-color: var(--black-100)}._default-white_1sytk_210{--textarea-bg-color: var(--white);--textarea-bg-hover-color: var(--black-10);-textarea-bg-active-color:var(--white);--textarea-placeholder-color: var(--black-60);--textarea-placeholder-hover-color: var(--black-100)}._default-gray_1sytk_201._success_1sytk_219,._default-white_1sytk_210._success_1sytk_219{--textarea-bg-color: var(--success-bg-active);--textarea-bg-hover-color: var(--success-bg-hover);--textarea-bg-active-color: var(--success-bg-active);--textarea-bottom-active-color: var(--success-normal)}._default-gray_1sytk_201._alarm_1sytk_226,._default-white_1sytk_210._alarm_1sytk_226{--textarea-bg-color: var(--alarm-bg-active);--textarea-bg-hover-color: var(--alarm-bg-hover);--textarea-bg-active-color: var(--alarm-bg-active);--textarea-bottom-active-color: var(--alarm-normal)}._default-gray_1sytk_201._error_1sytk_188,._default-white_1sytk_210._error_1sytk_188{--textarea-bg-color: var(--error-bg-active);--textarea-bg-hover-color: var(--error-bg-hover);--textarea-bg-active-color: var(--error-bg-active);--textarea-bottom-active-color: var(--error-normal)}._s_1sytk_219{--textarea-border-radius: var(--textarea-border-radius-s);--textarea-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-2s) var(--mimir-space-m);--textarea-font-size: var(--mimir-size-text-m);--textarea-line-height: var(--mimir-line-height-text-xl);--textarea-right-space: calc( var(--addon-left-space) + var(--clear-button-space) + var(--required-mark-space-right) );--textarea-placeholder-active-left: var(--mimir-space-m);--textarea-placeholder-top: var(--mimir-space-xs);--textarea-placeholder-active-top: var(--mimir-space-2s);--textarea-placeholder-font-size: var(--mimir-size-text-m);--textarea-placeholder-line-height: var(--mimir-line-height-text-xxs);--textarea-placeholder-active-font-size: var(--mimir-size-text-xs);--textarea-placeholder-active-line-height: var(--mimir-line-height-text-s);--textarea-required-mark-space: var(--mimir-space-2xs);--textarea-required-mark-size: 5px;--textarea-left-addon-space: var(--mimir-space-2xs)}._m_1sytk_184{--textarea-border-radius: var(--textarea-border-radius-m);--textarea-space: var(--mimir-space-l) var(--mimir-space-m) var(--mimir-space-2s) var(--mimir-space-m);--textarea-font-size: var(--mimir-size-text-l);--textarea-line-height: var(--mimir-line-height-text-s1);--textarea-right-space: calc( var(--addon-left-space) + var(--clear-button-space) + var(--required-mark-space-right) );--textarea-placeholder-active-left: var(--mimir-space-m);--textarea-placeholder-top: var(--mimir-space-xs);--textarea-placeholder-active-top: var(--mimir-space-2s);--textarea-placeholder-font-size: var(--mimir-size-text-l);--textarea-placeholder-line-height: var(--mimir-line-height-text-s1);--textarea-placeholder-active-font-size: var(--mimir-size-text-s);--textarea-placeholder-active-line-height: var(--mimir-line-height-text-2xs);--textarea-required-mark-space: var(--mimir-space-2xs);--textarea-required-mark-size: 5px;--textarea-left-addon-space: var(--mimir-space-2xs)}._l_1sytk_128{--textarea-border-radius: var(--textarea-border-radius-l);--textarea-space: var(--mimir-space-xl) var(--mimir-space-m) var(--mimir-space-2m) var(--mimir-space-m);--textarea-font-size: var(--mimir-size-text-xl);--textarea-line-height: var(--mimir-line-height-text-l);--textarea-right-space: calc( var(--addon-left-space) + var(--clear-button-space) + var(--required-mark-space-right) );--textarea-placeholder-active-left: var(--mimir-space-m);--textarea-placeholder-top: var(--mimir-space-xs);--textarea-placeholder-active-top: var(--mimir-space-m);--textarea-placeholder-font-size: var(--mimir-size-text-xl);--textarea-placeholder-active-font-size: var(--mimir-size-text-s);--textarea-placeholder-line-height: var(--mimir-line-height-text-l);--textarea-placeholder-active-line-height: var(--mimir-line-height-text-2xs);--textarea-required-mark-space: var(--mimir-space-xs);--textarea-left-addon-space: var(--mimir-space-xs)}._disabled_1sytk_68{--textarea-placeholder-color: var(--light-text);--textarea-left-addon-color: var(--light-text)}
@@ -0,0 +1,55 @@
1
+ import { default as React } from 'react';
2
+ import { TIcon } from '../../icons';
3
+
4
+ export type TMiniButton = {
5
+ /**
6
+ * Класс, применяемый к корневому элементу кнопки.
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Выключен ли miniButton или нет
11
+ */
12
+ disabled?: boolean;
13
+ /**
14
+ * Вариант кнопки загрузки файла
15
+ */
16
+ variant?: 'gray' | 'white' | 'transparent';
17
+ /**
18
+ * Размер кнопки загрузки файла
19
+ */
20
+ size?: 'l' | 'm-s';
21
+ /**
22
+ * Класс для кнопки
23
+ */
24
+ miniButtonClassName?: string;
25
+ /**
26
+ * Название иконки
27
+ */
28
+ iconName: TIcon;
29
+ } & React.ButtonHTMLAttributes<HTMLButtonElement>;
30
+ export declare const MiniButton: React.ForwardRefExoticComponent<{
31
+ /**
32
+ * Класс, применяемый к корневому элементу кнопки.
33
+ */
34
+ className?: string;
35
+ /**
36
+ * Выключен ли miniButton или нет
37
+ */
38
+ disabled?: boolean;
39
+ /**
40
+ * Вариант кнопки загрузки файла
41
+ */
42
+ variant?: "gray" | "white" | "transparent";
43
+ /**
44
+ * Размер кнопки загрузки файла
45
+ */
46
+ size?: "l" | "m-s";
47
+ /**
48
+ * Класс для кнопки
49
+ */
50
+ miniButtonClassName?: string;
51
+ /**
52
+ * Название иконки
53
+ */
54
+ iconName: TIcon;
55
+ } & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
@@ -0,0 +1,44 @@
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { c as l } from "../../index-DIxK0V-G.js";
3
+ import { forwardRef as p } from "react";
4
+ import { EMiniButtonSize as a, EMiniButtonVariant as d } from "./constants.js";
5
+ import { Icon as f } from "../../icons/Icon.js";
6
+ import '../../assets/MiniButton.css';const b = "_gray_1umad_19", y = "_transparent_1umad_22", N = "_white_1umad_25", h = "_l_1umad_43", t = {
7
+ "mini-button": "_mini-button_1umad_2",
8
+ gray: b,
9
+ transparent: y,
10
+ white: N,
11
+ l: h,
12
+ "m-s": "_m-s_1umad_47"
13
+ }, M = p(
14
+ (o, s) => {
15
+ const {
16
+ disabled: i = !1,
17
+ size: r = a.MS,
18
+ variant: m = d.Gray,
19
+ className: e,
20
+ iconName: _,
21
+ ...u
22
+ } = o, c = l(
23
+ t["mini-button"],
24
+ r === a.L ? t.l : t["m-s"],
25
+ t[m],
26
+ e
27
+ );
28
+ return /* @__PURE__ */ n(
29
+ "button",
30
+ {
31
+ type: "button",
32
+ ref: s,
33
+ ...u,
34
+ disabled: i,
35
+ className: c,
36
+ children: /* @__PURE__ */ n(f, { iconName: _ })
37
+ }
38
+ );
39
+ }
40
+ );
41
+ M.displayName = "MiniButton";
42
+ export {
43
+ M as MiniButton
44
+ };
@@ -0,0 +1,9 @@
1
+ export declare enum EMiniButtonVariant {
2
+ Gray = "gray",
3
+ White = "white",
4
+ Transparent = "transparent"
5
+ }
6
+ export declare enum EMiniButtonSize {
7
+ L = "l",
8
+ MS = "m-s"
9
+ }
@@ -0,0 +1,5 @@
1
+ var e = /* @__PURE__ */ ((r) => (r.Gray = "gray", r.White = "white", r.Transparent = "transparent", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.L = "l", r.MS = "m-s", r))(a || {});
2
+ export {
3
+ a as EMiniButtonSize,
4
+ e as EMiniButtonVariant
5
+ };
@@ -0,0 +1,3 @@
1
+ export { MiniButton } from './MiniButton.tsx';
2
+ export type { TMiniButton } from './MiniButton.tsx';
3
+ export { EMiniButtonVariant, EMiniButtonSize } from './constants.ts';
@@ -0,0 +1,7 @@
1
+ import { MiniButton as n } from "./MiniButton.js";
2
+ import { EMiniButtonSize as r, EMiniButtonVariant as e } from "./constants.js";
3
+ export {
4
+ r as EMiniButtonSize,
5
+ e as EMiniButtonVariant,
6
+ n as MiniButton
7
+ };
@@ -89,5 +89,37 @@ export type TTabTrailProps = {
89
89
  * Вариант отображения табов
90
90
  */
91
91
  variant?: 'default' | 'detailed';
92
+ /**
93
+ * Дополнительный класс для tab-content.
94
+ */
95
+ tabContentClassName?: string;
96
+ /**
97
+ * Дополнительный класс для tab-header.
98
+ */
99
+ tabHeaderClassName?: string;
100
+ /**
101
+ * Дополнительный класс для tab-text.
102
+ */
103
+ tabTextClassName?: string;
104
+ /**
105
+ * Дополнительный класс для tab-value.
106
+ */
107
+ tabValueClassName?: string;
108
+ /**
109
+ * Дополнительный класс для tab-name.
110
+ */
111
+ tabNameClassName?: string;
112
+ /**
113
+ * Дополнительный класс для tab-icon.
114
+ */
115
+ tabIconClassName?: string;
116
+ /**
117
+ * Дополнительный класс для tabs.
118
+ */
119
+ tabsClassName?: string;
120
+ /**
121
+ * Дополнительный класс для group-inner.
122
+ */
123
+ groupInnerClassName?: string;
92
124
  };
93
125
  export declare const TabTrail: import('react').ForwardRefExoticComponent<TTabTrailProps & import('react').RefAttributes<HTMLElement>>;