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.
- package/dist/assets/MiniButton.css +1 -0
- package/dist/assets/TextArea2.css +1 -0
- package/dist/components/MiniButton/MiniButton.d.ts +55 -0
- package/dist/components/MiniButton/MiniButton.js +44 -0
- package/dist/components/MiniButton/constants.d.ts +9 -0
- package/dist/components/MiniButton/constants.js +5 -0
- package/dist/components/MiniButton/index.d.ts +3 -0
- package/dist/components/MiniButton/index.js +7 -0
- package/dist/components/TabTrail/TabTrail.d.ts +32 -0
- package/dist/components/TabTrail/TabTrail.js +254 -192
- package/dist/components/TextAreaV2/TextArea.d.ts +3 -0
- package/dist/components/TextAreaV2/TextArea.js +255 -0
- package/dist/components/TextAreaV2/constants.d.ts +16 -0
- package/dist/components/TextAreaV2/constants.js +17 -0
- package/dist/components/TextAreaV2/index.d.ts +3 -0
- package/dist/components/TextAreaV2/index.js +8 -0
- package/dist/components/TextAreaV2/types.d.ts +88 -0
- package/dist/components/TextAreaV2/utils.d.ts +10 -0
- package/dist/components/TextAreaV2/utils.js +36 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.js +79 -72
- package/dist/index.js +110 -103
- package/package.json +1 -1
|
@@ -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
|
+
};
|
|
@@ -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>>;
|