@papillonbits/components 1.13.0 → 1.14.0

package/build/primer/Navigation/TabNav/TabNav.js

@@ -1,125 +1,120 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabNav = TabNav;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _array = require("@papillonbits/library/array");
-var _TabNav = require("./TabNav.prop");
-var _TabNav2 = _interopRequireDefault(require("./TabNav.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function TabNav(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _TabNav.defaultProps.className : _ref$className,
-    ariaAttr = _ref.ariaAttr,
-    items = _ref.items,
-    _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? _TabNav.defaultProps.actions : _ref$actions,
-    _onClick = _ref.onClick,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? _TabNav.defaultProps.children : _ref$children,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _TabNav.defaultProps.state : _ref$state;
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import { Fragment } from 'react';
+import cx from 'classnames';
+import { v1 as uuidv1 } from 'uuid';
+import { getIndexItems, getIndexItemsWithSelected } from '@papillonbits/library/array';
+import { propTypes, defaultProps, tabNavState } from './TabNav.prop';
+import styles from './TabNav.scss';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TabNav({
+  className = defaultProps.className,
+  ariaAttr,
+  items,
+  actions = defaultProps.actions,
+  onClick,
+  children = defaultProps.children,
+  state = defaultProps.state
+}) {
   if (!items) {
     return null;
   }
-  var label = ariaAttr.label,
-    current = ariaAttr.current;
-  var indexItems = (0, _array.getIndexItems)(items);
+  const {
+    label,
+    current
+  } = ariaAttr;
+  const indexItems = getIndexItems(items);
   function renderActions() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+    return /*#__PURE__*/_jsx(Fragment, {
       children: actions
     }); // eslint-disable-line react/jsx-no-useless-fragment
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, _TabNav2["default"].tabnav, (0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
-    children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-      className: _TabNav2["default"]['tabnav-tabs'],
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(className, styles.tabnav, {
+      [styles['tabnav-inactive']]: state === tabNavState.inactive
+    }),
+    children: [actions && renderActions(), /*#__PURE__*/_jsx("nav", {
+      className: styles['tabnav-tabs'],
       "aria-label": label,
-      children: indexItems.map(function (indexItem) {
-        var href = indexItem.href,
-          text = indexItem.text,
-          link = indexItem.link,
-          isSelected = indexItem.isSelected,
-          enabled = indexItem.enabled,
-          visible = indexItem.visible;
-        var itemOtherProps = isSelected ? _objectSpread({}, {
-          'aria-current': current
-        }) : null;
+      children: indexItems.map(indexItem => {
+        const {
+          href,
+          text,
+          link,
+          isSelected,
+          enabled,
+          visible
+        } = indexItem;
+        const itemOtherProps = isSelected ? {
+          ...{
+            'aria-current': current
+          }
+        } : null;
         if (href && text) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-            onClick: function onClick() {
+          return /*#__PURE__*/_jsx("a", {
+            onClick: () => {
               if (!enabled) {
                 return;
               }
-              var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
-              _onClick({
-                ariaAttr: ariaAttr,
-                items: newIndexItems.map(function (newIndexItem) {
-                  return function (_ref2) {
-                    var href = _ref2.href,
-                      text = _ref2.text,
-                      isSelected = _ref2.isSelected;
-                    return {
-                      href: href,
-                      text: text,
-                      isSelected: isSelected,
-                      enabled: enabled,
-                      visible: visible
-                    };
-                  }(newIndexItem);
-                } // eslint-disable-line
+              const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
+              onClick({
+                ariaAttr,
+                items: newIndexItems.map(newIndexItem => (({
+                  href,
+                  text,
+                  isSelected
+                }) => ({
+                  href,
+                  text,
+                  isSelected,
+                  enabled,
+                  visible
+                }))(newIndexItem) // eslint-disable-line
                 )
               });
             },
-            className: _TabNav2["default"]['tabnav-tab'],
-            href: href
-          }, itemOtherProps), {}, {
+            className: styles['tabnav-tab'],
+            href: href,
+            ...itemOtherProps,
             children: text
-          }), (0, _uuid.v1)());
+          }, uuidv1());
         }
         if (link) {
-          var Link = link.component;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread(_objectSpread({
-            onClick: function onClick() {
+          const Link = link.component;
+          return /*#__PURE__*/_jsx(Link, {
+            onClick: () => {
               if (!enabled) {
                 return;
               }
-              var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
-              _onClick({
-                ariaAttr: ariaAttr,
-                items: newIndexItems.map(function (newIndexItem) {
-                  return function (_ref3) {
-                    var link = _ref3.link,
-                      isSelected = _ref3.isSelected,
-                      enabled = _ref3.enabled,
-                      visible = _ref3.visible;
-                    return {
-                      link: link,
-                      isSelected: isSelected,
-                      enabled: enabled,
-                      visible: visible
-                    };
-                  }(newIndexItem);
-                } // eslint-disable-line
+              const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
+              onClick({
+                ariaAttr,
+                items: newIndexItems.map(newIndexItem => (({
+                  link,
+                  isSelected,
+                  enabled,
+                  visible
+                }) => ({
+                  link,
+                  isSelected,
+                  enabled,
+                  visible
+                }))(newIndexItem) // eslint-disable-line
                 )
               });
             },
-            className: (0, _classnames["default"])(className, _TabNav2["default"]['tabnav-tab'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-tab-inactive'], enabled === false), _TabNav2["default"]['tabnav-tab-hidden'], visible === false))
-          }, itemOtherProps), link.props), {}, {
+            className: cx(className, styles['tabnav-tab'], {
+              [styles['tabnav-tab-inactive']]: enabled === false,
+              [styles['tabnav-tab-hidden']]: visible === false
+            }),
+            ...itemOtherProps,
+            ...link.props,
             children: link.children
-          }), (0, _uuid.v1)());
+          }, uuidv1());
         }
         return null;
       })
     }), children]
   });
 }
-TabNav.propTypes = _TabNav.propTypes;
+TabNav.propTypes = propTypes;

package/build/primer/Navigation/TabNav/TabNav.prop.js

@@ -1,34 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tabNavState = exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var tabNavState = exports.tabNavState = {
+import { string, arrayOf, oneOf, shape, bool, node, func } from 'prop-types';
+export const tabNavState = {
   active: 'active',
   inactive: 'inactive'
 };
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    current: _propTypes.string
+export const propTypes = {
+  className: string,
+  ariaAttr: shape({
+    label: string,
+    current: string
   }).isRequired,
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    href: _propTypes.string,
-    text: _propTypes.string,
-    link: _propTypes.shape,
-    isSelected: _propTypes.bool,
-    enabled: _propTypes.bool,
-    visible: _propTypes.bool
+  items: arrayOf(shape({
+    href: string,
+    text: string,
+    link: shape,
+    isSelected: bool,
+    enabled: bool,
+    visible: bool
   })).isRequired,
-  actions: (0, _propTypes.arrayOf)(_propTypes.node),
-  onClick: _propTypes.func.isRequired,
-  children: _propTypes.node,
-  state: (0, _propTypes.oneOf)(Object.keys(tabNavState))
+  actions: arrayOf(node),
+  onClick: func.isRequired,
+  children: node,
+  state: oneOf(Object.keys(tabNavState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   actions: null,
   children: null,

package/build/primer/Navigation/TabNav/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TabNav", {
-  enumerable: true,
-  get: function get() {
-    return _TabNav.TabNav;
-  }
-});
-Object.defineProperty(exports, "tabNavState", {
-  enumerable: true,
-  get: function get() {
-    return _TabNav2.tabNavState;
-  }
-});
-var _TabNav = require("./TabNav");
-var _TabNav2 = require("./TabNav.prop");
+export { TabNav } from './TabNav';
+export { tabNavState } from './TabNav.prop';

package/build/primer/Navigation/UnderlineNav/UnderlineNav.js

@@ -1,121 +1,117 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnderlineNav = UnderlineNav;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _array = require("@papillonbits/library/array");
-var _hooks = require("@papillonbits/library/hooks");
-var _UnderlineNav = require("./UnderlineNav.prop");
-var _UnderlineNav2 = _interopRequireDefault(require("./UnderlineNav.scss"));
-var _container = _interopRequireDefault(require("../../Layout/container.scss"));
-var _Icon = require("../../Icon");
-var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function UnderlineNav(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _UnderlineNav.defaultProps.className : _ref$className,
-    ariaAttr = _ref.ariaAttr,
-    items = _ref.items,
-    itemType = _ref.itemType,
-    _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? _UnderlineNav.defaultProps.actions : _ref$actions,
-    _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _UnderlineNav.defaultProps.align : _ref$align,
-    _ref$fullContainer = _ref.fullContainer,
-    fullContainer = _ref$fullContainer === void 0 ? _UnderlineNav.defaultProps.fullContainer : _ref$fullContainer,
-    _onClick = _ref.onClick;
-  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    indexItems = _useState2[0],
-    setIndexItems = _useState2[1];
-  var label = ariaAttr.label,
-    selected = ariaAttr.selected,
-    current = ariaAttr.current;
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import { Fragment } from 'react';
+import cx from 'classnames';
+import { v1 as uuidv1 } from 'uuid';
+import { getIndexItems, getIndexItemsWithSelected } from '@papillonbits/library/array';
+import { useState } from '@papillonbits/library/hooks';
+import { propTypes, defaultProps, underlineNavAlignmentType } from './UnderlineNav.prop';
+import styles from './UnderlineNav.scss';
+import containerStyles from '../../Layout/container.scss';
+import { Icon, iconSize } from '../../Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function UnderlineNav({
+  className = defaultProps.className,
+  ariaAttr,
+  items,
+  itemType,
+  actions = defaultProps.actions,
+  align = defaultProps.align,
+  fullContainer = defaultProps.fullContainer,
+  onClick
+}) {
+  const [indexItems, setIndexItems] = useState(getIndexItems(items));
+  const {
+    label,
+    selected,
+    current
+  } = ariaAttr;
   function renderActions() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _UnderlineNav2["default"]['UnderlineNav-actions'],
+    return /*#__PURE__*/_jsx("div", {
+      className: styles['UnderlineNav-actions'],
       children: actions
     });
   }
   function renderBody() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [align === _UnderlineNav.underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _UnderlineNav2["default"]['UnderlineNav-body'],
+    return /*#__PURE__*/_jsxs(Fragment, {
+      children: [align === underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/_jsx("div", {
+        className: styles['UnderlineNav-body'],
         role: "tablist",
-        children: indexItems.map(function (indexItem) {
-          var href = indexItem.href,
-            icon = indexItem.icon,
-            text = indexItem.text,
-            html = indexItem.html,
-            isSelected = indexItem.isSelected;
-          var anchorOtherProps = isSelected ? _objectSpread({}, {
-            'aria-selected': selected
-          }) : null;
-          var buttonOtherProps = isSelected ? _objectSpread({}, {
-            'aria-current': current
-          }) : null;
+        children: indexItems.map(indexItem => {
+          const {
+            href,
+            icon,
+            text,
+            html,
+            isSelected
+          } = indexItem;
+          const anchorOtherProps = isSelected ? {
+            ...{
+              'aria-selected': selected
+            }
+          } : null;
+          const buttonOtherProps = isSelected ? {
+            ...{
+              'aria-current': current
+            }
+          } : null;
           switch (itemType) {
             case 'button':
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
-                onClick: function onClick(e) {
+              return /*#__PURE__*/_jsxs("button", {
+                onClick: e => {
                   e.preventDefault();
-                  var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                  const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
                   setIndexItems(newIndexItems);
-                  _onClick(newIndexItems);
+                  onClick(newIndexItems);
                 },
-                className: _UnderlineNav2["default"]['UnderlineNav-item'],
+                className: styles['UnderlineNav-item'],
                 role: "tab",
                 type: "button",
-                href: href
-              }, anchorOtherProps), {}, {
-                children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
+                href: href,
+                ...anchorOtherProps,
+                children: [icon && /*#__PURE__*/_jsx(Icon, {
+                  className: styles['UnderlineNav-octicon'],
                   icon: icon,
-                  size: _Icon.iconSize.small
+                  size: iconSize.small
                 }), html || null, text]
-              }), (0, _uuid.v1)());
+              }, uuidv1());
             case 'a':
-              return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
-                onClick: function onClick(e) {
+              return /*#__PURE__*/_jsxs("a", {
+                onClick: e => {
                   e.preventDefault();
-                  var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                  const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
                   setIndexItems(newIndexItems);
-                  _onClick(newIndexItems);
+                  onClick(newIndexItems);
                 },
-                className: _UnderlineNav2["default"]['UnderlineNav-item'],
-                href: href
-              }, buttonOtherProps), {}, {
-                children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
+                className: styles['UnderlineNav-item'],
+                href: href,
+                ...buttonOtherProps,
+                children: [icon && /*#__PURE__*/_jsx(Icon, {
+                  className: styles['UnderlineNav-octicon'],
                   icon: icon,
-                  size: _Icon.iconSize.small
+                  size: iconSize.small
                 }), html || null, text]
-              }), (0, _uuid.v1)());
+              }, uuidv1());
             default:
               return null;
           }
         })
-      }), align === _UnderlineNav.underlineNavAlignmentType.left && actions && renderActions()]
+      }), align === underlineNavAlignmentType.left && actions && renderActions()]
     });
   }
   function renderBodyFullContainer() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])(_container["default"]['container-lg'], _UnderlineNav2["default"]['UnderlineNav-container']),
