@pingux/astro 1.7.0 → 1.8.0-alpha.2

package/lib/styles/variants/multiselectListContainer.js

@@ -1,11 +1,8 @@
 var multiselectListContainer = {
-  height: '40px',
   overflowX: 'hidden',
   pr: 'sm',
   transition: 'right 500ms',
-  '&.is-open': {
-    height: '100%'
-  }
+  minHeight: '80vh'
 };
 var multiselectListContent = {
   bg: 'accent.99',
@@ -22,7 +19,8 @@ var multiselectListContent = {
     display: 'flex',
     minHeight: '45px',
     padding: '3px',
-    width: '100%'
+    width: '100%',
+    justifyContent: 'space-between'
   }
 };
 var multiselectListTitle = {
@@ -35,7 +33,7 @@ var multiselectListTitle = {
   padding: '0 10px !important',
   flexWrap: 'wrap',
   maxWidth: 'max-content !important',
-  margin: '0 auto'
+  margin: '0'
 };
 var multiselectListBadge = {
   borderRadius: '5px',

package/lib/styles/variants/navBar.js

@@ -26,7 +26,16 @@ var container = {
 var itemHeaderContainer = {
   flexGrow: 1,
   alignItems: 'center',
-  maxWidth: '180px'
+  maxWidth: '230px',
+  padding: '10px 15px 10px 15px',
+  cursor: 'pointer',
+  minHeight: '40px',
+  fontWeight: 0,
+  fontSize: '16px',
+  '&.is-selected': {
+    backgroundColor: 'accent.5',
+    boxShadow: 'inset 2px 0 0 0 white'
+  }
 };
 var sectionContainer = {
   height: '100%',

package/lib/styles/variants/separator.js

@@ -30,10 +30,10 @@ var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
 });
 
 var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, base), {}, {
-  mt: 'sm',
-  mb: '20px',
+  mt: '15px',
+  mb: '15px',
   ml: '45px',
-  width: 'calc(100% - 75px)',
+  width: 'calc(100% - 60px)',
   backgroundColor: 'neutral.60'
 });
 

package/lib/styles/variants/text.js

@@ -132,18 +132,20 @@ var environmentBreadcrumb = _objectSpread(_objectSpread({}, base), {}, {
 });
 
 var navBarSubtitle = {
-  my: 'md',
   ml: 'md',
+  mb: '15px',
   fontWeight: 3,
   fontSize: '11px',
-  color: 'accent.80'
+  color: 'accent.80',
+  zIndex: '100'
 };
 
 var navBarHeaderText = _objectSpread(_objectSpread({}, wordWrap), {}, {
   whiteSpace: 'break-spaces',
   lineHeight: '13px',
   fontSize: '13px',
-  fontWeight: 1
+  fontWeight: 1,
+  maxWidth: '150px'
 });
 
 var multiselectFilterItem = _objectSpread(_objectSpread({}, wordWrap), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.7.0",
+  "version": "1.8.0-alpha.2",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",
@@ -136,6 +136,7 @@
     "mdi-react": "^7.4.0",
     "moment": "^2.29.1",
     "prism-react-renderer": "1.2.1",
+    "prismjs": "^1.27.0",
     "prop-types": "^15.7.2",
     "react-calendar": "^3.4.0",
     "react-color": "^2.19.3",