kui-complex 0.0.15 → 0.0.17

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 (6) hide show
  1. package/dist/index.d.ts +0 -2
  2. package/dist/index.es.js +3 -3
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.js +3 -3
  5. package/dist/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -276,11 +276,9 @@ declare const Tooltip: React.ForwardRefExoticComponent<{
276
276
  onOpen?: (() => void) | undefined;
277
277
  onClose?: (() => void) | undefined;
278
278
  content: React.ReactNode;
279
- } & {
280
279
  open?: boolean | undefined;
281
280
  placement?: PopperPlacements | undefined;
282
281
  withArrow?: boolean | undefined;
283
- contentRef: React.RefObject<HTMLDivElement>;
284
282
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<unknown>>;
285
283
 
286
284
  export { Avatar, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, DesktopInputWithMonthPicker, DesktopMenuPanel, InputDropdown, InputForDatepicker, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputTextAreaMobile, InputWithController, InputWithDatePicker, InputWithMonthPicker, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar };
package/dist/index.es.js CHANGED
@@ -865,10 +865,10 @@ var Popper = forwardRef(function (props, ref) {
865
865
  // Распожить стрелочку к контенту посередине контента
866
866
  return ReactDOM.createPortal(jsxs$1(Fragment$1, { children: [jsx(Global, { styles: css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n body {\n position: relative;\n }\n "], ["\n body {\n position: relative;\n }\n "]))) }), jsx(StyledPopper, __assign({ ref: forwardedRef, style: position, open: !!open }, other, { children: children }))] }), document.body);
867
867
  });
868
- var StyledPopper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n max-width: 215px;\n position: absolute;\n transition: opacity 0.3s ease-out;\n opacity: ", ";\n"], ["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n max-width: 215px;\n position: absolute;\n transition: opacity 0.3s ease-out;\n opacity: ", ";\n"])), function (_a) {
868
+ var StyledPopper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n max-width: 215px;\n position: absolute;\n transition: opacity 0.3s ease-out;\n opacity: ", ";\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"], ["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\n max-width: 215px;\n position: absolute;\n transition: opacity 0.3s ease-out;\n opacity: ", ";\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n top: auto !important;\n left: 16px !important;\n width: calc(100vw - 32px);\n max-width: unset;\n }\n"])), function (_a) {
869
869
  var open = _a.open;
870
870
  return (open ? 1 : 0);
871
- });
871
+ }, theme.breakpoints.xxs);
872
872
  var templateObject_1$1, templateObject_2;
873
873
 
874
874
  var Tooltip = forwardRef(function (props, ref) {
@@ -893,7 +893,7 @@ var Tooltip = forwardRef(function (props, ref) {
893
893
  // TODO добавить возможность наведениня на подсказку без ее исчезновение (через таймер?)
894
894
  return (jsxs$1(Fragment$1, { children: [jsx(StyledWrapper, __assign({ onMouseEnter: handleOpen, onMouseLeave: handleClose, onTouchEnd: handleOpen, ref: elemRef }, { children: children })), jsx(Popper, __assign({ open: isOpen }, popper, { contentRef: elemRef }, { children: content }))] }));
895
895
  });
896
- var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-block;\n cursor: pointer;\n"], ["\n display: inline-block;\n cursor: pointer;\n"])));
896
+ var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n cursor: pointer;\n width: fit-content;\n height: fit-content;\n"], ["\n display: inline-flex;\n cursor: pointer;\n width: fit-content;\n height: fit-content;\n"])));
897
897
  var templateObject_1;
898
898
 
899
899
  export { Avatar, ButtonTab, ButtonsPanel, CalendarHeaderWithSelect, CalendarStandardContainer, CalendarStandardHeader, DesktopInputWithMonthPicker, DesktopMenuPanel, InputDropdown, InputForDatepicker, InputPassword, InputPhoneWithForm, InputSelect, InputSelectDropdown, InputTextAreaMobile, InputWithController, InputWithDatePicker, InputWithMonthPicker, MenuItem, MenuPanel, MobileInputWithMonthPicker, MobileMenuPanel, MonthPickerContainer, MonthPickerHeader, PassportStrengthBar, SelectMonth, SelectYear, Switch, Table, TableCell, TableHeadCell, TableRow, Tooltip, UndefinedAvatar };