kui-complex 0.0.103 → 0.0.104

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/index.d.ts CHANGED
@@ -288,14 +288,14 @@ declare const TableCell: _emotion_styled.StyledComponent<{
288
288
 
289
289
  declare const TableRow: React.ForwardRefExoticComponent<Pick<React.ClassAttributes<HTMLTableRowElement> & React.HTMLAttributes<HTMLTableRowElement>, "key" | keyof React.HTMLAttributes<HTMLTableRowElement>> & React.RefAttributes<HTMLTableRowElement>>;
290
290
 
291
- type PopperPlacements =
292
- | "right"
293
- | "left"
294
- | "topStart"
295
- | "topMiddle"
296
- | "topEnd"
297
- | "bottomStart"
298
- | "bottomMiddle"
291
+ type PopperPlacements =
292
+ | "right"
293
+ | "left"
294
+ | "topStart"
295
+ | "topMiddle"
296
+ | "topEnd"
297
+ | "bottomStart"
298
+ | "bottomMiddle"
299
299
  | "bottomEnd"
300
300
 
301
301
  interface TooltipProps
package/index.js CHANGED
@@ -938,11 +938,14 @@ var placementsPositions = {
938
938
 
939
939
  var PopperBase = forwardRef(function (props, ref) {
940
940
  props.placement; var open = props.open, children = props.children, spacing = props.spacing, className = props.className, style = props.style, other = __rest(props, ["placement", "open", "children", "spacing", "className", "style"]);
941
- return (jsx(StyledPopperWrapper, __assign({ ref: ref, className: classNames("KUI-Popper", className), spacing: spacing, style: style }, { children: jsx(StyledPopper, __assign({ open: !!open }, other, { children: children })) })));
941
+ return (jsx(StyledPopperWrapper, __assign({ ref: ref, className: classNames("KUI-Popper", className), spacing: spacing, style: style, open: !!open }, { children: jsx(StyledPopper, __assign({ open: !!open }, other, { children: children })) })));
942
942
  });
943
- var StyledPopperWrapper = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ", ";\n z-index: 10;\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 position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ", ";\n z-index: 10;\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) {
943
+ var StyledPopperWrapper = styled.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ", ";\n z-index: ", ";\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 position: absolute;\n max-width: 215px;\n width: max-content;\n padding: ", ";\n z-index: ", ";\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) {
944
944
  var spacing = _a.spacing;
945
945
  return spacing || 0;
946
+ }, function (_a) {
947
+ var open = _a.open;
948
+ return (open ? 10 : -1);
946
949
  }, theme.breakpoints.xxs);
947
950
  var StyledPopper = styled.div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n padding: 16px;\n border-radius: 12px;\n background: white;\n box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);\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 transition: opacity 0.3s ease-out;\n opacity: ", ";\n"])), function (_a) {
948
951
  var open = _a.open;