@carbon/react 0.17.0-rc.0 → 1.0.0

package/es/components/UIShell/SideNavIcon.js

@@ -0,0 +1,49 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var SideNavIcon = function SideNavIcon(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      customClassName = _ref.className,
+      small = _ref.small;
+  var prefix = usePrefix();
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__icon"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__icon--small"), small), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: className
+  }, children);
+};
+
+SideNavIcon.propTypes = {
+  /**
+   * Provide a single icon as the child to `SideNavIcon` to render in the
+   * container
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Specify whether the icon should be placed in a smaller bounding box
+   */
+  small: PropTypes.bool.isRequired
+};
+SideNavIcon.defaultProps = {
+  small: false
+};
+var SideNavIcon$1 = SideNavIcon;
+
+export { SideNavIcon$1 as default };

package/es/components/UIShell/SideNavItem.js

@@ -0,0 +1,47 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var SideNavItem = function SideNavItem(_ref) {
+  var _cx;
+
+  var customClassName = _ref.className,
+      children = _ref.children,
+      _ref$large = _ref.large,
+      large = _ref$large === void 0 ? false : _ref$large;
+  var prefix = usePrefix();
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  return /*#__PURE__*/React__default.createElement("li", {
+    className: className
+  }, children);
+};
+
+SideNavItem.propTypes = {
+  /**
+   * Provide a single icon as the child to `SideNavIcon` to render in the
+   * container
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Specify if this is a large variation of the SideNavItem
+   */
+  large: PropTypes.bool
+};
+var SideNavItem$1 = SideNavItem;
+
+export { SideNavItem$1 as default };

package/es/components/UIShell/SideNavItems.js

@@ -0,0 +1,56 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { CARBON_SIDENAV_ITEMS } from './_utils.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var SideNavItems = function SideNavItems(_ref) {
+  var customClassName = _ref.className,
+      children = _ref.children,
+      isSideNavExpanded = _ref.isSideNavExpanded;
+  var prefix = usePrefix();
+  var className = cx(["".concat(prefix, "--side-nav__items")], customClassName);
+  var childrenWithExpandedState = React__default.Children.map(children, function (child) {
+    if ( /*#__PURE__*/React__default.isValidElement(child)) {
+      var _child$type;
+
+      // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
+      return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2({}, CARBON_SIDENAV_ITEMS.includes((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) ? {
+        isSideNavExpanded: isSideNavExpanded
+      } : {}));
+    }
+  });
+  return /*#__PURE__*/React__default.createElement("ul", {
+    className: className
+  }, childrenWithExpandedState);
+};
+
+SideNavItems.propTypes = {
+  /**
+   * Provide a single icon as the child to `SideNavIcon` to render in the
+   * container
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Property to indicate if the side nav container is open (or not). Use to
+   * keep local state and styling in step with the SideNav expansion state.
+   */
+  isSideNavExpanded: PropTypes.bool
+};
+var SideNavItems$1 = SideNavItems;
+
+export { SideNavItems$1 as default };

