@zendeskgarden/react-chrome 9.0.0-next.2 → 9.0.0-next.20

package/dist/esm/styled/nav/StyledNavButton.js

@@ -0,0 +1,94 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { math } from 'polished';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor, focusStyles } from '@zendeskgarden/react-theming';
+import { StyledBaseNavItem } from './StyledBaseNavItem.js';
+import { StyledNavItemIcon } from './StyledNavItemIcon.js';
+import { getNavWidth } from '../utils.js';
+
+const COMPONENT_ID = 'chrome.nav_button';
+const colorStyles = _ref => {
+  let {
+    theme,
+    hue
+  } = _ref;
+  const activeBackgroundColor = getColor({
+    theme,
+    dark: {
+      hue: 'white'
+    },
+    light: {
+      hue: 'black'
+    },
+    transparency: theme.opacity[100]
+  });
+  const currentBackgroundColor = hue === 'chromeHue' ? getColor({
+    theme,
+    hue,
+    shade: 700
+  }) : getColor({
+    theme,
+    dark: {
+      hue: 'white'
+    },
+    light: {
+      hue: 'black'
+    },
+    transparency: theme.opacity[500]
+  });
+  const focusOutlineColor = getColor({
+    theme,
+    dark: {
+      hue: 'white'
+    },
+    light: {
+      hue: 'black'
+    }
+  });
+  const focusOutlineOffset = `-${theme.borderWidths.md}`;
+  const hoverBackgroundColor = getColor({
+    theme,
+    dark: {
+      hue: 'black'
+    },
+    light: {
+      hue: 'white'
+    },
+    transparency: theme.opacity[100]
+  });
+  return css(["opacity:", ";outline-color:transparent;background-color:transparent;color:inherit;&:hover{opacity:1;background-color:", ";}&:hover,&:focus{color:inherit;}", " &:active{background-color:", ";}&[aria-current='true']{opacity:1;background-color:", ";}"], theme.opacity[700], hoverBackgroundColor, focusStyles({
+    theme,
+    condition: false,
+    styles: {
+      opacity: 1,
+      outlineColor: focusOutlineColor,
+      outlineOffset: focusOutlineOffset
+    }
+  }), activeBackgroundColor, currentBackgroundColor);
+};
+const sizeStyles = _ref2 => {
+  let {
+    theme,
+    isExpanded
+  } = _ref2;
+  const iconMargin = isExpanded ? `0 ${math(`(${getNavWidth(theme)} - ${theme.iconSizes.lg}) / 4`)}` : undefined;
+  return css(["margin:0;border:none;box-sizing:border-box;min-width:0;font-size:inherit;", "{margin:", ";}"], StyledNavItemIcon, iconMargin);
+};
+const StyledNavButton = styled(StyledBaseNavItem).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20',
+  as: 'button'
+}).withConfig({
+  displayName: "StyledNavButton",
+  componentId: "sc-f5ux3-0"
+})(["flex:1;justify-content:", ";cursor:pointer;text-align:", ";text-decoration:none;", ";&:hover,&:focus{text-decoration:none;}&[aria-current='true']{cursor:default;}", ";", ";"], props => props.isExpanded && 'start', props => props.isExpanded && 'inherit', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNavButton.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNavButton };

package/dist/esm/styled/nav/StyledNavItemIcon.js

@@ -0,0 +1,29 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.nav_item_icon';
+const sizeStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  const size = theme.iconSizes.lg;
+  return css(["width:", ";height:", ";"], size, size);
+};
+const StyledNavItemIcon = styled(StyledBaseIcon).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledNavItemIcon",
+  componentId: "sc-7w9rpt-0"
+})(["align-self:flex-start;order:0;border-radius:", ";", ";", ";"], props => props.theme.borderRadii.md, sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNavItemIcon.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNavItemIcon };

package/dist/esm/styled/nav/StyledNavItemText.js

