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/Popper/cjs/index.js +5 -2
- package/Popper/cjs/index.js.map +1 -1
- package/Popper/index.d.ts +8 -8
- package/Popper/index.js +5 -2
- package/Popper/index.js.map +1 -1
- package/PopperBase/cjs/index.js +5 -2
- package/PopperBase/cjs/index.js.map +1 -1
- package/PopperBase/index.d.ts +8 -8
- package/PopperBase/index.js +5 -2
- package/PopperBase/index.js.map +1 -1
- package/PopperWithPortal/cjs/index.js +5 -2
- package/PopperWithPortal/cjs/index.js.map +1 -1
- package/PopperWithPortal/index.d.ts +8 -8
- package/PopperWithPortal/index.js +5 -2
- package/PopperWithPortal/index.js.map +1 -1
- package/StaticPopper/cjs/index.js +5 -2
- package/StaticPopper/cjs/index.js.map +1 -1
- package/StaticPopper/index.d.ts +8 -8
- package/StaticPopper/index.js +5 -2
- package/StaticPopper/index.js.map +1 -1
- package/Tooltip/cjs/index.js +5 -2
- package/Tooltip/cjs/index.js.map +1 -1
- package/Tooltip/index.d.ts +8 -8
- package/Tooltip/index.js +5 -2
- package/Tooltip/index.js.map +1 -1
- package/cjs/index.js +5 -2
- package/cjs/index.js.map +1 -1
- package/index.d.ts +8 -8
- package/index.js +5 -2
- package/index.js.map +1 -1
- package/package.json +1 -1
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:
|
|
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;
|