package/es/components/UIShell/SideNavLink.js

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import Link, { LinkPropTypes } from './Link.js';
+import SideNavIcon from './SideNavIcon.js';
+import SideNavItem from './SideNavItem.js';
+import SideNavLinkText from './SideNavLinkText.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "children", "renderIcon", "isActive", "large"];
+var SideNavLink = /*#__PURE__*/React__default.forwardRef(function SideNavLink(_ref, ref) {
+  var _cx;
+
+  var customClassName = _ref.className,
+      children = _ref.children,
+      IconElement = _ref.renderIcon,
+      isActive = _ref.isActive,
+      large = _ref.large,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+  return /*#__PURE__*/React__default.createElement(SideNavItem, {
+    large: large
+  }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
+    className: className,
+    ref: ref
+  }), IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, {
+    small: true
+  }, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+});
+SideNavLink.displayName = 'SideNavLink';
+SideNavLink.propTypes = _objectSpread2(_objectSpread2({}, LinkPropTypes), {}, {
+  /**
+   * Specify the text content for the link
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Property to indicate if the side nav container is open (or not). Use to
+   * keep local state and styling in step with the SideNav expansion state.
+   */
+  isSideNavExpanded: PropTypes.bool,
+
+  /**
+   * Specify if this is a large variation of the SideNavLink
+   */
+  large: PropTypes.bool,
+
+  /**
+   * Provide an icon to render in the side navigation link. Should be a React class.
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+});
+SideNavLink.defaultProps = {
+  element: 'a',
+  large: false
+}; // eslint-disable-next-line react/display-name
+var SideNavLink$1 = SideNavLink;
+
+export { SideNavLink$1 as default };

package/es/components/UIShell/SideNavLinkText.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["className", "children"];
+
+var SideNavLinkText = function SideNavLinkText(_ref) {
+  var customClassName = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx("".concat(prefix, "--side-nav__link-text"), customClassName);
+  return /*#__PURE__*/React__default.createElement("span", _extends({}, rest, {
+    className: className
+  }), children);
+};
+
+SideNavLinkText.propTypes = {
+  /**
+   * Provide the content for the link text
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string
+};
+var SideNavLinkText$1 = SideNavLinkText;
+
+export { SideNavLinkText$1 as default };

package/es/components/UIShell/SideNavMenu.js

@@ -0,0 +1,198 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, defineProperty as _defineProperty, assertThisInitialized as _assertThisInitialized, createClass as _createClass, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { ChevronDown } from '@carbon/icons-react';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import SideNavIcon from './SideNavIcon.js';
+import { PrefixContext } from '../../internal/usePrefix.js';
+import { match } from '../../internal/keyboard/match.js';
+import { Escape } from '../../internal/keyboard/keys.js';
+
+var _ChevronDown;
+var SideNavMenu = /*#__PURE__*/function (_React$Component) {
+  _inherits(SideNavMenu, _React$Component);
+
+  var _super = _createSuper(SideNavMenu);
+
+  function SideNavMenu(props) {
+    var _this;
+
+    _classCallCheck(this, SideNavMenu);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "handleToggleExpand", function () {
+      _this.setState(function (state) {
+        return {
+          isExpanded: !state.isExpanded
+        };
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      if (match(event, Escape)) {
+        _this.setState(function () {
+          return {
+            isExpanded: false
+          };
+        });
+      }
+    });
+
+    _this.state = {
+      isExpanded: props.defaultExpanded || false,
+      wasPreviouslyExpanded: props.defaultExpanded || false
+    };
+    return _this;
+  }
+
+  _createClass(SideNavMenu, [{
+    key: "render",
+    value: function render() {
+      var _cx;
+
+      var prefix = this.context;
+      var _this$props = this.props,
+          buttonRef = _this$props.buttonRef,
+          customClassName = _this$props.className,
+          children = _this$props.children,
+          IconElement = _this$props.renderIcon,
+          isActive = _this$props.isActive,
+          title = _this$props.title,
+          large = _this$props.large;
+      var isExpanded = this.state.isExpanded;
+      var hasActiveChild;
+
+      if (children) {
+        // if we have children, either a single or multiple, find if it is active
+        hasActiveChild = Array.isArray(children) ? children.some(function (child) {
+          if (child.props && (child.props.isActive === true || child.props['aria-current'])) {
+            return true;
+          }
+
+          return false;
+        }) : children.props && (children.props.isActive === true || children.props['aria-current']);
+      }
+
+      var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__item"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--active"), isActive || hasActiveChild && !isExpanded), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--icon"), IconElement), _defineProperty(_cx, "".concat(prefix, "--side-nav__item--large"), large), _defineProperty(_cx, customClassName, !!customClassName), _cx));
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+        React__default.createElement("li", {
+          className: className,
+          onKeyDown: this.handleKeyDown
+        }, /*#__PURE__*/React__default.createElement("button", {
+          "aria-expanded": isExpanded,
+          className: "".concat(prefix, "--side-nav__submenu"),
+          onClick: this.handleToggleExpand,
+          ref: buttonRef,
+          type: "button"
+        }, IconElement && /*#__PURE__*/React__default.createElement(SideNavIcon, null, /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement("span", {
+          className: "".concat(prefix, "--side-nav__submenu-title")
+        }, title), /*#__PURE__*/React__default.createElement(SideNavIcon, {
+          className: "".concat(prefix, "--side-nav__submenu-chevron"),
+          small: true
+        }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
+          size: 20
+        })))), /*#__PURE__*/React__default.createElement("ul", {
+          className: "".concat(prefix, "--side-nav__menu")
+        }, children))
+      );
+    }
+  }]);
+
+  return SideNavMenu;
+}(React__default.Component);
+
+_defineProperty(SideNavMenu, "contextType", PrefixContext);
+
+_defineProperty(SideNavMenu, "propTypes", {
+  buttonRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.any
+  })]),
+
+  /**
+   * Provide <SideNavMenuItem>'s inside of the `SideNavMenu`
+   */
+  children: PropTypes.node,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Specify whether the menu should default to expanded. By default, it will
+   * be closed.
+   */
+  defaultExpanded: PropTypes.bool,
+
+  /**
+   * Specify whether the `SideNavMenu` is "active". `SideNavMenu` should be
+   * considered active if one of its menu items are a link for the current
+   * page.
+   */
+  isActive: PropTypes.bool,
+
+  /**
+   * Property to indicate if the side nav container is open (or not). Use to
+   * keep local state and styling in step with the SideNav expansion state.
+   */
+  isSideNavExpanded: PropTypes.bool,
+
+  /**
+   * Specify if this is a large variation of the SideNavMenu
+   */
+  large: PropTypes.bool,
+
+  /**
+   * Pass in a custom icon to render next to the `SideNavMenu` title
+   */
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+
+  /**
+   * Provide the text for the overall menu name
+   */
+  title: PropTypes.string.isRequired
+});
+
+_defineProperty(SideNavMenu, "defaultProps", {
+  defaultExpanded: false,
+  isActive: false,
+  large: false
+});
+
+_defineProperty(SideNavMenu, "getDerivedStateFromProps", function (props, state) {
+  var derivedState = null;
+
+  if (props.isSideNavExpanded === false && state.isExpanded === true) {
+    derivedState = {
+      isExpanded: props.isSideNavExpanded,
+      wasPreviouslyExpanded: true
+    };
+  } else if (props.isSideNavExpanded === true && state.wasPreviouslyExpanded === true) {
+    derivedState = {
+      isExpanded: props.isSideNavExpanded,
+      wasPreviouslyExpanded: false
+    };
+  }
+
+  return derivedState;
+});
+
+var SideNavMenuForwardRef = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React__default.createElement(SideNavMenu, _extends({}, props, {
+    buttonRef: ref
+  }));
+});
+SideNavMenuForwardRef.displayName = 'SideNavMenu';
+var SideNavMenuClassic = SideNavMenuForwardRef;
+
+export { SideNavMenu, SideNavMenuClassic as default };

