@zendeskgarden/react-chrome 8.75.1 → 8.76.0

package/dist/esm/elements/Chrome.js

@@ -0,0 +1,99 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { useContext, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { ThemeContext } from 'styled-components';
+import { readableColor } from 'polished';
+import { getColorV8, useDocument } from '@zendeskgarden/react-theming';
+import { ChromeContext } from '../utils/useChromeContext.js';
+import { StyledChrome } from '../styled/StyledChrome.js';
+import '../styled/StyledSkipNav.js';
+import '../styled/StyledSkipNavIcon.js';
+import '../styled/body/StyledBody.js';
+import '../styled/body/StyledContent.js';
+import '../styled/body/StyledMain.js';
+import '../styled/body/StyledSidebar.js';
+import '../styled/footer/StyledFooter.js';
+import '../styled/footer/StyledFooterItem.js';
+import '../styled/header/StyledHeader.js';
+import '../styled/header/StyledBaseHeaderItem.js';
+import '../styled/header/StyledHeaderItem.js';
+import '../styled/header/StyledHeaderItemIcon.js';
+import '../styled/header/StyledLogoHeaderItem.js';
+import '../styled/header/StyledHeaderItemText.js';
+import '../styled/header/StyledHeaderItemWrapper.js';
+import '../styled/nav/StyledNav.js';
+import '../styled/nav/StyledBaseNavItem.js';
+import '../styled/nav/StyledLogoNavItem.js';
+import '../styled/nav/StyledBrandmarkNavItem.js';
+import '../styled/nav/StyledNavItem.js';
+import '../styled/nav/StyledNavItemIcon.js';
+import '../styled/nav/StyledNavItemText.js';
+import '../styled/subnav/StyledSubNav.js';
+import '../styled/subnav/StyledSubNavItem.js';
+import '../styled/subnav/StyledSubNavItemText.js';
+import '../styled/subnav/StyledSubNavItemHeader.js';
+import '../styled/subnav/StyledSubNavItemIcon.js';
+import '../styled/subnav/StyledSubNavPanel.js';
+import '../styled/sheet/StyledSheet.js';
+import '../styled/sheet/StyledSheetWrapper.js';
+import '../styled/sheet/StyledSheetTitle.js';
+import '../styled/sheet/StyledSheetDescription.js';
+import '../styled/sheet/StyledSheetBody.js';
+import '../styled/sheet/StyledSheetClose.js';
+import '../styled/sheet/StyledSheetFooter.js';
+import '../styled/sheet/StyledSheetFooterItem.js';
+import '../styled/sheet/StyledSheetHeader.js';
+
+const Chrome = React__default.forwardRef((_ref, ref) => {
+  let {
+    hue,
+    isFluid,
+    ...props
+  } = _ref;
+  const theme = useContext(ThemeContext);
+  const isLightMemoized = useMemo(() => {
+    if (hue) {
+      const backgroundColor = getColorV8(hue, 600, theme);
+      const LIGHT_COLOR = 'white';
+      return readableColor(backgroundColor, LIGHT_COLOR, undefined, false ) === LIGHT_COLOR;
+    }
+    return false;
+  }, [hue, theme]);
+  const isLight = hue ? isLightMemoized : false;
+  const isDark = hue ? !isLightMemoized : false;
+  const chromeContextValue = useMemo(() => ({
+    hue: hue || 'chromeHue',
+    isLight,
+    isDark
+  }), [hue, isLight, isDark]);
+  const environment = useDocument(theme);
+  useEffect(() => {
+    if (environment && !isFluid) {
+      const htmlElement = environment.querySelector('html');
+      if (htmlElement) {
+        const defaultHtmlPosition = htmlElement.style.position;
+        htmlElement.style.position = 'fixed';
+        return () => {
+          htmlElement.style.position = defaultHtmlPosition;
+        };
+      }
+    }
+    return undefined;
+  }, [environment, isFluid]);
+  return React__default.createElement(ChromeContext.Provider, {
+    value: chromeContextValue
+  }, React__default.createElement(StyledChrome, Object.assign({
+    ref: ref
+  }, props)));
+});
+Chrome.displayName = 'Chrome';
+Chrome.propTypes = {
+  hue: PropTypes.string
+};
+
+export { Chrome };

package/dist/esm/elements/SkipNav.js

@@ -0,0 +1,70 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import '../styled/StyledChrome.js';
+import { StyledSkipNav } from '../styled/StyledSkipNav.js';
+import { StyledSkipNavIcon } from '../styled/StyledSkipNavIcon.js';
+import '../styled/body/StyledBody.js';
+import '../styled/body/StyledContent.js';
+import '../styled/body/StyledMain.js';
+import '../styled/body/StyledSidebar.js';
+import '../styled/footer/StyledFooter.js';
+import '../styled/footer/StyledFooterItem.js';
+import '../styled/header/StyledHeader.js';
+import '../styled/header/StyledBaseHeaderItem.js';
+import '../styled/header/StyledHeaderItem.js';
+import '../styled/header/StyledHeaderItemIcon.js';
+import '../styled/header/StyledLogoHeaderItem.js';
+import '../styled/header/StyledHeaderItemText.js';
+import '../styled/header/StyledHeaderItemWrapper.js';
+import '../styled/nav/StyledNav.js';
+import '../styled/nav/StyledBaseNavItem.js';
+import '../styled/nav/StyledLogoNavItem.js';
+import '../styled/nav/StyledBrandmarkNavItem.js';
+import '../styled/nav/StyledNavItem.js';
+import '../styled/nav/StyledNavItemIcon.js';
+import '../styled/nav/StyledNavItemText.js';
+import '../styled/subnav/StyledSubNav.js';
+import '../styled/subnav/StyledSubNavItem.js';
+import '../styled/subnav/StyledSubNavItemText.js';
+import '../styled/subnav/StyledSubNavItemHeader.js';
+import '../styled/subnav/StyledSubNavItemIcon.js';
+import '../styled/subnav/StyledSubNavPanel.js';
+import '../styled/sheet/StyledSheet.js';
+import '../styled/sheet/StyledSheetWrapper.js';
+import '../styled/sheet/StyledSheetTitle.js';
+import '../styled/sheet/StyledSheetDescription.js';
+import '../styled/sheet/StyledSheetBody.js';
+import '../styled/sheet/StyledSheetClose.js';
+import '../styled/sheet/StyledSheetFooter.js';
+import '../styled/sheet/StyledSheetFooterItem.js';
+import '../styled/sheet/StyledSheetHeader.js';
+
+const SkipNav = React__default.forwardRef((_ref, ref) => {
+  let {
+    targetId,
+    zIndex,
+    children,
+    ...props
+  } = _ref;
+  return React__default.createElement(StyledSkipNav, Object.assign({
+    href: `#${targetId}`,
+    zIndex: zIndex,
+    ref: ref
+  }, props), React__default.createElement(StyledSkipNavIcon, null), children);
+});
+SkipNav.displayName = 'SkipNav';
+SkipNav.propTypes = {
+  targetId: PropTypes.string.isRequired,
+  zIndex: PropTypes.number
+};
+SkipNav.defaultProps = {
+  zIndex: 1
+};
+
+export { SkipNav };

package/dist/esm/elements/body/Body.js

@@ -0,0 +1,68 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import { StyledBody } from '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+import { BodyContext } from '../../utils/useBodyContext.js';
+
+const Body = React__default.forwardRef((_ref, ref) => {
+  let {
+    hasFooter,
+    ...props
+  } = _ref;
+  const bodyContextValue = useMemo(() => ({
+    hasFooter: !!hasFooter
+  }), [hasFooter]);
+  return React__default.createElement(BodyContext.Provider, {
+    value: bodyContextValue
+  }, React__default.createElement(StyledBody, Object.assign({
+    ref: ref
+  }, props)));
+});
+Body.displayName = 'Body';
+Body.propTypes = {
+  hasFooter: PropTypes.bool
+};
+
+export { Body };

package/dist/esm/elements/body/Content.js

@@ -0,0 +1,59 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import { StyledContent } from '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+import { useBodyContext } from '../../utils/useBodyContext.js';
+
+const Content = React__default.forwardRef((props, ref) => {
+  const {
+    hasFooter
+  } = useBodyContext();
+  return React__default.createElement(StyledContent, Object.assign({
+    ref: ref,
+    hasFooter: hasFooter
+  }, props));
+});
+Content.displayName = 'Content';
+
+export { Content };

package/dist/esm/elements/body/Main.js

@@ -0,0 +1,52 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import { StyledMain } from '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const Main = React__default.forwardRef((props, ref) => React__default.createElement(StyledMain, Object.assign({
+  ref: ref
+}, props)));
+Main.displayName = 'Main';
+
+export { Main };

