@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.
Files changed (119) hide show
  1. package/__inner__/cjs/components/Accordion/types.d.ts +3 -3
  2. package/__inner__/cjs/components/Alert/types.d.ts +3 -3
  3. package/__inner__/cjs/components/Autocomplete/types.d.ts +6 -7
  4. package/__inner__/cjs/components/AutocompleteNext/Autocomplete.css +5 -5
  5. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
  6. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
  7. package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
  8. package/__inner__/cjs/components/AutocompleteNext/types.d.ts +7 -8
  9. package/__inner__/cjs/components/Avatar/types.d.ts +1 -1
  10. package/__inner__/cjs/components/Backdrop/types.d.ts +1 -1
  11. package/__inner__/cjs/components/Badge/types.d.ts +2 -2
  12. package/__inner__/cjs/components/Button/Button.d.ts +3 -3
  13. package/__inner__/cjs/components/ButtonBase/ButtonBase.d.ts +3 -3
  14. package/__inner__/cjs/components/ButtonNext/types.d.ts +3 -3
  15. package/__inner__/cjs/components/Card/types.d.ts +2 -2
  16. package/__inner__/cjs/components/Checkbox/types.d.ts +3 -3
  17. package/__inner__/cjs/components/Chip/Chip.d.ts +1 -1
  18. package/__inner__/cjs/components/ChipNext/types.d.ts +3 -3
  19. package/__inner__/cjs/components/Collapse/types.d.ts +2 -2
  20. package/__inner__/cjs/components/DataList/components/DataListOption/types.d.ts +3 -3
  21. package/__inner__/cjs/components/DataList/types.d.ts +1 -1
  22. package/__inner__/cjs/components/DatePicker/types.d.ts +1 -1
  23. package/__inner__/cjs/components/FieldLabel/types.d.ts +5 -5
  24. package/__inner__/cjs/components/File/File.d.ts +2 -2
  25. package/__inner__/cjs/components/FilePicker/types.d.ts +10 -10
  26. package/__inner__/cjs/components/FormControlLabel/types.d.ts +1 -1
  27. package/__inner__/cjs/components/Grid/Grid.css +0 -2
  28. package/__inner__/cjs/components/IconButton/IconButton.d.ts +4 -4
  29. package/__inner__/cjs/components/IconButtonNext/types.d.ts +4 -4
  30. package/__inner__/cjs/components/Indicator/types.d.ts +1 -1
  31. package/__inner__/cjs/components/Input/types.d.ts +8 -8
  32. package/__inner__/cjs/components/InputNumber/types.d.ts +7 -7
  33. package/__inner__/cjs/components/List/components/ListItem/ListItem.d.ts +1 -1
  34. package/__inner__/cjs/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
  35. package/__inner__/cjs/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
  36. package/__inner__/cjs/components/List/types.d.ts +1 -1
  37. package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
  38. package/__inner__/cjs/components/Menu/components/MenuList/MenuList.d.ts +1 -1
  39. package/__inner__/cjs/components/Menu/types.d.ts +1 -1
  40. package/__inner__/cjs/components/Modal/types.d.ts +5 -5
  41. package/__inner__/cjs/components/Pagination/types.d.ts +1 -1
  42. package/__inner__/cjs/components/Popover/types.d.ts +8 -11
  43. package/__inner__/cjs/components/Portal/types.d.ts +1 -1
  44. package/__inner__/cjs/components/Radio/types.d.ts +2 -2
  45. package/__inner__/cjs/components/SectionMessage/types.d.ts +1 -1
  46. package/__inner__/cjs/components/Segment/components/SegmentItem/types.d.ts +1 -1
  47. package/__inner__/cjs/components/Segment/types.d.ts +2 -2
  48. package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts +11 -11
  49. package/__inner__/cjs/components/Select/types.d.ts +3 -3
  50. package/__inner__/cjs/components/Slider/types.d.ts +2 -2
  51. package/__inner__/cjs/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
  52. package/__inner__/cjs/components/Snackbar/types.d.ts +1 -1
  53. package/__inner__/cjs/components/Stack/types.d.ts +3 -3
  54. package/__inner__/cjs/components/Table/components/TableRow/types.d.ts +2 -2
  55. package/__inner__/cjs/components/TagNext/types.d.ts +1 -1
  56. package/__inner__/cjs/components/Textarea/types.d.ts +8 -8
  57. package/__inner__/cjs/components/Toggle/types.d.ts +2 -2
  58. package/__inner__/cjs/components/Tooltip/types.d.ts +3 -3
  59. package/__inner__/cjs/components/Typography/types.d.ts +2 -2
  60. package/__inner__/esm/components/Accordion/types.d.ts +3 -3
  61. package/__inner__/esm/components/Alert/types.d.ts +3 -3
  62. package/__inner__/esm/components/Autocomplete/types.d.ts +6 -7
  63. package/__inner__/esm/components/AutocompleteNext/Autocomplete.css +5 -5
  64. package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/AutocompleteDropdown.js +1 -1
  65. package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts +2 -2
  66. package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/AutocompleteInput.js +3 -3
  67. package/__inner__/esm/components/AutocompleteNext/types.d.ts +7 -8
  68. package/__inner__/esm/components/Avatar/types.d.ts +1 -1
  69. package/__inner__/esm/components/Backdrop/types.d.ts +1 -1
  70. package/__inner__/esm/components/Badge/types.d.ts +2 -2
  71. package/__inner__/esm/components/Button/Button.d.ts +3 -3
  72. package/__inner__/esm/components/ButtonBase/ButtonBase.d.ts +3 -3
  73. package/__inner__/esm/components/ButtonNext/types.d.ts +3 -3
  74. package/__inner__/esm/components/Card/types.d.ts +2 -2
  75. package/__inner__/esm/components/Checkbox/types.d.ts +3 -3
  76. package/__inner__/esm/components/Chip/Chip.d.ts +1 -1
  77. package/__inner__/esm/components/ChipNext/types.d.ts +3 -3
  78. package/__inner__/esm/components/Collapse/types.d.ts +2 -2
  79. package/__inner__/esm/components/DataList/components/DataListOption/types.d.ts +3 -3
  80. package/__inner__/esm/components/DataList/types.d.ts +1 -1
  81. package/__inner__/esm/components/DatePicker/types.d.ts +1 -1
  82. package/__inner__/esm/components/FieldLabel/types.d.ts +5 -5
  83. package/__inner__/esm/components/File/File.d.ts +2 -2
  84. package/__inner__/esm/components/FilePicker/types.d.ts +10 -10
  85. package/__inner__/esm/components/FormControlLabel/types.d.ts +1 -1
  86. package/__inner__/esm/components/Grid/Grid.css +0 -2
  87. package/__inner__/esm/components/IconButton/IconButton.d.ts +4 -4
  88. package/__inner__/esm/components/IconButtonNext/types.d.ts +4 -4
  89. package/__inner__/esm/components/Indicator/types.d.ts +1 -1
  90. package/__inner__/esm/components/Input/types.d.ts +8 -8
  91. package/__inner__/esm/components/InputNumber/types.d.ts +7 -7
  92. package/__inner__/esm/components/List/components/ListItem/ListItem.d.ts +1 -1
  93. package/__inner__/esm/components/List/components/ListItemButton/ListItemButton.d.ts +2 -2
  94. package/__inner__/esm/components/List/components/ListItemIcon/ListItemIcon.d.ts +1 -1
  95. package/__inner__/esm/components/List/types.d.ts +1 -1
  96. package/__inner__/esm/components/Menu/components/MenuItem/MenuItem.d.ts +1 -1
  97. package/__inner__/esm/components/Menu/components/MenuList/MenuList.d.ts +1 -1
  98. package/__inner__/esm/components/Menu/types.d.ts +1 -1
  99. package/__inner__/esm/components/Modal/types.d.ts +5 -5
  100. package/__inner__/esm/components/Pagination/types.d.ts +1 -1
  101. package/__inner__/esm/components/Popover/types.d.ts +8 -11
  102. package/__inner__/esm/components/Portal/types.d.ts +1 -1
  103. package/__inner__/esm/components/Radio/types.d.ts +2 -2
  104. package/__inner__/esm/components/SectionMessage/types.d.ts +1 -1
  105. package/__inner__/esm/components/Segment/components/SegmentItem/types.d.ts +1 -1
  106. package/__inner__/esm/components/Segment/types.d.ts +2 -2
  107. package/__inner__/esm/components/Select/components/SelectInput/types.d.ts +11 -11
  108. package/__inner__/esm/components/Select/types.d.ts +3 -3
  109. package/__inner__/esm/components/Slider/types.d.ts +2 -2
  110. package/__inner__/esm/components/Snackbar/components/SnackbarItem/types.d.ts +4 -4
  111. package/__inner__/esm/components/Snackbar/types.d.ts +1 -1
  112. package/__inner__/esm/components/Stack/types.d.ts +3 -3
  113. package/__inner__/esm/components/Table/components/TableRow/types.d.ts +2 -2
  114. package/__inner__/esm/components/TagNext/types.d.ts +1 -1
  115. package/__inner__/esm/components/Textarea/types.d.ts +8 -8
  116. package/__inner__/esm/components/Toggle/types.d.ts +2 -2
  117. package/__inner__/esm/components/Tooltip/types.d.ts +3 -3
  118. package/__inner__/esm/components/Typography/types.d.ts +2 -2
  119. package/package.json +4 -4
