@pingux/astro 1.1.0-alpha.12 → 1.1.0-alpha.13

package/lib/cjs/index.js

@@ -4,7 +4,7 @@ var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 
-var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60;
+var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62;
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
@@ -54,6 +54,8 @@ var _exportNames = {
   Menu: true,
   Messages: true,
   Modal: true,
+  NavBar: true,
+  NavBarSection: true,
   MultivaluesField: true,
   OverlayPanel: true,
   PageHeader: true,
@@ -352,6 +354,20 @@ _Object$defineProperty(exports, "Modal", {
   }
 });
 
+_Object$defineProperty(exports, "NavBar", {
+  enumerable: true,
+  get: function get() {
+    return _NavBar["default"];
+  }
+});
+
+_Object$defineProperty(exports, "NavBarSection", {
+  enumerable: true,
+  get: function get() {
+    return _NavBarSection["default"];
+  }
+});
+
 _Object$defineProperty(exports, "MultivaluesField", {
   enumerable: true,
   get: function get() {
@@ -1057,11 +1073,39 @@ _forEachInstanceProperty(_context31 = _Object$keys(_Modal)).call(_context31, fun
   });
 });
 
+var _NavBar = _interopRequireWildcard(require("./components/NavBar"));
+
+_forEachInstanceProperty(_context32 = _Object$keys(_NavBar)).call(_context32, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavBar[key];
+    }
+  });
+});
+
+var _NavBarSection = _interopRequireWildcard(require("./components/NavBarSection"));
+
+_forEachInstanceProperty(_context33 = _Object$keys(_NavBarSection)).call(_context33, function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+
+  _Object$defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NavBarSection[key];
+    }
+  });
+});
+
 var _MultivaluesField = _interopRequireDefault(require("./components/MultivaluesField"));
 
 var _OverlayPanel = _interopRequireWildcard(require("./components/OverlayPanel"));
 