@@ -0,0 +1,39 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { math } from 'polished';
+import { retrieveComponentStyles, DEFAULT_THEME, getLineHeight } from '@zendeskgarden/react-theming';
+import { StyledNavButton } from './StyledNavButton.js';
+import { getNavWidth } from '../utils.js';
+
+const COMPONENT_ID = 'chrome.nav_item_text';
+const sizeStyles = _ref => {
+  let {
+    theme,
+    isExpanded,
+    isWrapped
+  } = _ref;
+  const clip = isExpanded ? 'auto' : undefined;
+  const lineHeight = getLineHeight(theme.space.base * 5, theme.fontSizes.md);
+  const margin = isExpanded ? `0 ${math(`(${getNavWidth(theme)} - ${theme.iconSizes.lg}) / 4`)}` : undefined;
+  const width = isExpanded ? 'auto' : undefined;
+  const height = isExpanded ? 'auto' : undefined;
+  const whiteSpace = isWrapped ? undefined : 'nowrap';
+  return css(["clip:rect(1px,1px,1px,1px);margin:", ";width:1px;height:1px;line-height:", ";white-space:", ";", " > &&{clip:", ";width:", ";height:", ";}"], margin, lineHeight, whiteSpace, StyledNavButton, clip, width, height);
+};
+const StyledNavItemText = styled.span.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledNavItemText",
+  componentId: "sc-13m84xl-0"
+})(["position:absolute;order:1;overflow:hidden;", " > &&{position:", ";flex:", ";text-overflow:", ";}", ";", ";"], StyledNavButton, props => props.isExpanded ? 'static' : undefined, props => props.isExpanded ? 1 : undefined, props => props.isExpanded ? 'ellipsis' : undefined, sizeStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNavItemText.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNavItemText };

package/dist/esm/styled/nav/StyledNavList.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.nav_list';
+const StyledNavList = styled.ul.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledNavList",
+  componentId: "sc-1s0nkfb-0"
+})(["display:flex;flex:1;flex-direction:column;order:0;margin:0;padding:0;list-style:none;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNavList.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNavList };

package/dist/esm/styled/nav/StyledNavListItem.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.nav_list_item';
+const StyledNavListItem = styled.li.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledNavListItem",
+  componentId: "sc-18cj2v7-0"
+})(["display:flex;order:1;margin:0;padding:0;list-style-type:none;", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledNavListItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledNavListItem };

package/dist/esm/styled/sheet/StyledSheet.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 styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet';
+const colorStyles = _ref => {
+  let {
+    theme,
+    isOpen
+  } = _ref;
+  const backgroundColor = getColor({
+    theme,
+    variable: 'background.default'
+  });
+  const borderColor = isOpen ? getColor({
+    theme,
+    variable: 'border.default'
+  }) : 'transparent';
+  return css(["border-color:", ";background-color:", ";"], borderColor, backgroundColor);
+};
+const sizeStyles = _ref2 => {
+  let {
+    theme,
+    isOpen,
+    placement,
+    size
+  } = _ref2;
+  const width = isOpen ? size : 0;
+  const fontSize = theme.fontSizes.md;
+  const lineHeight = getLineHeight(theme.space.base * 5, fontSize);
+  const border = isOpen ? theme.borders.sm : 'none';
+  let borderProperty;
+  if (placement === 'start') {
+    borderProperty = `border-${theme.rtl ? 'left' : 'right'}`;
+  } else {
+    borderProperty = `border-${theme.rtl ? 'right' : 'left'}`;
+  }
+  return css(["box-sizing:border-box;width:", ";height:100%;", ":", ";line-height:", ";font-size:", ";"], width, borderProperty, border, lineHeight, fontSize);
+};
+const StyledSheet = styled.aside.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheet",
+  componentId: "sc-dx8ijk-0"
+})(["display:flex;order:1;transition:", ";overflow:hidden;", ";&:focus{outline:none;}", ";", ";"], props => props.isAnimated && 'width 250ms ease-in-out', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheet.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheet };

package/dist/esm/styled/sheet/StyledSheetBody.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_body';
+const StyledSheetBody = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetBody",
+  componentId: "sc-bt4eoj-0"
+})(["flex:1;overflow-y:auto;padding:", "px;color-scheme:only ", ";", ";"], props => props.theme.space.base * 5, p => p.theme.colors.base, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetBody.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetBody };

package/dist/esm/styled/sheet/StyledSheetClose.js