@@ -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
- /** Если {true} не закрывает выпадающий список при выборе опции */
60
+ /** Если `true` не закрывает выпадающий список при выборе опции */
62
61
  disableCloseOnSelect?: boolean;
63
- /** Если {true} позволяет вводить кастомное значение в текстовом поле */
62
+ /** Если `true` позволяет вводить кастомное значение в текстовом поле */
64
63
  allowCustomValue?: boolean;
65
- /** Если {true} отображает статус загрузки (при условии отсутствующих опций) */
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
- /** Если {true}, то не отображает кнопку закрытия */
80
+ /** Если `true`, то не отображает кнопку закрытия */
82
81
  disableClearButton?: boolean;
83
82
  /** Функция поиска */
84
83
  searchFunction?: AutocompleteSearchFunction<OPTION>;
85
- /** Если {true} не показывает список с отсутствующими опциями */
84
+ /** Если `true` не показывает список с отсутствующими опциями */
86
85
  disableShowEmptyOptionsList?: boolean;
87
- /** Если {true} скрывает кнопку раскрытия/скрытия списка */
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 * + input::placeholder, .AutocompleteNext-Input_multiple input:focus::placeholder {
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;
@@ -119,7 +119,7 @@ var AutocompleteDropdownRender = function (inProps, ref) {
119
119
  disabled: isDisabled,
120
120
  },
121
121
  props: {
122
- key: "".concat(idx, "_").concat(key),
122
+ key: "".concat(idx, "-").concat(key),
123
123
  role: 'option',
124
124
  'aria-selected': isSelected,
125
125
  'aria-disabled': isDisabled,
@@ -10,7 +10,7 @@ export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIP
10
10
  name?: string;
11
11
  /** Содержимое компонента */
12
12
  children?: never;
13
- /** Если {true} из списка можно выбрать несколько вариантов */
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
- /** Если {true} не показывает список с отсутствующими опциями */
31
+ /** Если `true` не показывает список с отсутствующими опциями */
32
32
  disableShowEmptyOptionsList?: boolean;
33
33
  /** Текст компонента в состоянии загрузки */
34
34
  loadingText?: ReactNode;
@@ -8,7 +8,7 @@ import { AutocompleteInputMultiple } from './components';
8
8
  import { isNotMultipleParams, isMultipleParams } from './helpers';
9
9
  var AutocompleteInputRender = function (inProps, ref) {
10
10
  var _a, _b;
11
- 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 = __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"]);
11
+ 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 = __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"]);
12
12
  var hasValue = isMultipleParams(inProps)
13
13
  ? !!((_a = inProps.selectedOptions) === null || _a === void 0 ? void 0 : _a.length)
14
14
  : isNotNil(selectedOptions);
@@ -24,11 +24,11 @@ var AutocompleteInputRender = function (inProps, ref) {
24
24
  }
25
25
  if (isMultipleParams(inProps)) {
26
26
  var selectedOptions_1 = inProps.selectedOptions;
27
- return (React.createElement(AutocompleteInputMultiple, __assign({ renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
27
+ return (React.createElement(AutocompleteInputMultiple, __assign({ label: label, renderTag: renderTag, limitTags: limitTags, onRemoveTag: onRemoveTag, getOptionKey: getOptionKey, renderMoreTag: renderMoreTag, getOptionLabel: getOptionLabel, getOptionDisabled: getOptionDisabled, selectedOptions: selectedOptions_1, ref: ref }, other)));
28
28
  }
29
29
  return null;
30
30
  };
31
- return renderInput(__assign({ size: size, disabled: disabled, value: value || '', placeholder: placeholder, renderRight: (React.createElement(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: {
31
+ return renderInput(__assign({ size: size, disabled: disabled, label: label, value: value || '', placeholder: placeholder, renderRight: (React.createElement(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: {
32
32
  shrink: !!selectedOptionsLength,
33
33
  }, inputProps: __assign(__assign({ autoComplete: 'off' }, inputProps), { renderComponent: renderComponent }), bodyProps: __assign({ 'aria-expanded': open }, bodyProps), className: cnAutocomplete({ size: size, multiple: multiple, hasChevron: !disableShowChevron }, [className]) }, other), ref);
34
34
  };
@@ -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
- /** Если {true} из списка можно выбрать несколько вариантов */
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
- /** Если {true} не закрывает выпадающий список при выборе опции */
86
+ /** Если `true` не закрывает выпадающий список при выборе опции */
88
87
  disableCloseOnSelect?: boolean;
89
- /** Если {true} позволяет вводить кастомное значение в текстовом поле */
88
+ /** Если `true` позволяет вводить кастомное значение в текстовом поле */
90
89
  allowCustomValue?: boolean;
91
- /** Если {true} отображает статус загрузки (при условии отсутствующих опций) */
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
- /** Если {true}, то не отображает кнопку закрытия */
106
+ /** Если `true`, то не отображает кнопку закрытия */
108
107
  disableClearButton?: boolean;
109
108
  /** Функция поиска */
110
109
  searchFunction?: AutocompletePropSearchFunction<OPTION>;
111
- /** Если {true} не показывает список с отсутствующими опциями */
110
+ /** Если `true` не показывает список с отсутствующими опциями */
112
111
  disableShowEmptyOptionsList?: boolean;
113
- /** Если {true} скрывает кнопку раскрытия/скрытия списка */
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
- /** Если {true} отобразит индикатор онлайна */
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
- /** Если {true} делает подложку невидимой */
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
- /** Если {true} отображает нулевое значение */
32
+ /** Если `true` отображает нулевое значение */
33
33
  showZero?: boolean;
34
- /** Если {true} компонент будет скрыт */
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
- /** Если {true} делает кнопку заблокированной */
31
+ /** Если `true` делает кнопку заблокированной */
32
32
  disabled?: boolean;
33
- /** Если {true} переводит кнопку в состояние загрузки */
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
- /** Если {true} растягивает кнопку на всю ширину родительского контейнера */
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
- /** Если {true} делает кнопку заблокированной */
8
+ /** Если `true` делает кнопку заблокированной */
9
9
  disabled?: boolean;
10
- /** Если {true} переводит кнопку в состояние загрузки */
10
+ /** Если `true` переводит кнопку в состояние загрузки */
11
11
  loading?: boolean;
12
12
  /** Дополнительные CSS-классы */
13
13
  className?: string;
14
- /** Если {true} делает кнопку не стилизованной */
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
- /** Если {true} делает кнопку заблокированной */
30
+ /** Если `true` делает кнопку заблокированной */
31
31
  disabled?: boolean;
32
- /** Если {true} переводит кнопку в состояние загрузки */
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
- /** Если {true} растягивает кнопку на всю ширину родительского контейнера */
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
- /** Если {true} отображает компонент заблокированным и отключает взаимодействие с компонентом */
24
+ /** Если `true` отображает компонент заблокированным и отключает взаимодействие с компонентом */
25
25
  disabled?: boolean;
26
- /** Если {true} делает компонент интерактивным */
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
- /** Если {true} делает элемент неактивным */
11
+ /** Если `true` делает элемент неактивным */
12
12
  disabled?: boolean;
13
- /** Если {true} делает элемент выбранным */
13
+ /** Если `true` делает элемент выбранным */
14
14
  checked?: boolean;
15
- /** Если {true} отображает компонент как частично выбранный */
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
- /** Если {true} компонент отображается как заблокированный */
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
- /** Если {true} компонент отображается как заблокированный */
16
+ /** Если `true` компонент отображается как заблокированный */
17
17
  disabled?: boolean;
18
- /** Если {true} делает элемент выбранным */
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
- /** Если {true} разбивает длинный текст на несколько строк */
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
- /** Если {true} раскрыт */
7
+ /** Если `true` раскрыт */
8
8
  expanded?: boolean;
9
- /** Если {true} размонтирует контент при закрытии */
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
- /** Если {true} отображает опцию заблокированной */
10
+ /** Если `true` отображает опцию заблокированной */
11
11
  disabled?: boolean;
12
- /** Если {true} отображает опцию сфокусированной (клавиатура) */
12
+ /** Если `true` отображает опцию сфокусированной (клавиатура) */
13
13
  focused?: boolean;
14
- /** Если {true} отображает опцию выбранной */
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
- /** Если {true} из списка можно выбрать несколько вариантов */
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
- /** Если {true}, то не отображает кнопку закрытия */
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
- /** Если {true} переводит компонент в визуальное состояние заполненный */
8
+ /** Если `true` переводит компонент в визуальное состояние заполненный */
9
9
  filled?: boolean;
10
- /** Если {true} переводит компонент в визуальное состояние лейбл прижатый к верху */
10
+ /** Если `true` переводит компонент в визуальное состояние лейбл прижатый к верху */
11
11
  shrink?: boolean;
12
- /** Если {true} переводит компонент в визуальное состояние сфокусированный */
12
+ /** Если `true` переводит компонент в визуальное состояние сфокусированный */
13
13
  focused?: boolean;
14
- /** Если {true} переводит компонент в визуальное состояние обязательный */
14
+ /** Если `true` переводит компонент в визуальное состояние обязательный */
15
15
  required?: boolean;
16
- /** Если {true} переводит компонент в визуальное состояние неактивный */
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
- /** Если {true} отображает иконку загрузки и изменяет стилизацию */
16
+ /** Если `true` отображает иконку загрузки и изменяет стилизацию */
17
17
  loading?: boolean;
18
- /** Если {true} отображает иконку ошибки и изменяет стилизацию */
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
- /** Если {true} можно выбрать несколько файлов */
38
+ /** Если `true` можно выбрать несколько файлов */
39
39
  multiple?: boolean;
40
40
  /** Список выбранных файлов */
41
41
  fileList?: File[];
42
- /** Если {true} растягивает поле на всю ширину */
42
+ /** Если `true` растягивает поле на всю ширину */
43
43
  fullWidth?: boolean;
44
- /** Если {true} устанавливает автофокус */
44
+ /** Если `true` устанавливает автофокус */
45
45
  autoFocus?: boolean;
46
46
  /** Свойства элемента input */
47
47
  inputProps?: InputElement & {
48
48
  'data-testid'?: string;
49
49
  };
50
- /** Если {true} отключает сокращение длинного названия файла */
50
+ /** Если `true` отключает сокращение длинного названия файла */
51
51
  disableTruncate?: boolean;
52
- /** Если {true} делает элемент обязательным к заполнению */
52
+ /** Если `true` делает элемент обязательным к заполнению */
53
53
  required?: boolean;
54
- /** Если {true} отключает обводку */
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
- /** Если {true} переводит поле в состояние ошибки */
62
+ /** Если `true` переводит поле в состояние ошибки */
63
63
  error?: boolean;
64
- /** Если {true} делает элемент неактивным */
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
- /** Если {true} визуализирует компонент как заблокированный */
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
- /** Если {true} уменьшает размер компонента */
24
+ /** Если `true` уменьшает размер компонента */
25
25
  compressed?: boolean;
26
- /** Если {true} делает компонент заблокированным */
26
+ /** Если `true` делает компонент заблокированным */
27
27
  disabled?: boolean;
28
- /** Если {true} переводит компонент в состояние загрузки */
28
+ /** Если `true` переводит компонент в состояние загрузки */
29
29
  loading?: boolean;
30
30
  /** Дополнительные CSS-классы */
31
31
  className?: string;
32
- /** Если {true} делает компонент круглым */
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
- /** Если {true} уменьшает размер компонента */
23
+ /** Если `true` уменьшает размер компонента */
24
24
  compressed?: boolean;
25
- /** Если {true} делает компонент заблокированным */
25
+ /** Если `true` делает компонент заблокированным */
26
26
  disabled?: boolean;
27
- /** Если {true} переводит компонент в состояние загрузки */
27
+ /** Если `true` переводит компонент в состояние загрузки */
28
28
  loading?: boolean;
29
29
  /** Дополнительные CSS-классы */
30
30
  className?: string;
31
- /** Если {true} делает компонент круглым */
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
- /** Если {true} устанавливает вокруг индикатора рамку
17
+ /** Если `true` устанавливает вокруг индикатора рамку
18
18
  * @default false
19
19
  * */
20
20
  border?: boolean;
@@ -12,12 +12,12 @@ export type InputSizeVariant = FormElementSizeVariant;
12
12
  type InputPropsDeprecated = {
13
13
  /**
14
14
  * Ссылка на FieldLabel
15
- * @deprecated Используйте labelProps.ref
15
+ * @deprecated Используйте `labelProps.ref`
16
16
  * */
17
17
  labelRef?: FieldLabelProps['ref'];
18
18
  /**
19
19
  * Ссылка на элемент input
20
- * @deprecated Используйте inputProps.ref
20
+ * @deprecated Используйте `inputProps.ref`
21
21
  * */
22
22
  inputRef?: Ref<HTMLInputElement>;
23
23
  };
@@ -35,21 +35,21 @@ export type InputProps = ExtendableComponentPropsWithRef<{
35
35
  size?: InputSizeVariant;
36
36
  /** Подсказка. Отображается, когда вариант не выбран */
37
37
  placeholder?: string;
38
- /** Если {true} устанавливает автофокус */
38
+ /** Если `true` устанавливает автофокус */
39
39
  autoFocus?: boolean;
40
- /** Если {true} переводит поле в состояние ошибки */
40
+ /** Если `true` переводит поле в состояние ошибки */
41
41
  error?: boolean;
42
- /** Если {true} растягивает поле на всю ширину */
42
+ /** Если `true` растягивает поле на всю ширину */
43
43
  fullWidth?: boolean;
44
44
  /** Дополнительное описание к полю */
45
45
  hint?: string | null | undefined;
46
46
  /** Атрибут type для элемента input */
47
47
  type?: InputTypeVariant;
48
- /** Если {true} делает элемент неактивным */
48
+ /** Если `true` делает элемент неактивным */
49
49
  disabled?: boolean;
50
- /** Если {true} делает элемент обязательным к заполнению */
50
+ /** Если `true` делает элемент обязательным к заполнению */
51
51
  required?: boolean;
52
- /** Если {true} отключает обводку */
52
+ /** Если `true` отключает обводку */
53
53
  disableStroke?: boolean;
54
54
  /** Минимальное количество символов разрешенных для ввода */
55
55
  minLength?: InputElement['minLength'];