@ozen-ui/kit 0.58.2 → 0.58.4
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/__inner__/cjs/components/Accordion/types.d.ts +3 -3
- package/__inner__/cjs/components/Alert/types.d.ts +3 -3
- package/__inner__/cjs/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css +5 -5
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
- package/__inner__/cjs/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/cjs/components/Avatar/types.d.ts +1 -1
- package/__inner__/cjs/components/Backdrop/types.d.ts +1 -1
- package/__inner__/cjs/components/Badge/types.d.ts +2 -2
- package/__inner__/cjs/components/Button/Button.d.ts +3 -3
- package/__inner__/cjs/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/cjs/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Card/types.d.ts +2 -2
- package/__inner__/cjs/components/Checkbox/types.d.ts +3 -3
- package/__inner__/cjs/components/Chip/Chip.d.ts +1 -1
- package/__inner__/cjs/components/ChipNext/types.d.ts +3 -3
- package/__inner__/cjs/components/Collapse/types.d.ts +2 -2
- package/__inner__/cjs/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/cjs/components/DataList/types.d.ts +1 -1
- package/__inner__/cjs/components/DatePicker/types.d.ts +1 -1
- package/__inner__/cjs/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/cjs/components/File/File.d.ts +2 -2
- package/__inner__/cjs/components/FilePicker/types.d.ts +10 -10
- package/__inner__/cjs/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/cjs/components/Grid/Grid.css +0 -2
- package/__inner__/cjs/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/cjs/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/cjs/components/Indicator/types.d.ts +1 -1
- package/__inner__/cjs/components/Input/types.d.ts +8 -8
- package/__inner__/cjs/components/InputNumber/types.d.ts +7 -7
- package/__inner__/cjs/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/cjs/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/cjs/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/cjs/components/List/types.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/cjs/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/cjs/components/Menu/types.d.ts +1 -1
- package/__inner__/cjs/components/Modal/types.d.ts +5 -5
- package/__inner__/cjs/components/Pagination/types.d.ts +1 -1
- package/__inner__/cjs/components/Popover/types.d.ts +8 -11
- package/__inner__/cjs/components/Portal/types.d.ts +1 -1
- package/__inner__/cjs/components/Radio/types.d.ts +2 -2
- package/__inner__/cjs/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/cjs/components/Segment/types.d.ts +2 -2
- package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/cjs/components/Select/types.d.ts +3 -3
- package/__inner__/cjs/components/Slider/types.d.ts +2 -2
- package/__inner__/cjs/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
- package/__inner__/cjs/components/Snackbar/types.d.ts +1 -1
- package/__inner__/cjs/components/Stack/types.d.ts +3 -3
- package/__inner__/cjs/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/cjs/components/TagNext/types.d.ts +1 -1
- package/__inner__/cjs/components/Textarea/types.d.ts +8 -8
- package/__inner__/cjs/components/Toggle/types.d.ts +2 -2
- package/__inner__/cjs/components/Tooltip/types.d.ts +3 -3
- package/__inner__/cjs/components/Typography/types.d.ts +2 -2
- package/__inner__/esm/components/Accordion/types.d.ts +3 -3
- package/__inner__/esm/components/Alert/types.d.ts +3 -3
- package/__inner__/esm/components/Autocomplete/types.d.ts +6 -7
- package/__inner__/esm/components/AutocompleteNext/Autocomplete.css +5 -5
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
- package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
- package/__inner__/esm/components/AutocompleteNext/types.d.ts +7 -8
- package/__inner__/esm/components/Avatar/types.d.ts +1 -1
- package/__inner__/esm/components/Backdrop/types.d.ts +1 -1
- package/__inner__/esm/components/Badge/types.d.ts +2 -2
- package/__inner__/esm/components/Button/Button.d.ts +3 -3
- package/__inner__/esm/components/ButtonBase/ButtonBase.d.ts +3 -3
- package/__inner__/esm/components/ButtonNext/types.d.ts +3 -3
- package/__inner__/esm/components/Card/types.d.ts +2 -2
- package/__inner__/esm/components/Checkbox/types.d.ts +3 -3
- package/__inner__/esm/components/Chip/Chip.d.ts +1 -1
- package/__inner__/esm/components/ChipNext/types.d.ts +3 -3
- package/__inner__/esm/components/Collapse/types.d.ts +2 -2
- package/__inner__/esm/components/DataList/components/DataListOption/types.d.ts +3 -3
- package/__inner__/esm/components/DataList/types.d.ts +1 -1
- package/__inner__/esm/components/DatePicker/types.d.ts +1 -1
- package/__inner__/esm/components/FieldLabel/types.d.ts +5 -5
- package/__inner__/esm/components/File/File.d.ts +2 -2
- package/__inner__/esm/components/FilePicker/types.d.ts +10 -10
- package/__inner__/esm/components/FormControlLabel/types.d.ts +1 -1
- package/__inner__/esm/components/Grid/Grid.css +0 -2
- package/__inner__/esm/components/IconButton/IconButton.d.ts +4 -4
- package/__inner__/esm/components/IconButtonNext/types.d.ts +4 -4
- package/__inner__/esm/components/Indicator/types.d.ts +1 -1
- package/__inner__/esm/components/Input/types.d.ts +8 -8
- package/__inner__/esm/components/InputNumber/types.d.ts +7 -7
- package/__inner__/esm/components/List/components/ListItem/ListItem.d.ts +1 -1
- package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
- package/__inner__/esm/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
- package/__inner__/esm/components/List/types.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
- package/__inner__/esm/components/Menu/components/MenuList/MenuList.d.ts +1 -1
- package/__inner__/esm/components/Menu/types.d.ts +1 -1
- package/__inner__/esm/components/Modal/types.d.ts +5 -5
- package/__inner__/esm/components/Pagination/types.d.ts +1 -1
- package/__inner__/esm/components/Popover/types.d.ts +8 -11
- package/__inner__/esm/components/Portal/types.d.ts +1 -1
- package/__inner__/esm/components/Radio/types.d.ts +2 -2
- package/__inner__/esm/components/SectionMessage/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/components/SegmentItem/types.d.ts +1 -1
- package/__inner__/esm/components/Segment/types.d.ts +2 -2
- package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +11 -11
- package/__inner__/esm/components/Select/types.d.ts +3 -3
- package/__inner__/esm/components/Slider/types.d.ts +2 -2
- package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
- package/__inner__/esm/components/Snackbar/types.d.ts +1 -1
- package/__inner__/esm/components/Stack/types.d.ts +3 -3
- package/__inner__/esm/components/Table/components/TableRow/types.d.ts +2 -2
- package/__inner__/esm/components/TagNext/types.d.ts +1 -1
- package/__inner__/esm/components/Textarea/types.d.ts +8 -8
- package/__inner__/esm/components/Toggle/types.d.ts +2 -2
- package/__inner__/esm/components/Tooltip/types.d.ts +3 -3
- package/__inner__/esm/components/Typography/types.d.ts +2 -2
- package/package.json +4 -4
|
@@ -8,7 +8,7 @@ export type AccordionSizeVariant = (typeof accordionSizeVariant)[number];
|
|
|
8
8
|
export type AccordionVariant = (typeof accordionVariant)[number];
|
|
9
9
|
export type AccordionExpandIconPositionVariant = (typeof accordionExpandIconPositionVariant)[number];
|
|
10
10
|
export type AccordionContextValue = {
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` аккордеон раскрыт */
|
|
12
12
|
expanded: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Размер
|
|
@@ -28,9 +28,9 @@ export type AccordionProps = ExtendableComponentPropsWithRef<{
|
|
|
28
28
|
size?: AccordionSizeVariant;
|
|
29
29
|
/** Вариант визуального отображения аккордеона */
|
|
30
30
|
variant?: AccordionVariant;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` аккордеон по умолчанию раскрыт (неконтролируемое поведение) */
|
|
32
32
|
defaultExpanded?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` уменьшает отступы для компактного отображения */
|
|
34
34
|
compressed?: boolean;
|
|
35
35
|
/** Обработчик события открытия и закрытия аккордеона */
|
|
36
36
|
onChange?(expanded: boolean, e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>): void;
|
|
@@ -8,7 +8,7 @@ export type AlertColorVariant = (typeof alertColorVariant)[number];
|
|
|
8
8
|
type AlertPropsDeprecated = {
|
|
9
9
|
/**
|
|
10
10
|
* Цветовая палитра сообщения
|
|
11
|
-
* @deprecated Используйте на замену свойство
|
|
11
|
+
* @deprecated Используйте на замену свойство `inverse`
|
|
12
12
|
* */
|
|
13
13
|
color?: AlertColorVariant;
|
|
14
14
|
};
|
|
@@ -20,10 +20,10 @@ type AlertBaseProps = {
|
|
|
20
20
|
* @default info
|
|
21
21
|
*/
|
|
22
22
|
status?: AlertStatusVariant;
|
|
23
|
-
/** Если
|
|
23
|
+
/** Если `true` инвертирует основные цвета компонента */
|
|
24
24
|
inverse?: boolean;
|
|
25
25
|
/**
|
|
26
|
-
* Если
|
|
26
|
+
* Если `true` отображает иконку со статусом
|
|
27
27
|
* @default true
|
|
28
28
|
*/
|
|
29
29
|
showIcon?: boolean;
|
|
@@ -9,7 +9,6 @@ export type AutocompleteRenderOptionProps<OPTION> = {
|
|
|
9
9
|
export type AutocompletePropValue<OPTION> = OPTION | null | undefined;
|
|
10
10
|
export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
|
|
11
11
|
export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
|
|
12
|
-
export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
|
|
13
12
|
export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
|
|
14
13
|
export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
|
|
15
14
|
export type AutocompleteDefaultOption = {
|
|
@@ -58,11 +57,11 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
58
57
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
59
58
|
/** Функция для определения заблокированного элемента */
|
|
60
59
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
61
|
-
/** Если
|
|
60
|
+
/** Если `true` не закрывает выпадающий список при выборе опции */
|
|
62
61
|
disableCloseOnSelect?: boolean;
|
|
63
|
-
/** Если
|
|
62
|
+
/** Если `true` позволяет вводить кастомное значение в текстовом поле */
|
|
64
63
|
allowCustomValue?: boolean;
|
|
65
|
-
/** Если
|
|
64
|
+
/** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
|
|
66
65
|
loading?: boolean;
|
|
67
66
|
/** Текст компонента при отсутствующих опций */
|
|
68
67
|
noOptionsText?: ReactNode;
|
|
@@ -78,13 +77,13 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption> = {
|
|
|
78
77
|
onClose?: () => void;
|
|
79
78
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
80
79
|
onOpen?: () => void;
|
|
81
|
-
/** Если
|
|
80
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
82
81
|
disableClearButton?: boolean;
|
|
83
82
|
/** Функция поиска */
|
|
84
83
|
searchFunction?: AutocompleteSearchFunction<OPTION>;
|
|
85
|
-
/** Если
|
|
84
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
86
85
|
disableShowEmptyOptionsList?: boolean;
|
|
87
|
-
/** Если
|
|
86
|
+
/** Если `true` скрывает кнопку раскрытия/скрытия списка */
|
|
88
87
|
disableShowChevron?: boolean;
|
|
89
88
|
/** Свойства компонента DataList */
|
|
90
89
|
dataListProps?: AutocompleteDataListProps;
|
|
@@ -105,14 +105,14 @@
|
|
|
105
105
|
color: var(--textfield-color);
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
.AutocompleteNext-Input_multiple
|
|
109
|
-
opacity: 1;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.AutocompleteNext-Input_multiple.AutocompleteNext-InputhasLabel input::placeholder {
|
|
108
|
+
.AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input::placeholder {
|
|
113
109
|
opacity: 0;
|
|
114
110
|
}
|
|
115
111
|
|
|
112
|
+
.AutocompleteNext-Input_multiple * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel * + input::placeholder, .AutocompleteNext-Input_multiple.AutocompleteNext-Input_hasLabel input:focus::placeholder {
|
|
113
|
+
opacity: 1;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
116
|
.AutocompleteNext-Input_responsive {
|
|
117
117
|
flex-wrap: nowrap;
|
|
118
118
|
gap: unset;
|
|
@@ -122,7 +122,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
|
|
|
122
122
|
disabled: isDisabled,
|
|
123
123
|
},
|
|
124
124
|
props: {
|
|
125
|
-
key: "".concat(idx, "
|
|
125
|
+
key: "".concat(idx, "-").concat(key),
|
|
126
126
|
role: 'option',
|
|
127
127
|
'aria-selected': isSelected,
|
|
128
128
|
'aria-disabled': isDisabled,
|
package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
10
10
|
name?: string;
|
|
11
11
|
/** Содержимое компонента */
|
|
12
12
|
children?: never;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
14
14
|
multiple?: MULTIPLE;
|
|
15
15
|
/** Список вариантов выбора (опции) */
|
|
16
16
|
options: OPTION[];
|
|
@@ -28,7 +28,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
|
|
|
28
28
|
getOptionLabel: AutocompletePropGetOptionLabel<OPTION>;
|
|
29
29
|
/** Функция для определения заблокированного элемента */
|
|
30
30
|
getOptionDisabled: AutocompletePropGetOptionDisabled<OPTION>;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
32
32
|
disableShowEmptyOptionsList?: boolean;
|
|
33
33
|
/** Текст компонента в состоянии загрузки */
|
|
34
34
|
loadingText?: ReactNode;
|
package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js
CHANGED
|
@@ -11,7 +11,7 @@ var components_1 = require("./components");
|
|
|
11
11
|
var helpers_1 = require("./helpers");
|
|
12
12
|
var AutocompleteInputRender = function (inProps, ref) {
|
|
13
13
|
var _a, _b;
|
|
14
|
-
var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = tslib_1.__rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
|
|
14
|
+
var _c = inProps.size, size = _c === void 0 ? 'm' : _c, open = inProps.open, value = inProps.value, onOpen = inProps.onOpen, onClear = inProps.onClear, multiple = inProps.multiple, disabled = inProps.disabled, label = inProps.label, openText = inProps.openText, onRemoveTag = inProps.onRemoveTag, clearText = inProps.clearText, closeText = inProps.closeText, className = inProps.className, bodyProps = inProps.bodyProps, inputProps = inProps.inputProps, renderRight = inProps.renderRight, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, disableClearButton = inProps.disableClearButton, disableShowChevron = inProps.disableShowChevron, renderTag = inProps.renderTag, renderInputProp = inProps.renderInput, renderMoreTag = inProps.renderMoreTag, other = tslib_1.__rest(inProps, ["size", "open", "value", "onOpen", "onClear", "multiple", "disabled", "label", "openText", "onRemoveTag", "clearText", "closeText", "className", "bodyProps", "inputProps", "renderRight", "placeholder", "selectedOptions", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags", "disableClearButton", "disableShowChevron", "renderTag", "renderInput", "renderMoreTag"]);
|
|
15
15
|
var hasValue = (0, helpers_1.isMultipleParams)(inProps)
|
|
16
16
|
? !!((_a = inProps.selectedOptions) === null || _a === void 0 ? void 0 : _a.length)
|
|
17
17
|
: (0, isNotNil_1.isNotNil)(selectedOptions);
|
|
@@ -27,11 +27,11 @@ var AutocompleteInputRender = function (inProps, ref) {
|
|
|
27
27
|
}
|
|
28
28
|
if ((0, helpers_1.isMultipleParams)(inProps)) {
|
|
29
29
|
var selectedOptions_1 = inProps.selectedOptions;
|
|
30
|
-
return (react_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__assign({ renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
|
|
30
|
+
return (react_1.default.createElement(components_1.AutocompleteInputMultiple, tslib_1.__assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
|
|
31
31
|
}
|
|
32
32
|
return null;
|
|
33
33
|
};
|
|
34
|
-
return renderInput(tslib_1.__assign({ size: size, disabled: disabled, value: value || '', placeholder: placeholder, renderRight: (react_1.default.createElement(AutocompleteRenderRight_1.AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
|
|
34
|
+
return renderInput(tslib_1.__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (react_1.default.createElement(AutocompleteRenderRight_1.AutocompleteRenderRight, { open: open, size: size, onOpen: onOpen, onClear: onClear, hasValue: hasValue, openText: openText, disabled: disabled, clearText: clearText, closeText: closeText, renderRight: renderRight, disableShowChevron: disableShowChevron, disableClearButton: disableClearButton })), labelProps: {
|
|
35
35
|
shrink: !!selectedOptionsLength,
|
|
36
36
|
}, inputProps: tslib_1.__assign(tslib_1.__assign({ autoComplete: 'off' }, inputProps), { renderComponent: renderComponent }), bodyProps: tslib_1.__assign({ 'aria-expanded': open }, bodyProps), className: (0, index_1.cnAutocomplete)({ size: size, multiple: multiple, hasChevron: !disableShowChevron }, [className]) }, other), ref);
|
|
37
37
|
};
|
|
@@ -18,7 +18,6 @@ export type AutocompleteRenderOptionProps<OPTION> = {
|
|
|
18
18
|
export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
|
|
19
19
|
export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
|
|
20
20
|
export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
|
|
21
|
-
export type AutocompletePropRenderValue<OPTION> = (value: OPTION) => ReactNode | null;
|
|
22
21
|
export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
|
|
23
22
|
export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
|
|
24
23
|
export type AutocompleteDefaultOption = {
|
|
@@ -52,7 +51,7 @@ export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null
|
|
|
52
51
|
export type AutocompleteRef = InputRef;
|
|
53
52
|
export type AutocompletePropSize = FormElementSizeVariant;
|
|
54
53
|
export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
|
|
55
|
-
/** Если
|
|
54
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
56
55
|
multiple?: MULTIPLE;
|
|
57
56
|
/** Задает максимальное количество отображаемых тегов в компоненте с множественным выбором */
|
|
58
57
|
limitTags?: number | 'responsive';
|
|
@@ -84,11 +83,11 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
84
83
|
getOptionKey?: AutocompletePropGetOptionKey<OPTION>;
|
|
85
84
|
/** Функция для определения заблокированного элемента */
|
|
86
85
|
getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
|
|
87
|
-
/** Если
|
|
86
|
+
/** Если `true` не закрывает выпадающий список при выборе опции */
|
|
88
87
|
disableCloseOnSelect?: boolean;
|
|
89
|
-
/** Если
|
|
88
|
+
/** Если `true` позволяет вводить кастомное значение в текстовом поле */
|
|
90
89
|
allowCustomValue?: boolean;
|
|
91
|
-
/** Если
|
|
90
|
+
/** Если `true` отображает статус загрузки (при условии отсутствующих опций) */
|
|
92
91
|
loading?: boolean;
|
|
93
92
|
/** Текст компонента при отсутствующих опций */
|
|
94
93
|
noOptionsText?: ReactNode;
|
|
@@ -104,13 +103,13 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
|
|
|
104
103
|
onClose?(): void;
|
|
105
104
|
/** Функция обратного вызова, которая будет вызвана когда компонент запрашивает открытие */
|
|
106
105
|
onOpen?(): void;
|
|
107
|
-
/** Если
|
|
106
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
108
107
|
disableClearButton?: boolean;
|
|
109
108
|
/** Функция поиска */
|
|
110
109
|
searchFunction?: AutocompletePropSearchFunction<OPTION>;
|
|
111
|
-
/** Если
|
|
110
|
+
/** Если `true` не показывает список с отсутствующими опциями */
|
|
112
111
|
disableShowEmptyOptionsList?: boolean;
|
|
113
|
-
/** Если
|
|
112
|
+
/** Если `true` скрывает кнопку раскрытия/скрытия списка */
|
|
114
113
|
disableShowChevron?: boolean;
|
|
115
114
|
/** Свойства компонента Popover */
|
|
116
115
|
popoverProps?: AutocompleteDropdownProps['popoverProps'];
|
|
@@ -10,7 +10,7 @@ export type AvatarRef = ComponentRef<typeof AVATAR_DEFAULT_TAG>;
|
|
|
10
10
|
export type AvatarProps = ExtendableComponentPropsWithRef<{
|
|
11
11
|
/** Размер */
|
|
12
12
|
size?: AvatarSizeVariant;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` отобразит индикатор онлайна */
|
|
14
14
|
online?: boolean;
|
|
15
15
|
/** url изображения */
|
|
16
16
|
src?: string;
|
|
@@ -8,7 +8,7 @@ export type BackdropBaseProps = {
|
|
|
8
8
|
/** Функция обратного вызова которая будет вызвана когда компонент запрашивает
|
|
9
9
|
* закрытие (клик по подложке) */
|
|
10
10
|
onClose?(): void;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает подложку невидимой */
|
|
12
12
|
isInvisible?: boolean;
|
|
13
13
|
/** Дополнительные CSS-классы */
|
|
14
14
|
className?: string;
|
|
@@ -29,9 +29,9 @@ export type BadgeBaseProps = {
|
|
|
29
29
|
horizontalOrigin?: BadgeHorizontalOriginVariant;
|
|
30
30
|
/** Расположение по вертикали */
|
|
31
31
|
verticalOrigin?: BadgeVerticalOriginVariant;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` отображает нулевое значение */
|
|
33
33
|
showZero?: boolean;
|
|
34
|
-
/** Если
|
|
34
|
+
/** Если `true` компонент будет скрыт */
|
|
35
35
|
invisible?: boolean;
|
|
36
36
|
};
|
|
37
37
|
export type BadgeProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<BadgeBaseProps, As>;
|
|
@@ -28,9 +28,9 @@ type ButtonBaseProps = {
|
|
|
28
28
|
color?: ButtonColorVariant;
|
|
29
29
|
/** Содержимое кнопки */
|
|
30
30
|
children?: ReactNode;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` делает кнопку заблокированной */
|
|
32
32
|
disabled?: boolean;
|
|
33
|
-
/** Если
|
|
33
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
34
34
|
loading?: boolean;
|
|
35
35
|
/** Дополнительные CSS-классы */
|
|
36
36
|
className?: string;
|
|
@@ -38,7 +38,7 @@ type ButtonBaseProps = {
|
|
|
38
38
|
iconLeft?: ButtonIcon;
|
|
39
39
|
/** Иконка справа */
|
|
40
40
|
iconRight?: ButtonIcon;
|
|
41
|
-
/** Если
|
|
41
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
42
42
|
fullWidth?: boolean;
|
|
43
43
|
/** Свойства лейбла кнопки */
|
|
44
44
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -5,13 +5,13 @@ import { BUTTON_BASE_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
type ButtonBaseBaseProps = {
|
|
6
6
|
/** Содержимое кнопки */
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` делает кнопку заблокированной */
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
11
11
|
loading?: boolean;
|
|
12
12
|
/** Дополнительные CSS-классы */
|
|
13
13
|
className?: string;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` делает кнопку не стилизованной */
|
|
15
15
|
unstyled?: boolean;
|
|
16
16
|
};
|
|
17
17
|
export type ButtonBaseProps<As extends ElementType = typeof BUTTON_BASE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ButtonBaseBaseProps, As>;
|
|
@@ -27,9 +27,9 @@ export type ButtonBaseProps = {
|
|
|
27
27
|
color?: ButtonColorVariant;
|
|
28
28
|
/** Содержимое кнопки */
|
|
29
29
|
children?: ReactNode;
|
|
30
|
-
/** Если
|
|
30
|
+
/** Если `true` делает кнопку заблокированной */
|
|
31
31
|
disabled?: boolean;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` переводит кнопку в состояние загрузки */
|
|
33
33
|
loading?: boolean;
|
|
34
34
|
/** Дополнительные CSS-классы */
|
|
35
35
|
className?: string;
|
|
@@ -37,7 +37,7 @@ export type ButtonBaseProps = {
|
|
|
37
37
|
iconLeft?: ButtonIcon;
|
|
38
38
|
/** Иконка справа */
|
|
39
39
|
iconRight?: ButtonIcon;
|
|
40
|
-
/** Если
|
|
40
|
+
/** Если `true` растягивает кнопку на всю ширину родительского контейнера */
|
|
41
41
|
fullWidth?: boolean;
|
|
42
42
|
/** Свойства лейбла кнопки */
|
|
43
43
|
labelProps?: ComponentPropsWithRef<'span'>;
|
|
@@ -21,9 +21,9 @@ export type CardBaseProps = {
|
|
|
21
21
|
backgroundColor?: CardBackgroundColorVariant;
|
|
22
22
|
/** Свойство определяющее стиль отображения границы карточки */
|
|
23
23
|
borderVariant?: CardBorderVariant;
|
|
24
|
-
/** Если
|
|
24
|
+
/** Если `true` отображает компонент заблокированным и отключает взаимодействие с компонентом */
|
|
25
25
|
disabled?: boolean;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` делает компонент интерактивным */
|
|
27
27
|
interactive?: boolean;
|
|
28
28
|
/** Содержимое карточки */
|
|
29
29
|
children: ReactNode;
|
|
@@ -8,11 +8,11 @@ export type CheckboxRef = ComponentRef<'label'>;
|
|
|
8
8
|
export type CheckboxProps = ExtendableComponentPropsWithRef<{
|
|
9
9
|
/** Размер */
|
|
10
10
|
size?: CheckboxSizeVariant;
|
|
11
|
-
/** Если
|
|
11
|
+
/** Если `true` делает элемент неактивным */
|
|
12
12
|
disabled?: boolean;
|
|
13
|
-
/** Если
|
|
13
|
+
/** Если `true` делает элемент выбранным */
|
|
14
14
|
checked?: boolean;
|
|
15
|
-
/** Если
|
|
15
|
+
/** Если `true` отображает компонент как частично выбранный */
|
|
16
16
|
indeterminate?: boolean;
|
|
17
17
|
/** Расположение лейбла */
|
|
18
18
|
align?: FormControlLabelProps['align'];
|
|
@@ -14,7 +14,7 @@ export type ChipBaseProps = {
|
|
|
14
14
|
size?: ChipSizeVariant;
|
|
15
15
|
/** Вариант представления компонента */
|
|
16
16
|
color?: ChipColorVariant;
|
|
17
|
-
/** Если
|
|
17
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
/** Иконка слева */
|
|
20
20
|
iconLeft?: ChipIconComponent;
|
|
@@ -13,9 +13,9 @@ export type ChipBaseProps = {
|
|
|
13
13
|
size?: ChipSizeVariant;
|
|
14
14
|
/** Вариант представления компонента */
|
|
15
15
|
color?: ChipColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` компонент отображается как заблокированный */
|
|
17
17
|
disabled?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` делает элемент выбранным */
|
|
19
19
|
checked?: boolean;
|
|
20
20
|
/** Обработчик нажатия */
|
|
21
21
|
onClick?: (e: MouseEvent<HTMLElement>, payload: {
|
|
@@ -25,7 +25,7 @@ export type ChipBaseProps = {
|
|
|
25
25
|
iconLeft?: ChipIcon;
|
|
26
26
|
/** Иконка справа */
|
|
27
27
|
iconRight?: ChipIcon;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` разбивает длинный текст на несколько строк */
|
|
29
29
|
multiline?: boolean;
|
|
30
30
|
/** Дополнительные СSS-классы */
|
|
31
31
|
className?: string;
|
|
@@ -4,9 +4,9 @@ export type CollapseRef = ComponentRef<'div'>;
|
|
|
4
4
|
export type CollapseProps = ExtendableComponentPropsWithRef<{
|
|
5
5
|
/** Содержимое */
|
|
6
6
|
children?: ReactNode;
|
|
7
|
-
/** Если
|
|
7
|
+
/** Если `true` раскрыт */
|
|
8
8
|
expanded?: boolean;
|
|
9
|
-
/** Если
|
|
9
|
+
/** Если `true` размонтирует контент при закрытии */
|
|
10
10
|
unmountOnClosed?: boolean;
|
|
11
11
|
/**
|
|
12
12
|
* Время анимации
|
|
@@ -7,11 +7,11 @@ export type DataListOptionProps = ExtendableComponentPropsWithRef<{
|
|
|
7
7
|
value: string | number;
|
|
8
8
|
/** Лейбл опции */
|
|
9
9
|
label?: string | number;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` отображает опцию заблокированной */
|
|
11
11
|
disabled?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` отображает опцию сфокусированной (клавиатура) */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` отображает опцию выбранной */
|
|
15
15
|
selected?: boolean;
|
|
16
16
|
/** Функция обратного вызова обработчик нажатий на клавиатуре */
|
|
17
17
|
onKeyDown?: KeyboardEventHandler<HTMLLIElement>;
|
|
@@ -19,7 +19,7 @@ export type DataListBaseProps<MULTIPLE extends boolean = false> = {
|
|
|
19
19
|
open?: boolean;
|
|
20
20
|
/** Содержимое компонента */
|
|
21
21
|
children: ReactNode;
|
|
22
|
-
/** Если
|
|
22
|
+
/** Если `true` из списка можно выбрать несколько вариантов */
|
|
23
23
|
multiple?: MULTIPLE;
|
|
24
24
|
/** Дополнительные CSS-классы */
|
|
25
25
|
className?: string;
|
|
@@ -47,7 +47,7 @@ export type DatePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
47
47
|
popoverProps?: PopoverBaseProps;
|
|
48
48
|
/** Текст для кнопки очистки поля */
|
|
49
49
|
clearText?: string;
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true`, то не отображает кнопку закрытия */
|
|
51
51
|
disableClearButton?: boolean;
|
|
52
52
|
/** Функция обратно вызова, которая сработает если пользователь ввёл дату с ошибкой */
|
|
53
53
|
onError?: DatePickerPropOnError;
|
|
@@ -5,15 +5,15 @@ import type { FIELD_LABEL_DEFAULT_TAG } from './constants';
|
|
|
5
5
|
export type FieldLabelSizeVariant = FormElementSizeVariant;
|
|
6
6
|
export type FieldLabelRef = ComponentRef<typeof FIELD_LABEL_DEFAULT_TAG>;
|
|
7
7
|
export type FieldLabelProps = ExtendableComponentPropsWithRef<{
|
|
8
|
-
/** Если
|
|
8
|
+
/** Если `true` переводит компонент в визуальное состояние заполненный */
|
|
9
9
|
filled?: boolean;
|
|
10
|
-
/** Если
|
|
10
|
+
/** Если `true` переводит компонент в визуальное состояние лейбл прижатый к верху */
|
|
11
11
|
shrink?: boolean;
|
|
12
|
-
/** Если
|
|
12
|
+
/** Если `true` переводит компонент в визуальное состояние сфокусированный */
|
|
13
13
|
focused?: boolean;
|
|
14
|
-
/** Если
|
|
14
|
+
/** Если `true` переводит компонент в визуальное состояние обязательный */
|
|
15
15
|
required?: boolean;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` переводит компонент в визуальное состояние неактивный */
|
|
17
17
|
disabled?: boolean;
|
|
18
18
|
/** Размер компонента */
|
|
19
19
|
size?: FieldLabelSizeVariant;
|
|
@@ -13,9 +13,9 @@ export type FileBaseProps = {
|
|
|
13
13
|
* @default main
|
|
14
14
|
* */
|
|
15
15
|
color?: FileColorVariant;
|
|
16
|
-
/** Если
|
|
16
|
+
/** Если `true` отображает иконку загрузки и изменяет стилизацию */
|
|
17
17
|
loading?: boolean;
|
|
18
|
-
/** Если
|
|
18
|
+
/** Если `true` отображает иконку ошибки и изменяет стилизацию */
|
|
19
19
|
error?: boolean;
|
|
20
20
|
};
|
|
21
21
|
export type FileProps<As extends ElementType = typeof FILE_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FileBaseProps, As>;
|
|
@@ -11,12 +11,12 @@ export type FilePickerRef = ComponentRef<'div'>;
|
|
|
11
11
|
export type FilePickerPropsDeprecated = {
|
|
12
12
|
/**
|
|
13
13
|
* Ссылка на FieldLabel
|
|
14
|
-
* @deprecated Используйте labelProps.ref
|
|
14
|
+
* @deprecated Используйте `labelProps.ref`
|
|
15
15
|
* */
|
|
16
16
|
labelRef?: FieldLabelProps['ref'];
|
|
17
17
|
/**
|
|
18
18
|
* Ссылка на элемент input
|
|
19
|
-
* @deprecated Используйте inputProps.ref
|
|
19
|
+
* @deprecated Используйте `inputProps.ref`
|
|
20
20
|
* */
|
|
21
21
|
inputRef?: Ref<HTMLInputElement>;
|
|
22
22
|
};
|
|
@@ -35,23 +35,23 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
35
35
|
placeholder?: string;
|
|
36
36
|
/** Функция обратного вызова, которая будет вызвана при выборе файла */
|
|
37
37
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
38
|
-
/** Если
|
|
38
|
+
/** Если `true` можно выбрать несколько файлов */
|
|
39
39
|
multiple?: boolean;
|
|
40
40
|
/** Список выбранных файлов */
|
|
41
41
|
fileList?: File[];
|
|
42
|
-
/** Если
|
|
42
|
+
/** Если `true` растягивает поле на всю ширину */
|
|
43
43
|
fullWidth?: boolean;
|
|
44
|
-
/** Если
|
|
44
|
+
/** Если `true` устанавливает автофокус */
|
|
45
45
|
autoFocus?: boolean;
|
|
46
46
|
/** Свойства элемента input */
|
|
47
47
|
inputProps?: InputElement & {
|
|
48
48
|
'data-testid'?: string;
|
|
49
49
|
};
|
|
50
|
-
/** Если
|
|
50
|
+
/** Если `true` отключает сокращение длинного названия файла */
|
|
51
51
|
disableTruncate?: boolean;
|
|
52
|
-
/** Если
|
|
52
|
+
/** Если `true` делает элемент обязательным к заполнению */
|
|
53
53
|
required?: boolean;
|
|
54
|
-
/** Если
|
|
54
|
+
/** Если `true` отключает обводку */
|
|
55
55
|
disableStroke?: boolean;
|
|
56
56
|
/** Текст или иконка слева */
|
|
57
57
|
renderLeft?: FieldIconProps['icon'];
|
|
@@ -59,9 +59,9 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
|
|
|
59
59
|
renderRight?: FieldIconProps['icon'];
|
|
60
60
|
/** Дополнительное описание к полю */
|
|
61
61
|
hint?: string | null;
|
|
62
|
-
/** Если
|
|
62
|
+
/** Если `true` переводит поле в состояние ошибки */
|
|
63
63
|
error?: boolean;
|
|
64
|
-
/** Если
|
|
64
|
+
/** Если `true` делает элемент неактивным */
|
|
65
65
|
disabled?: boolean;
|
|
66
66
|
/** Свойства FieldLabel */
|
|
67
67
|
labelProps?: FieldLabelProps;
|
|
@@ -18,7 +18,7 @@ export type FormControlLabelBaseProps = {
|
|
|
18
18
|
align?: FormControlLabelAlignVariant;
|
|
19
19
|
/** Размер (влияет на шрифт лейбла и отступ между лейблом и содержимым компонента) */
|
|
20
20
|
size?: FormControlLabelSizeVariant;
|
|
21
|
-
/** Если
|
|
21
|
+
/** Если `true` визуализирует компонент как заблокированный */
|
|
22
22
|
disabled?: boolean;
|
|
23
23
|
/** Дополнительные CSS-классы */
|
|
24
24
|
className?: string;
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
/* l >= 1280px */
|
|
5
5
|
.Grid {
|
|
6
6
|
display: grid;
|
|
7
|
-
min-inline-size: 0;
|
|
8
7
|
}
|
|
9
8
|
.Grid_cols_1 {
|
|
10
9
|
grid-template-columns: repeat(1, 1fr);
|
|
@@ -802,7 +801,6 @@
|
|
|
802
801
|
--grid-col-end: auto;
|
|
803
802
|
--grid-row-start: auto;
|
|
804
803
|
--grid-row-end: auto;
|
|
805
|
-
min-inline-size: 0;
|
|
806
804
|
grid-column: var(--grid-col-start) / var(--grid-col-end);
|
|
807
805
|
grid-row: var(--grid-row-start) / var(--grid-row-end);
|
|
808
806
|
}
|
|
@@ -21,15 +21,15 @@ type IconButtonBaseProps = {
|
|
|
21
21
|
color?: IconButtonColorVariant;
|
|
22
22
|
/** Цвет иконки кнопки */
|
|
23
23
|
iconColor?: string;
|
|
24
|
-
/** Если
|
|
24
|
+
/** Если `true` уменьшает размер компонента */
|
|
25
25
|
compressed?: boolean;
|
|
26
|
-
/** Если
|
|
26
|
+
/** Если `true` делает компонент заблокированным */
|
|
27
27
|
disabled?: boolean;
|
|
28
|
-
/** Если
|
|
28
|
+
/** Если `true` переводит компонент в состояние загрузки */
|
|
29
29
|
loading?: boolean;
|
|
30
30
|
/** Дополнительные CSS-классы */
|
|
31
31
|
className?: string;
|
|
32
|
-
/** Если
|
|
32
|
+
/** Если `true` делает компонент круглым */
|
|
33
33
|
rounded?: boolean;
|
|
34
34
|
children?: never;
|
|
35
35
|
};
|
|
@@ -20,15 +20,15 @@ export type IconButtonBaseProps = {
|
|
|
20
20
|
color?: IconButtonColorVariant;
|
|
21
21
|
/** Цвет иконки кнопки */
|
|
22
22
|
iconColor?: string;
|
|
23
|
-
/** Если
|
|
23
|
+
/** Если `true` уменьшает размер компонента */
|
|
24
24
|
compressed?: boolean;
|
|
25
|
-
/** Если
|
|
25
|
+
/** Если `true` делает компонент заблокированным */
|
|
26
26
|
disabled?: boolean;
|
|
27
|
-
/** Если
|
|
27
|
+
/** Если `true` переводит компонент в состояние загрузки */
|
|
28
28
|
loading?: boolean;
|
|
29
29
|
/** Дополнительные CSS-классы */
|
|
30
30
|
className?: string;
|
|
31
|
-
/** Если
|
|
31
|
+
/** Если `true` делает компонент круглым */
|
|
32
32
|
rounded?: boolean;
|
|
33
33
|
children?: never;
|
|
34
34
|
};
|
|
@@ -14,7 +14,7 @@ export type IndicatorProps = ExtendableComponentPropsWithRef<{
|
|
|
14
14
|
* @default m
|
|
15
15
|
* */
|
|
16
16
|
size?: IndicatorSizeVariant;
|
|
17
|
-
/** Если
|
|
17
|
+
/** Если `true` устанавливает вокруг индикатора рамку
|
|
18
18
|
* @default false
|
|
19
19
|
* */
|
|
20
20
|
border?: boolean;
|