@loomhq/lens 10.32.9 → 10.32.12
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.
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgCCOff(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2
|
|
5
|
-
React.createElement("path", { d: "M7.59204 9.68002C8.77604 9.68002 9.30404 10.448 9.48004 11.136L11.144 10.528C10.824 9.28002 9.67204 7.96802 7.57604 7.96802C5.33604 7.96802 3.59204 9.69602 3.59204 12.096C3.59204 14.464 5.33604 16.24 7.62404 16.24C9.67204 16.24 10.84 14.912 11.208 13.696L9.57604 13.104C9.40004 13.696 8.84004 14.544 7.62404 14.544C6.45604 14.544 5.44804 13.664 5.44804 12.096C5.44804 10.528 6.45604 9.68002 7.59204 9.68002Z", fill: "currentColor" }),
|
|
6
|
-
React.createElement("path", { d: "M16.1702 9.68002C17.3542 9.68002 17.8822 10.448 18.0582 11.136L19.7222 10.528C19.4022 9.28002 18.2502 7.96802 16.1542 7.96802C13.9142 7.96802 12.1702 9.69602 12.1702 12.096C12.1702 14.464 13.9142 16.24 16.2022 16.24C18.2502 16.24 19.4182 14.912 19.7862 13.696L18.1542 13.104C17.9782 13.696 17.4182 14.544 16.2022 14.544C15.0342 14.544 14.0262 13.664 14.0262 12.096C14.0262 10.528 15.0342 9.68002 16.1702 9.68002Z", fill: "currentColor" })));
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2 7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17V7ZM4 3C1.79086 3 0 4.79086 0 7V17C0 19.2091 1.79086 21 4 21H20C22.2091 21 24 19.2091 24 17V7C24 4.79086 22.2091 3 20 3H4ZM11.5519 13.5139C11.2549 14.7129 10.1329 16.1649 7.94393 16.1649C5.76593 16.1649 3.95093 14.5919 3.95093 12.1059C3.95093 9.61989 5.83193 8.03589 7.92193 8.03589C10.0779 8.03589 11.1889 9.35589 11.4969 10.6209L10.0669 11.0719C9.87993 10.3239 9.27493 9.49889 7.92193 9.49889C6.75593 9.49889 5.52393 10.3349 5.52393 12.1059C5.52393 13.7669 6.68993 14.6799 7.94393 14.6799C9.27493 14.6799 9.92393 13.8109 10.1329 13.0849L11.5519 13.5139ZM19.7664 13.5139C19.4694 14.7129 18.3474 16.1649 16.1584 16.1649C13.9804 16.1649 12.1654 14.5919 12.1654 12.1059C12.1654 9.61989 14.0464 8.03589 16.1364 8.03589C18.2924 8.03589 19.4034 9.35589 19.7114 10.6209L18.2814 11.0719C18.0944 10.3239 17.4894 9.49889 16.1364 9.49889C14.9704 9.49889 13.7384 10.3349 13.7384 12.1059C13.7384 13.7669 14.9044 14.6799 16.1584 14.6799C17.4894 14.6799 18.1384 13.8109 18.3474 13.0849L19.7664 13.5139Z", fill: "currentColor" })));
|
|
7
5
|
}
|
|
8
6
|
export default SvgCCOff;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
function SvgCCOn(props) {
|
|
3
3
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
|
|
4
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 7C0 4.79086 1.79086 3 4 3H20C22.2091 3 24 4.79086 24 7V17C24 19.2091 22.2091 21 20 21H4C1.79086 21 0 19.2091 0 17V7ZM11.5519 13.5139C11.2549 14.7129 10.1329 16.1649 7.94393 16.1649C5.76593 16.1649 3.95093 14.5919 3.95093 12.1059C3.95093 9.61989 5.83193 8.03589 7.92193 8.03589C10.0779 8.03589 11.1889 9.35589 11.4969 10.6209L10.0669 11.0719C9.87993 10.3239 9.27493 9.49889 7.92193 9.49889C6.75593 9.49889 5.52393 10.3349 5.52393 12.1059C5.52393 13.7669 6.68993 14.6799 7.94393 14.6799C9.27493 14.6799 9.92393 13.8109 10.1329 13.0849L11.5519 13.5139ZM19.7664 13.5139C19.4694 14.7129 18.3474 16.1649 16.1584 16.1649C13.9804 16.1649 12.1654 14.5919 12.1654 12.1059C12.1654 9.61989 14.0464 8.03589 16.1364 8.03589C18.2924 8.03589 19.4034 9.35589 19.7114 10.6209L18.2814 11.0719C18.0944 10.3239 17.4894 9.49889 16.1364 9.49889C14.9704 9.49889 13.7384 10.3349 13.7384 12.1059C13.7384 13.7669 14.9044 14.6799 16.1584 14.6799C17.4894 14.6799 18.1384 13.8109 18.3474 13.0849L19.7664 13.5139Z", fill: "currentColor" })));
|
|
5
5
|
}
|
|
6
6
|
export default SvgCCOn;
|
|
@@ -34,12 +34,13 @@ const Wrapper = styled.div `
|
|
|
34
34
|
width: fit-content;
|
|
35
35
|
// transform forces the popover to calculate the position from the trigger instead of the viewport
|
|
36
36
|
transform: translate(0);
|
|
37
|
+
z-index: 1;
|
|
37
38
|
`;
|
|
38
39
|
const ContentWrapper = styled.div `
|
|
39
40
|
${props => props.zIndex && `z-index: ${props.zIndex}`};
|
|
40
41
|
`;
|
|
41
42
|
const Popover = (_a) => {
|
|
42
|
-
var { children, content, offset =
|
|
43
|
+
var { children, content, offset = 0.5, boundaryOffset = 0.5, isOpen, zIndex = 500, placement = 'topCenter', rootId, boundaryElement = 'body', transitionDuration = 0, transitionDelay = 0 } = _a, props = __rest(_a, ["children", "content", "offset", "boundaryOffset", "isOpen", "zIndex", "placement", "rootId", "boundaryElement", "transitionDuration", "transitionDelay"]);
|
|
43
44
|
const unitOffset = offset * unit;
|
|
44
45
|
const unitBoundaryOffset = boundaryOffset * unit;
|
|
45
46
|
const [bodyElement, setBodyElement] = useState(null);
|
|
@@ -59,7 +60,10 @@ const Popover = (_a) => {
|
|
|
59
60
|
const { x, y, reference, floating, strategy, update, refs } = useFloating({
|
|
60
61
|
placement: placements[placement],
|
|
61
62
|
middleware: [
|
|
62
|
-
flip({
|
|
63
|
+
flip({
|
|
64
|
+
fallbackPlacements: ['top', 'bottom'],
|
|
65
|
+
fallbackStrategy: 'initialPlacement',
|
|
66
|
+
}),
|
|
63
67
|
shift({
|
|
64
68
|
padding: unitBoundaryOffset,
|
|
65
69
|
boundary: getBoundaryElement(),
|