-_forEachInstanceProperty(_context32 = _Object$keys(_OverlayPanel)).call(_context32, function (key) {
+_forEachInstanceProperty(_context34 = _Object$keys(_OverlayPanel)).call(_context34, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1075,7 +1119,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_OverlayPanel)).call(_context
 
 var _PageHeader = _interopRequireWildcard(require("./components/PageHeader"));
 
-_forEachInstanceProperty(_context33 = _Object$keys(_PageHeader)).call(_context33, function (key) {
+_forEachInstanceProperty(_context35 = _Object$keys(_PageHeader)).call(_context35, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1089,7 +1133,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_PageHeader)).call(_context33
 
 var _PasswordField = _interopRequireWildcard(require("./components/PasswordField"));
 
-_forEachInstanceProperty(_context34 = _Object$keys(_PasswordField)).call(_context34, function (key) {
+_forEachInstanceProperty(_context36 = _Object$keys(_PasswordField)).call(_context36, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1103,7 +1147,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_PasswordField)).call(_contex
 
 var _PopoverContainer = _interopRequireWildcard(require("./components/PopoverContainer"));
 
-_forEachInstanceProperty(_context35 = _Object$keys(_PopoverContainer)).call(_context35, function (key) {
+_forEachInstanceProperty(_context37 = _Object$keys(_PopoverContainer)).call(_context37, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1119,7 +1163,7 @@ var _PopoverMenu = _interopRequireDefault(require("./components/PopoverMenu"));
 
 var _Radio = _interopRequireWildcard(require("./components/Radio"));
 
-_forEachInstanceProperty(_context36 = _Object$keys(_Radio)).call(_context36, function (key) {
+_forEachInstanceProperty(_context38 = _Object$keys(_Radio)).call(_context38, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1133,7 +1177,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_Radio)).call(_context36, fun
 
 var _RadioField = _interopRequireWildcard(require("./components/RadioField"));
 
-_forEachInstanceProperty(_context37 = _Object$keys(_RadioField)).call(_context37, function (key) {
+_forEachInstanceProperty(_context39 = _Object$keys(_RadioField)).call(_context39, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1147,7 +1191,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_RadioField)).call(_context37
 
 var _RadioGroupField = _interopRequireWildcard(require("./components/RadioGroupField"));
 
-_forEachInstanceProperty(_context38 = _Object$keys(_RadioGroupField)).call(_context38, function (key) {
+_forEachInstanceProperty(_context40 = _Object$keys(_RadioGroupField)).call(_context40, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1161,7 +1205,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_RadioGroupField)).call(_cont
 
 var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
 
-_forEachInstanceProperty(_context39 = _Object$keys(_RequirementsList)).call(_context39, function (key) {
+_forEachInstanceProperty(_context41 = _Object$keys(_RequirementsList)).call(_context41, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1175,7 +1219,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_RequirementsList)).call(_con
 
 var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
 
-_forEachInstanceProperty(_context40 = _Object$keys(_RockerButton)).call(_context40, function (key) {
+_forEachInstanceProperty(_context42 = _Object$keys(_RockerButton)).call(_context42, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1189,7 +1233,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_RockerButton)).call(_context
 
 var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
 
-_forEachInstanceProperty(_context41 = _Object$keys(_RockerButtonGroup)).call(_context41, function (key) {
+_forEachInstanceProperty(_context43 = _Object$keys(_RockerButtonGroup)).call(_context43, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1203,7 +1247,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_RockerButtonGroup)).call(_co
 
 var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
 
-_forEachInstanceProperty(_context42 = _Object$keys(_ScrollBox)).call(_context42, function (key) {
+_forEachInstanceProperty(_context44 = _Object$keys(_ScrollBox)).call(_context44, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1217,7 +1261,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_ScrollBox)).call(_context42,
 
 var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
 
-_forEachInstanceProperty(_context43 = _Object$keys(_SearchField)).call(_context43, function (key) {
+_forEachInstanceProperty(_context45 = _Object$keys(_SearchField)).call(_context45, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1231,7 +1275,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_SearchField)).call(_context4
 
 var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
 
-_forEachInstanceProperty(_context44 = _Object$keys(_SelectField)).call(_context44, function (key) {
+_forEachInstanceProperty(_context46 = _Object$keys(_SelectField)).call(_context46, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1245,7 +1289,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_SelectField)).call(_context4
 
 var _Separator = _interopRequireWildcard(require("./components/Separator"));
 
-_forEachInstanceProperty(_context45 = _Object$keys(_Separator)).call(_context45, function (key) {
+_forEachInstanceProperty(_context47 = _Object$keys(_Separator)).call(_context47, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1259,7 +1303,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_Separator)).call(_context45,
 
 var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
 
-_forEachInstanceProperty(_context46 = _Object$keys(_Stepper)).call(_context46, function (key) {
+_forEachInstanceProperty(_context48 = _Object$keys(_Stepper)).call(_context48, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1273,7 +1317,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_Stepper)).call(_context46, f
 
 var _Switch = _interopRequireWildcard(require("./components/Switch"));
 
-_forEachInstanceProperty(_context47 = _Object$keys(_Switch)).call(_context47, function (key) {
+_forEachInstanceProperty(_context49 = _Object$keys(_Switch)).call(_context49, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1287,7 +1331,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_Switch)).call(_context47, fu
 
 var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
 
-_forEachInstanceProperty(_context48 = _Object$keys(_SwitchField)).call(_context48, function (key) {
+_forEachInstanceProperty(_context50 = _Object$keys(_SwitchField)).call(_context50, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1301,7 +1345,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_SwitchField)).call(_context4
 
 var _Tab = _interopRequireWildcard(require("./components/Tab"));
 
-_forEachInstanceProperty(_context49 = _Object$keys(_Tab)).call(_context49, function (key) {
+_forEachInstanceProperty(_context51 = _Object$keys(_Tab)).call(_context51, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1315,7 +1359,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_Tab)).call(_context49, funct
 
 var _Table = _interopRequireWildcard(require("./components/Table"));
 
-_forEachInstanceProperty(_context50 = _Object$keys(_Table)).call(_context50, function (key) {
+_forEachInstanceProperty(_context52 = _Object$keys(_Table)).call(_context52, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1329,7 +1373,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_Table)).call(_context50, fun
 
 var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
 
-_forEachInstanceProperty(_context51 = _Object$keys(_TableBody)).call(_context51, function (key) {
+_forEachInstanceProperty(_context53 = _Object$keys(_TableBody)).call(_context53, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1343,7 +1387,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_TableBody)).call(_context51,
 
 var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
 
-_forEachInstanceProperty(_context52 = _Object$keys(_TableCell)).call(_context52, function (key) {
+_forEachInstanceProperty(_context54 = _Object$keys(_TableCell)).call(_context54, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1357,7 +1401,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_TableCell)).call(_context52,
 
 var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
 
-_forEachInstanceProperty(_context53 = _Object$keys(_TableHead)).call(_context53, function (key) {
+_forEachInstanceProperty(_context55 = _Object$keys(_TableHead)).call(_context55, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1371,7 +1415,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_TableHead)).call(_context53,
 
 var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
 
-_forEachInstanceProperty(_context54 = _Object$keys(_TableRow)).call(_context54, function (key) {
+_forEachInstanceProperty(_context56 = _Object$keys(_TableRow)).call(_context56, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1385,7 +1429,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_TableRow)).call(_context54,
 
 var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
 
-_forEachInstanceProperty(_context55 = _Object$keys(_Tabs)).call(_context55, function (key) {
+_forEachInstanceProperty(_context57 = _Object$keys(_Tabs)).call(_context57, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1399,7 +1443,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_Tabs)).call(_context55, func
 
 var _Text = _interopRequireWildcard(require("./components/Text"));
 
-_forEachInstanceProperty(_context56 = _Object$keys(_Text)).call(_context56, function (key) {
+_forEachInstanceProperty(_context58 = _Object$keys(_Text)).call(_context58, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1413,7 +1457,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_Text)).call(_context56, func
 
 var _TextField = _interopRequireWildcard(require("./components/TextField"));
 
-_forEachInstanceProperty(_context57 = _Object$keys(_TextField)).call(_context57, function (key) {
+_forEachInstanceProperty(_context59 = _Object$keys(_TextField)).call(_context59, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1427,7 +1471,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_TextField)).call(_context57,
 
 var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
 
-_forEachInstanceProperty(_context58 = _Object$keys(_TextArea)).call(_context58, function (key) {
+_forEachInstanceProperty(_context60 = _Object$keys(_TextArea)).call(_context60, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1441,7 +1485,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_TextArea)).call(_context58,
 
 var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
 
-_forEachInstanceProperty(_context59 = _Object$keys(_TextAreaField)).call(_context59, function (key) {
+_forEachInstanceProperty(_context61 = _Object$keys(_TextAreaField)).call(_context61, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 
@@ -1455,7 +1499,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_TextAreaField)).call(_contex
 
 var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
 
-_forEachInstanceProperty(_context60 = _Object$keys(_TooltipTrigger)).call(_context60, function (key) {
+_forEachInstanceProperty(_context62 = _Object$keys(_TooltipTrigger)).call(_context62, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
 

package/lib/cjs/styles/variants/accordion.js

@@ -65,6 +65,36 @@ var accordionGridHeader = {
     }
   }
 };
+var accordionGridHeaderNav = {
+  padding: '10px 15px 10px 15px',
+  cursor: 'pointer',
+  minHeight: '40px',
+  lineHeight: '30px',
+  outline: 'none',
+  display: 'flex',
+  justifyContent: 'flex-start',
+  flexShrink: 0,
+  wordBreak: 'inherit',
+  whiteSpace: 'nowrap',
+  color: 'neutral.95',
+  flexGrow: 1,
+  fontWeight: 0,
+  fontSize: '16px',
+  mt: '5px',
+  '&.is-focused': {
+    outline: 'none',
+    boxShadow: 'focus',
+    WebkitBoxShadow: 'focus',
+    MozBoxShadow: 'focus'
+  },
+  '&.is-hovered': {
+    backgroundColor: 'accent.10',
+    boxShadow: 'inset 2px 0 0 0 white'
+  },
+  '&.is-pressed': {
+    backgroundColor: 'accent.10'
+  }
+};
 var accordionGridBody = {
   display: 'none !important',
   pl: 'sm',
@@ -78,6 +108,7 @@ var _default = {
   accordionGridBody: accordionGridBody,
   accordionTitle: accordionTitle,
   accordion: accordion,
-  accordionBody: accordionBody
+  accordionBody: accordionBody,
+  accordionGridHeaderNav: accordionGridHeaderNav
 };
 exports["default"] = _default;

package/lib/cjs/styles/variants/boxes.js

@@ -211,6 +211,26 @@ var expandableRow = {
     }
   }
 };
+var navBar = {
+  height: '100%',
+  width: '230px',
+  position: 'absolute',
+  zIndex: '1',
+  top: '0',
+  left: '0',
+  backgroundColor: 'accent.20',
+  overflowY: 'hidden'
+};
+var navBarSectionContainer = {
+  height: '100%',
+  maxHeight: '100%',
+  overflowY: 'overlay !important'
+};
+var navBarItemHeaderContainer = {
+  flexGrow: 1,
+  alignItems: 'center',
+  maxWidth: '180px'
+};
 var datePicker = {
   '.react-calendar': {
     width: 280,
@@ -292,6 +312,9 @@ var _default = {
   radioContainer: radioContainer,
   scrollbox: scrollbox,
   topShadowScrollbox: topShadowScrollbox,
-  bottomShadowScrollbox: bottomShadowScrollbox
+  bottomShadowScrollbox: bottomShadowScrollbox,
+  navBar: navBar,
+  navBarSectionContainer: navBarSectionContainer,
+  navBarItemHeaderContainer: navBarItemHeaderContainer
 };
 exports["default"] = _default;

package/lib/cjs/styles/variants/buttons.js

@@ -74,6 +74,33 @@ var defaultFocus = {
   outline: 'none',
   boxShadow: 'focus'
 };
+var navItemButton = {
+  textDecoration: 'none',
+  outline: 'none',
+  cursor: 'pointer',
+  borderRadius: 0,
+  backgroundColor: 'transparent',
+  paddingTop: '5px',
+  paddingBottom: '5px',
+  display: 'block',
+  color: 'neutral.95',
+  fontSize: 'sm',
+  fontWeight: 1,
+  flexGrow: '1',
+  width: '100%',
+  textAlign: 'left',
+  lineHeight: '16px',
+  whiteSpace: 'break-spaces',
+  overflowWrap: 'break-word',
+  maxWidth: '100%',
+  wordWrap: 'break-word',
+  wordBreak: 'break-word',
+  '&.is-focused': _objectSpread({}, defaultFocus),
+  '&.is-hovered': {
+    bg: 'accent.10',
+    boxShadow: 'inset 2px 0 0 0 white'
+  }
+};
 var iconButton = {
   justifyContent: 'center',
   appearance: 'none',
@@ -538,6 +565,7 @@ var _default = {
   text: text,
   helpHint: helpHint,
   modalCloseButton: modalCloseButton,
+  navItemButton: navItemButton,
   applicationPortalPinned: applicationPortalPinned,
   applicationPortal: applicationPortal,
   square: square,

package/lib/cjs/styles/variants/link.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports["default"] = void 0;
 var link = {
-  color: 'active',
+  color: 'white',
   fontFamily: 'standard',
   fontSize: 'md',
   textDecoration: 'none',

package/lib/cjs/styles/variants/separator.js

@@ -1,13 +1,38 @@
 "use strict";
 
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-_Object$defineProperty(exports, "__esModule", {
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty2(exports, "__esModule", {
   value: true
 });
 
 exports["default"] = void 0;
-var _default = {
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+
+var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+
+var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+
+var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+
+var base = {
   bg: 'neutral.80',
   width: '100%',
   height: '1px',
@@ -18,4 +43,22 @@ var _default = {
     mx: '5px'
   }
 };
+
+var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
+  width: '100%',
+  backgroundColor: 'neutral.60'
+});
+
+var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
+  ml: '45px',
+  width: 'calc(100% - 75px)',
+  mb: '15px',
+  backgroundColor: 'neutral.60'
+});
+
+var _default = {
+  base: base,
+  navBarSeparator: navBarSeparator,
+  navBarSubtitleSeparator: navBarSubtitleSeparator
+};
 exports["default"] = _default;

package/lib/cjs/styles/variants/text.js

@@ -139,6 +139,19 @@ var expandableRow = {
     }
   }
 };
+var navBarSubtitle = {
+  fontWeight: 3,
+  fontSize: '11px',
+  color: 'accent.80'
+};
+
+var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
+  whiteSpace: 'break-spaces',
+  lineHeight: '13px',
+  fontSize: '13px',
+  fontWeight: 1
+});
+
 var text = {
   base: base,
   bodyStrong: _objectSpread(_objectSpread({}, wordWrap), {}, {
@@ -202,6 +215,8 @@ var text = {
     textOverflow: 'ellipsis'
   }),
   expandableRow: expandableRow,
+  navBarHeaderText: navBarHeaderText,
+  navBarSubtitle: navBarSubtitle,
   placeholder: {
     fontWeight: -1,
     color: 'text.secondary',

package/lib/components/NavBar/NavBar.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import Box from '../Box/Box';
+/**
+ * Composed component that spreads children.
+ *
+ * This component is built to have the NavBarSection component passed into it.
+ *
+ * NavBarSection is an iterative component that
+ * will build an AccordionGridGroup using
+ * the array of objects that is passed into it.
+ *
+ */
+
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var NavBar = function NavBar(props) {
+  return ___EmotionJSX(Box, {
+    variant: "boxes.navBar",
+    role: "navigation",
+    as: "nav"
+  }, props.children);
+};
+
+export default NavBar;