package/es/components/UIShell/SideNavMenuItem.js

@@ -0,0 +1,57 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import SideNavLinkText from './SideNavLinkText.js';
+import Link from './Link.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["children", "className", "isActive"];
+var SideNavMenuItem = /*#__PURE__*/React__default.forwardRef(function SideNavMenuItem(props, ref) {
+  var _cx;
+
+  var prefix = usePrefix();
+
+  var children = props.children,
+      customClassName = props.className,
+      isActive = props.isActive,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var className = cx("".concat(prefix, "--side-nav__menu-item"), customClassName);
+  var linkClassName = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--side-nav__link"), true), _defineProperty(_cx, "".concat(prefix, "--side-nav__link--current"), isActive), _cx));
+  return /*#__PURE__*/React__default.createElement("li", {
+    className: className
+  }, /*#__PURE__*/React__default.createElement(Link, _extends({}, rest, {
+    className: linkClassName,
+    ref: ref
+  }), /*#__PURE__*/React__default.createElement(SideNavLinkText, null, children)));
+});
+SideNavMenuItem.displayName = 'SideNavMenuItem';
+SideNavMenuItem.propTypes = {
+  /**
+   * Specify the children to be rendered inside of the `SideNavMenuItem`
+   */
+  children: PropTypes.node,
+
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Optionally specify whether the link is "active". An active link is one that
+   * has an href that is the same as the current page. Can also pass in
+   * `aria-current="page"`, as well.
+   */
+  isActive: PropTypes.bool
+};
+var SideNavMenuItem$1 = SideNavMenuItem;
+
+export { SideNavMenuItem$1 as default };