+    return /*#__PURE__*/_jsx("div", {
+      className: cx(containerStyles['container-lg'], styles['UnderlineNav-container']),
       children: renderBody()
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
-    className: (0, _classnames["default"])(className, _UnderlineNav2["default"].UnderlineNav, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _UnderlineNav2["default"]['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), _UnderlineNav2["default"]['UnderlineNav--full'], fullContainer === true)),
+  return /*#__PURE__*/_jsxs("nav", {
+    className: cx(className, styles.UnderlineNav, {
+      [styles['UnderlineNav--right']]: align === underlineNavAlignmentType.right,
+      [styles['UnderlineNav--full']]: fullContainer === true
+    }),
     "aria-label": label,
     children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
   });
 }
-UnderlineNav.propTypes = _UnderlineNav.propTypes;
+UnderlineNav.propTypes = propTypes;

package/build/primer/Navigation/UnderlineNav/UnderlineNav.prop.js

@@ -1,39 +1,33 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.underlineNavItemType = exports.underlineNavAlignmentType = exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var underlineNavItemType = exports.underlineNavItemType = {
+import { string, node, arrayOf, shape, bool, oneOf, func } from 'prop-types';
+export const underlineNavItemType = {
   a: 'a',
   button: 'button'
 };
-var underlineNavAlignmentType = exports.underlineNavAlignmentType = {
+export const underlineNavAlignmentType = {
   right: 'right',
   left: 'left'
 };
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    label: _propTypes.string,
-    selected: _propTypes.string,
-    current: _propTypes.string
+export const propTypes = {
+  className: string,
+  ariaAttr: shape({
+    label: string,
+    selected: string,
+    current: string
   }).isRequired,
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    href: _propTypes.string,
-    icon: _propTypes.string,
-    text: _propTypes.string,
-    html: _propTypes.node,
-    isSelected: _propTypes.bool
+  items: arrayOf(shape({
+    href: string,
+    icon: string,
+    text: string,
+    html: node,
+    isSelected: bool
   })).isRequired,
-  itemType: (0, _propTypes.oneOf)(Object.keys(underlineNavItemType)).isRequired,
-  actions: (0, _propTypes.arrayOf)(_propTypes.node),
-  align: (0, _propTypes.oneOf)(Object.keys(underlineNavAlignmentType)).isRequired,
-  fullContainer: _propTypes.bool,
-  onClick: _propTypes.func.isRequired
+  itemType: oneOf(Object.keys(underlineNavItemType)).isRequired,
+  actions: arrayOf(node),
+  align: oneOf(Object.keys(underlineNavAlignmentType)).isRequired,
+  fullContainer: bool,
+  onClick: func.isRequired
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   actions: null,
   align: 'left',

package/build/primer/Navigation/UnderlineNav/index.js

@@ -1,25 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "UnderlineNav", {
-  enumerable: true,
-  get: function get() {
-    return _UnderlineNav.UnderlineNav;
-  }
-});
-Object.defineProperty(exports, "underlineNavAlignmentType", {
-  enumerable: true,
-  get: function get() {
-    return _UnderlineNav2.underlineNavAlignmentType;
-  }
-});
-Object.defineProperty(exports, "underlineNavItemType", {
-  enumerable: true,
-  get: function get() {
-    return _UnderlineNav2.underlineNavItemType;
-  }
-});
-var _UnderlineNav = require("./UnderlineNav");
-var _UnderlineNav2 = require("./UnderlineNav.prop");
+export { UnderlineNav } from './UnderlineNav';
+export { underlineNavItemType, underlineNavAlignmentType } from './UnderlineNav.prop';

package/build/primer/Navigation/index.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Navigation = void 0;
-var _Menu = require("./Menu");
-var _TabNav = require("./TabNav");
-var _UnderlineNav = require("./UnderlineNav");
-var Navigation = exports.Navigation = {
-  Menu: _Menu.Menu,
-  TabNav: _TabNav.TabNav,
-  tabNavState: _TabNav.tabNavState,
-  UnderlineNav: _UnderlineNav.UnderlineNav,
-  underlineNavItemType: _UnderlineNav.underlineNavItemType,
-  underlineNavAlignmentType: _UnderlineNav.underlineNavAlignmentType
+import { Menu } from './Menu';
+import { TabNav, tabNavState } from './TabNav';
+import { UnderlineNav, underlineNavItemType, underlineNavAlignmentType } from './UnderlineNav';
+export const Navigation = {
+  Menu,
+  TabNav,
+  tabNavState,
+  UnderlineNav,
+  underlineNavItemType,
+  underlineNavAlignmentType
 };