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

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;