@carbonplan/components 11.0.5-develop.1 → 11.0.5

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 CHANGED
@@ -1617,7 +1617,8 @@ var GitSha = function GitSha() {
1617
1617
  var href = 'https://github.com/' + owner + '/' + slug + '/tree/' + sha;
1618
1618
  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
1619
1619
  sx: {
1620
- display: 'inline-block'
1620
+ display: 'inline-block',
1621
+ width: '87px'
1621
1622
  }
1622
1623
  }, /*#__PURE__*/React__default['default'].createElement(Separator, {
1623
1624
  color: color
@@ -1639,7 +1640,8 @@ var GitSha = function GitSha() {
1639
1640
  // fallback
1640
1641
  return /*#__PURE__*/React__default['default'].createElement(themeUi.Box, {
1641
1642
  sx: {
1642
- display: 'inline-block'
1643
+ display: 'inline-block',
1644
+ width: '87px'
1643
1645
  }
1644
1646
  }, /*#__PURE__*/React__default['default'].createElement(Separator, {
1645
1647
  color: color
@@ -1728,7 +1730,6 @@ var Metadata = function Metadata(_ref2) {
1728
1730
  position: 'fixed',
1729
1731
  bottom: '42px',
1730
1732
  right: '24px',
1731
- width: '87px',
1732
1733
  transformOrigin: 'right',
1733
1734
  transform: 'rotate(90deg)',
1734
1735
  display: ['none', 'none', 'initial']
@@ -2066,18 +2067,18 @@ var Layout = function Layout(_ref) {
2066
2067
  React.useEffect(function () {
2067
2068
  if (!theme) return;
2068
2069
 
2069
- var handler = function handler() {
2070
- if (settings != null && settings.value && settings != null && settings.onClick) {
2070
+ var handler = function handler(e) {
2071
+ if (e.matches && settings != null && settings.value && settings != null && settings.onClick) {
2071
2072
  settings == null ? void 0 : settings.onClick();
2072
2073
  }
2073
2074
  };
2074
2075
 
2075
- var query = window.matchMedia("(max-width: " + theme.breakpoints[1] + ")");
2076
- query.addListener(handler);
2076
+ var query = window.matchMedia("(min-width: " + theme.breakpoints[1] + ")");
2077
+ query.onchange = handler;
2077
2078
  return function () {
2078
- query.removeListener(handler);
2079
+ query.onchange = null;
2079
2080
  };
2080
- }, [theme, settings == null ? void 0 : settings.value, settings == null ? void 0 : settings.onClick]);
2081
+ }, [theme == null ? void 0 : theme.breakpoints, settings == null ? void 0 : settings.value, settings == null ? void 0 : settings.onClick]);
2081
2082
  var menuItems = [/*#__PURE__*/React__default['default'].createElement(Dimmer, {
2082
2083
  key: "dimmer",
2083
2084
  sx: {