@carbonplan/components 13.4.0-develop.2 → 13.4.0-develop.3
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/dst/index.js +11 -2
- package/dst/index.js.map +1 -1
- package/dst/index.mjs +24 -15
- package/dst/index.mjs.map +1 -1
- package/package.json +1 -1
package/dst/index.js
CHANGED
|
@@ -1962,7 +1962,8 @@ var SearchMenu = ({
|
|
|
1962
1962
|
column_default,
|
|
1963
1963
|
{
|
|
1964
1964
|
start: [1, 1 + i * 3 % 6, 2 + i * 3 % 9, 2 + i * 3 % 9],
|
|
1965
|
-
width: [6, 3, 3, 3]
|
|
1965
|
+
width: [6, 3, 3, 3],
|
|
1966
|
+
key: group.label
|
|
1966
1967
|
},
|
|
1967
1968
|
/* @__PURE__ */ import_react21.default.createElement(import_theme_ui19.Box, { sx: sx2.highlight }, group.label),
|
|
1968
1969
|
group.links.map(({ label, href }) => /* @__PURE__ */ import_react21.default.createElement(
|
|
@@ -1986,6 +1987,12 @@ var Header = ({ status, mode, nav, menuItems }) => {
|
|
|
1986
1987
|
const [menuExpanded, setMenuExpanded] = (0, import_react22.useState)(false);
|
|
1987
1988
|
const [searchExpanded, setSearchExpanded] = (0, import_react22.useState)(false);
|
|
1988
1989
|
const expanded = searchExpanded || menuExpanded;
|
|
1990
|
+
(0, import_react22.useEffect)(() => {
|
|
1991
|
+
document.body.style.overflow = expanded ? "hidden" : "";
|
|
1992
|
+
return () => {
|
|
1993
|
+
document.body.style.overflow = "";
|
|
1994
|
+
};
|
|
1995
|
+
}, [expanded]);
|
|
1989
1996
|
return /* @__PURE__ */ import_react22.default.createElement(
|
|
1990
1997
|
row_default,
|
|
1991
1998
|
{
|
|
@@ -2112,7 +2119,9 @@ var Header = ({ status, mode, nav, menuItems }) => {
|
|
|
2112
2119
|
backgroundColor: "background",
|
|
2113
2120
|
zIndex: 4e3,
|
|
2114
2121
|
pt: ["79px"],
|
|
2115
|
-
transition: "opacity 0.25s"
|
|
2122
|
+
transition: "opacity 0.25s",
|
|
2123
|
+
overflowY: "auto",
|
|
2124
|
+
overscrollBehavior: "contain"
|
|
2116
2125
|
}
|
|
2117
2126
|
},
|
|
2118
2127
|
/* @__PURE__ */ import_react22.default.createElement(import_theme_ui20.Container, null, /* @__PURE__ */ import_react22.default.createElement(row_default, null, menuExpanded && /* @__PURE__ */ import_react22.default.createElement(column_default, { start: [2, 4, 7, 7], width: [5, 4, 5, 5] }, /* @__PURE__ */ import_react22.default.createElement(import_theme_ui20.Box, { as: "nav", sx: { mt: [5, 5, 5, 6] } }, /* @__PURE__ */ import_react22.default.createElement(
|