@@ -0,0 +1,31 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { IconButton } from '@zendeskgarden/react-buttons';
+
+const COMPONENT_ID = 'chrome.sheet_close';
+const positionStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  const top = `${theme.space.base * 2.5}px`;
+  const position = `${theme.space.base * 2}px`;
+  return css(["top:", ";", ":", ";"], top, theme.rtl ? 'left' : 'right', position);
+};
+const StyledSheetClose = styled(IconButton).attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetClose",
+  componentId: "sc-1ab02oq-0"
+})(["position:absolute;", ";", ";"], positionStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetClose.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetClose };

package/dist/esm/styled/sheet/StyledSheetDescription.js

@@ -0,0 +1,25 @@
+/**
+* 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 styled from 'styled-components';
+import { getLineHeight, getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_description';
+const StyledSheetDescription = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetDescription",
+  componentId: "sc-1puglb6-0"
+})(["line-height:", ";color:", ";", ";"], p => getLineHeight(p.theme.space.base * 4, p.theme.fontSizes.md), p => getColor({
+  theme: p.theme,
+  variable: 'foreground.subtle'
+}), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetDescription.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetDescription };

package/dist/esm/styled/sheet/StyledSheetFooter.js

@@ -0,0 +1,41 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_footer';
+const colorStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  const borderColor = getColor({
+    theme,
+    variable: 'border.subtle'
+  });
+  return css(["border-top-color:", ";"], borderColor);
+};
+const sizeStyles = _ref2 => {
+  let {
+    theme,
+    isCompact
+  } = _ref2;
+  const border = theme.borders.sm;
+  const padding = `${theme.space.base * (isCompact ? 2.5 : 5)}px`;
+  return css(["border-top:", ";padding:", ";"], border, padding);
+};
+const StyledSheetFooter = styled.footer.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetFooter",
+  componentId: "sc-2cktos-0"
+})(["display:flex;flex-flow:row wrap;align-items:center;justify-content:", ";", ";", ";", ";"], props => props.isCompact ? 'center' : 'flex-end', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetFooter.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetFooter };

package/dist/esm/styled/sheet/StyledSheetFooterItem.js

@@ -0,0 +1,22 @@
+/**
+* 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 styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_footer_item';
+const StyledSheetFooterItem = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetFooterItem",
+  componentId: "sc-r9ixh-0"
+})(["", " ", ";"], props => `margin-${props.theme.rtl ? 'right' : 'left'}: ${props.theme.space.base * 5}px;`, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetFooterItem.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetFooterItem };

package/dist/esm/styled/sheet/StyledSheetHeader.js

@@ -0,0 +1,45 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_header';
+const colorStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  const borderColor = getColor({
+    theme,
+    variable: 'border.subtle'
+  });
+  return css(["border-bottom-color:", ";"], borderColor);
+};
+const sizeStyles = _ref2 => {
+  let {
+    theme,
+    isCloseButtonPresent
+  } = _ref2;
+  const border = theme.borders.sm;
+  let padding = `${theme.space.base * 5}px`;
+  if (isCloseButtonPresent) {
+    const paddingSide = `${theme.space.base * 14}px`;
+    padding = theme.rtl ? `${padding} ${padding} ${padding} ${paddingSide}` : `${padding} ${paddingSide} ${padding} ${padding}`;
+  }
+  return css(["border-bottom:", ";padding:", ";"], border, padding);
+};
+const StyledSheetHeader = styled.header.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetHeader",
+  componentId: "sc-o2ry8i-0"
+})(["", ";", ";", ";"], sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetHeader.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetHeader };

package/dist/esm/styled/sheet/StyledSheetTitle.js

@@ -0,0 +1,25 @@
+/**
+* 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 styled from 'styled-components';
+import { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_title';
+const StyledSheetTitle = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetTitle",
+  componentId: "sc-1gogk75-0"
+})(["color:", ";font-weight:", ";", ";"], p => getColor({
+  theme: p.theme,
+  variable: 'foreground.default'
+}), props => props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetTitle.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetTitle };

package/dist/esm/styled/sheet/StyledSheetWrapper.js

@@ -0,0 +1,40 @@
+/**
+* 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 styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'chrome.sheet_wrapper';
+const transformStyles = _ref => {
+  let {
+    theme,
+    isAnimated,
+    isOpen,
+    placement
+  } = _ref;
+  const transition = isAnimated ? 'transform 250ms ease-in-out' : undefined;
+  let transform;
+  if (isOpen) {
+    transform = 'translateX(0)';
+  } else if (placement === 'start') {
+    transform = `translateX(${theme.rtl ? 100 : -100}%)`;
+  } else {
+    transform = `translateX(${theme.rtl ? -100 : 100}%)`;
+  }
+  return css(["transform:", ";transition:", ";"], transform, transition);
+};
+const StyledSheetWrapper = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledSheetWrapper",
+  componentId: "sc-f6x9zb-0"
+})(["display:flex;position:relative;flex-direction:column;min-width:", ";", ";", ";"], props => props.size, transformStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledSheetWrapper.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledSheetWrapper };

package/dist/esm/styled/utils.js

@@ -0,0 +1,20 @@
+/**
+* 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 { PALETTE } from '@zendeskgarden/react-theming';
+
+const getFooterHeight = theme => `${theme.space.base * 20}px`;
+const getHeaderHeight = theme => `${theme.space.base * 13}px`;
+const getHeaderItemSize = theme => `${theme.space.base * 7.5}px`;
+const getNavItemHeight = theme => getHeaderHeight(theme);
+const getNavWidth = theme => `${theme.space.base * 15}px`;
+const getNavWidthExpanded = () => `200px`;
+const getProductColor = function (product) {
+  let fallback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inherit';
+  return product ? PALETTE.product[product] || fallback : fallback;
+};
+
+export { getFooterHeight, getHeaderHeight, getHeaderItemSize, getNavItemHeight, getNavWidth, getNavWidthExpanded, getProductColor };

package/dist/esm/types/index.js

@@ -0,0 +1,10 @@
+/**
+* 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.
+*/
+const PLACEMENT = ['end', 'start'];
+const PRODUCTS = ['chat', 'explore', 'guide', 'support', 'talk'];
+
+export { PLACEMENT, PRODUCTS };