package/dist/esm/elements/body/Sidebar.js

@@ -0,0 +1,52 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import { StyledSidebar } from '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const Sidebar = React__default.forwardRef((props, ref) => React__default.createElement(StyledSidebar, Object.assign({
+  ref: ref
+}, props)));
+Sidebar.displayName = 'Sidebar';
+
+export { Sidebar };

package/dist/esm/elements/footer/Footer.js

@@ -0,0 +1,52 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import { StyledFooter } from '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const Footer = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooter, Object.assign({
+  ref: ref
+}, props)));
+Footer.displayName = 'Footer';
+
+export { Footer };

package/dist/esm/elements/footer/FooterItem.js

@@ -0,0 +1,52 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import { StyledFooterItem } from '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const FooterItem = React__default.forwardRef((props, ref) => React__default.createElement(StyledFooterItem, Object.assign({
+  ref: ref
+}, props)));
+FooterItem.displayName = 'FooterItem';
+
+export { FooterItem };

package/dist/esm/elements/header/Header.js

@@ -0,0 +1,56 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import { StyledHeader } from '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const Header = React__default.forwardRef((props, ref) => React__default.createElement(StyledHeader, Object.assign({
+  ref: ref
+}, props)));
+Header.displayName = 'Header';
+Header.propTypes = {
+  isStandalone: PropTypes.bool
+};
+
+export { Header };