package/es/components/UIShell/SideNavSwitcher.js

@@ -0,0 +1,80 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { ChevronDown } from '@carbon/icons-react';
+import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _ChevronDown;
+var SideNavSwitcher = /*#__PURE__*/React__default.forwardRef(function SideNavSwitcher(props, ref) {
+  var prefix = usePrefix();
+  var customClassName = props.className,
+      labelText = props.labelText,
+      onChange = props.onChange,
+      options = props.options;
+  var className = cx("".concat(prefix, "--side-nav__switcher"), customClassName); // Note for usage around `onBlur`: https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-onchange.md
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: className
+  }, /*#__PURE__*/React__default.createElement("label", {
+    htmlFor: "side-nav-switcher",
+    className: "".concat(prefix, "--assistive-text")
+  }, labelText), /*#__PURE__*/React__default.createElement("select", {
+    id: "carbon-side-nav-switcher",
+    className: "".concat(prefix, "--side-nav__select"),
+    defaultValue: "",
+    onBlur: onChange,
+    onChange: onChange,
+    ref: ref
+  }, /*#__PURE__*/React__default.createElement("option", {
+    className: "".concat(prefix, "--side-nav__option"),
+    disabled: true,
+    hidden: true,
+    value: ""
+  }, labelText), options.map(function (option) {
+    return /*#__PURE__*/React__default.createElement("option", {
+      key: option,
+      className: "".concat(prefix, "--side-nav__option"),
+      value: option
+    }, option);
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "".concat(prefix, "--side-nav__switcher-chevron")
+  }, _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, {
+    size: 20
+  }))));
+});
+SideNavSwitcher.displayName = 'SideNavSwitcher';
+SideNavSwitcher.propTypes = {
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Provide the label for the switcher. This will be the first visible option
+   * when someone views this control
+   */
+  labelText: PropTypes.string.isRequired,
+
+  /**
+   * Provide a callback function that is called whenever the switcher value is
+   * updated
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Provide an array of options to be rendered in the switcher as an
+   * `<option>`. The text value will be what is displayed to the user and is set
+   * as the `value` prop for each `<option>`.
+   */
+  options: PropTypes.arrayOf(PropTypes.string).isRequired
+};
+var SideNavSwitcher$1 = SideNavSwitcher;
+
+export { SideNavSwitcher$1 as default };

package/es/components/UIShell/SkipToContent.js

@@ -0,0 +1,57 @@
+/**
+ * Copyright IBM Corp. 2016, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import cx from 'classnames';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { usePrefix } from '../../internal/usePrefix.js';
+
+var _excluded = ["children", "className", "href", "tabIndex"];
+
+var SkipToContent = function SkipToContent(_ref) {
+  var children = _ref.children,
+      customClassName = _ref.className,
+      href = _ref.href,
+      tabIndex = _ref.tabIndex,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var className = cx("".concat(prefix, "--skip-to-content"), customClassName);
+  return /*#__PURE__*/React__default.createElement("a", _extends({}, rest, {
+    className: className,
+    href: href,
+    tabIndex: tabIndex
+  }), children);
+};
+
+SkipToContent.propTypes = {
+  /**
+   * Provide text to display in the SkipToContent `a` tag
+   */
+  children: PropTypes.string.isRequired,
+  className: PropTypes.string,
+
+  /**
+   * Provide the `href` to the id of the element on your package that is the
+   * main content.
+   */
+  href: PropTypes.string.isRequired,
+
+  /**
+   * Optionally override the default tabindex of 0
+   */
+  tabIndex: PropTypes.string
+};
+SkipToContent.defaultProps = {
+  children: 'Skip to main content',
+  href: '#main-content',
+  tabIndex: '0'
+};
+var SkipToContent$1 = SkipToContent;
+
+export { SkipToContent$1 as default };