@pingux/astro 1.39.0 → 1.39.2-alpha.0

package/lib/styles/variants/navBar.js

@@ -27,18 +27,17 @@ var itemHeaderContainer = {
   flexGrow: 1,
   alignItems: 'center',
   maxWidth: '230px',
-  padding: '10px 15px 10px 15px',
+  py: 'sm',
+  px: 'md',
   cursor: 'pointer',
   minHeight: '40px',
-  fontWeight: 0,
-  fontSize: '16px',
   '&.is-selected': {
     backgroundColor: 'accent.5',
     boxShadow: 'inset 2px 0 0 0 white'
   }
 };
 var sectionContainer = {
-  pt: '10px',
+  pt: 'sm',
   height: '100%',
   maxHeight: '100%',
   overflowY: 'auto'
@@ -52,7 +51,8 @@ var navItem = {
   cursor: 'pointer',
   minHeight: '40px',
   lineHeight: '30px',
-  padding: '10px 15px 10px 15px',
+  py: 'sm',
+  px: 'md',
   outline: 'none',
   display: 'flex',
   justifyContent: 'flex-start',
@@ -62,7 +62,6 @@ var navItem = {
   color: 'neutral.95',
   flexGrow: 1,
   fontWeight: 0,
-  fontSize: '16px',
   '&.is-focused': {
     outline: '1px solid',
     outlineColor: 'focus'

package/lib/styles/variants/separator.js

@@ -17,6 +17,7 @@ var base = {
   width: '100%',
   height: '1px',
   my: '5px',
+  flexShrink: 0,
   '&.is-vertical': {
     width: '1px',
     height: '100%',
@@ -25,16 +26,14 @@ var base = {
 };
 
 var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
-  width: '100%',
-  backgroundColor: 'neutral.60',
-  my: 0
+  width: 'auto',
+  my: 'md',
+  mx: 'md',
+  backgroundColor: 'neutral.60'
 });
 
-var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
-  mt: '15px',
-  ml: '45px',
-  width: 'calc(100% - 60px)',
-  backgroundColor: 'neutral.60'
+var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, navBarSeparator), {}, {
+  ml: '45px'
 });
 
 export default {

package/lib/styles/variants/text.js

@@ -159,20 +159,23 @@ var environmentBreadcrumb = _objectSpread(_objectSpread({}, base), {}, {
 
 var navBarSubtitle = {
   ml: 'md',
-  mb: '15px',
-  fontWeight: 3,
-  fontSize: '11px',
+  my: 'sm',
+  fontWeight: 1,
+  fontSize: 'sm',
   color: 'accent.80',
   zIndex: '100'
 };
 
 var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
   whiteSpace: 'break-spaces',
-  lineHeight: '13px',
-  fontSize: '13px',
+  lineHeight: 1,
+  fontSize: 'md',
   fontWeight: 1,
   maxWidth: '150px',
-  color: 'white'
+  color: 'neutral.95',
+  '.is-selected &': {
+    color: 'white'
+  }
 });
 
 var collapsiblePanellItem = _objectSpread(_objectSpread({}, wordWrap), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.39.0",
+  "version": "1.39.2-alpha.0",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",