package/dist/esm/elements/header/HeaderItem.js

@@ -0,0 +1,74 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { PRODUCT } from '../../types/index.js';
+import '../../styled/StyledChrome.js';
+import '../../styled/StyledSkipNav.js';
+import '../../styled/StyledSkipNavIcon.js';
+import '../../styled/body/StyledBody.js';
+import '../../styled/body/StyledContent.js';
+import '../../styled/body/StyledMain.js';
+import '../../styled/body/StyledSidebar.js';
+import '../../styled/footer/StyledFooter.js';
+import '../../styled/footer/StyledFooterItem.js';
+import '../../styled/header/StyledHeader.js';
+import '../../styled/header/StyledBaseHeaderItem.js';
+import { StyledHeaderItem } from '../../styled/header/StyledHeaderItem.js';
+import '../../styled/header/StyledHeaderItemIcon.js';
+import { StyledLogoHeaderItem } from '../../styled/header/StyledLogoHeaderItem.js';
+import '../../styled/header/StyledHeaderItemText.js';
+import '../../styled/header/StyledHeaderItemWrapper.js';
+import '../../styled/nav/StyledNav.js';
+import '../../styled/nav/StyledBaseNavItem.js';
+import '../../styled/nav/StyledLogoNavItem.js';
+import '../../styled/nav/StyledBrandmarkNavItem.js';
+import '../../styled/nav/StyledNavItem.js';
+import '../../styled/nav/StyledNavItemIcon.js';
+import '../../styled/nav/StyledNavItemText.js';
+import '../../styled/subnav/StyledSubNav.js';
+import '../../styled/subnav/StyledSubNavItem.js';
+import '../../styled/subnav/StyledSubNavItemText.js';
+import '../../styled/subnav/StyledSubNavItemHeader.js';
+import '../../styled/subnav/StyledSubNavItemIcon.js';
+import '../../styled/subnav/StyledSubNavPanel.js';
+import '../../styled/sheet/StyledSheet.js';
+import '../../styled/sheet/StyledSheetWrapper.js';
+import '../../styled/sheet/StyledSheetTitle.js';
+import '../../styled/sheet/StyledSheetDescription.js';
+import '../../styled/sheet/StyledSheetBody.js';
+import '../../styled/sheet/StyledSheetClose.js';
+import '../../styled/sheet/StyledSheetFooter.js';
+import '../../styled/sheet/StyledSheetFooterItem.js';
+import '../../styled/sheet/StyledSheetHeader.js';
+
+const HeaderItem = React__default.forwardRef((_ref, ref) => {
+  let {
+    hasLogo,
+    product,
+    ...other
+  } = _ref;
+  if (hasLogo) {
+    return React__default.createElement(StyledLogoHeaderItem, Object.assign({
+      ref: ref,
+      product: product
+    }, other));
+  }
+  return React__default.createElement(StyledHeaderItem, Object.assign({
+    ref: ref
+  }, other));
+});
+HeaderItem.displayName = 'HeaderItem';
+HeaderItem.propTypes = {
+  maxX: PropTypes.bool,
+  maxY: PropTypes.bool,
+  isRound: PropTypes.bool,
+  product: PropTypes.oneOf(PRODUCT),
+  hasLogo: PropTypes.bool
+};
+
+export { HeaderItem };