package/dist/esm/utils/useBodyContext.js

@@ -0,0 +1,14 @@
+/**
+* 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 } from 'react';
+
+const BodyContext = React__default.createContext(undefined);
+const useBodyContext = () => {
+  return useContext(BodyContext);
+};
+
+export { BodyContext, useBodyContext };

package/dist/esm/utils/useChromeContext.js

@@ -0,0 +1,16 @@
+/**
+* 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 } from 'react';
+
+const ChromeContext = React__default.createContext({
+  hue: 'chromeHue'
+});
+const useChromeContext = () => {
+  return useContext(ChromeContext);
+};
+
+export { ChromeContext, useChromeContext };

package/dist/esm/utils/useFocusableMount.js

@@ -0,0 +1,31 @@
+/**
+* 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 { useRef, useEffect } from 'react';
+import activeElement from 'dom-helpers/activeElement';
+
+function useFocusableMount(_ref) {
+  let {
+    isMounted,
+    focusOnMount,
+    restoreFocus,
+    targetRef
+  } = _ref;
+  const triggerRef = useRef();
+  useEffect(() => {
+    if (isMounted && focusOnMount && targetRef.current) {
+      triggerRef.current = activeElement();
+      targetRef.current.focus();
+    }
+  }, [isMounted, focusOnMount, targetRef]);
+  useEffect(() => {
+    if (!isMounted && restoreFocus && triggerRef.current) {
+      triggerRef.current.focus();
+    }
+  }, [isMounted, restoreFocus, triggerRef]);
+}
+
+export { useFocusableMount };

package/dist/esm/utils/useNavContext.js

@@ -0,0 +1,16 @@
+/**
+* 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 } from 'react';
+
+const NavContext = React__default.createContext({
+  isExpanded: false
+});
+const useNavContext = () => {
+  return useContext(NavContext);
+};
+
+export { NavContext, useNavContext };

package/dist/esm/utils/useNavListContext.js

@@ -0,0 +1,14 @@
+/**
+* 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 } from 'react';
+
+const NavListContext = React__default.createContext(undefined);
+const useNavListContext = () => {
+  return useContext(NavListContext);
+};
+
+export { NavListContext, useNavListContext };