@pingux/astro 2.122.1-alpha.0 → 2.122.1-alpha.1

package/lib/cjs/components/NavBar/NavBar.styles.d.ts

@@ -142,6 +142,25 @@ declare const _default: {
         display: string;
     };
     itemButton: {
+        '&.is-focused': {
+            outline: string;
+            outlineColor: string;
+        };
+        '&.is-hovered': {
+            bg: string;
+        };
+        '&.is-selected': {
+            bg: string;
+            boxShadow: string;
+        };
+        '&.is-pressed': {
+            bg: string;
+        };
+        whiteSpace: string;
+        WebkitBoxOrient: string;
+        display: string;
+        WebkitLineClamp: string;
+        overflow: string;
         marginY: string;
         textDecoration: string;
         outline: string;
@@ -150,34 +169,18 @@ declare const _default: {
         backgroundColor: string;
         paddingTop: string;
         paddingBottom: string;
-        display: string;
         color: string;
         fontSize: string;
         fontWeight: number;
         flexGrow: string;
         width: string;
         textAlign: string;
-        whiteSpace: string;
         overflowWrap: string;
         maxWidth: string;
         wordWrap: string;
         wordBreak: string;
         paddingLeft: string;
         paddingRight: string;
-        '&.is-focused': {
-            outline: string;
-            outlineColor: string;
-        };
-        '&.is-hovered': {
-            bg: string;
-        };
-        '&.is-selected': {
-            bg: string;
-            boxShadow: string;
-        };
-        '&.is-pressed': {
-            bg: string;
-        };
     };
     popUpItemButton: {
         fontSize: string;
@@ -200,6 +203,11 @@ declare const _default: {
             bg: string;
             color: string;
         };
+        whiteSpace: string;
+        WebkitBoxOrient: string;
+        display: string;
+        WebkitLineClamp: string;
+        overflow: string;
         marginY: string;
         textDecoration: string;
         outline: string;
@@ -208,12 +216,10 @@ declare const _default: {
         backgroundColor: string;
         paddingTop: string;
         paddingBottom: string;
-        display: string;
         fontWeight: number;
         flexGrow: string;
         width: string;
         textAlign: string;
-        whiteSpace: string;
         overflowWrap: string;
         maxWidth: string;
         wordWrap: string;

package/lib/cjs/components/NavBar/NavBar.styles.js

@@ -126,7 +126,14 @@ var popUpSectionContainer = {
 var sectionBody = _objectSpread(_objectSpread({}, _AccordionGrid["default"].body), {}, {
   pl: '0'
 });
-var itemButton = {
+var truncateText = {
+  whiteSpace: 'normal',
+  WebkitBoxOrient: 'vertical',
+  display: '-webkit-box',
+  WebkitLineClamp: '3',
+  overflow: 'hidden'
+};
+var itemButton = _objectSpread(_objectSpread({
   marginY: '2px',
   textDecoration: 'none',
   outline: 'none',
@@ -135,20 +142,19 @@ var itemButton = {
   backgroundColor: 'transparent',
   paddingTop: 'sm',
   paddingBottom: 'sm',
-  display: 'block',
   color: 'neutral.90',
   fontSize: 'md',
   fontWeight: 0,
   flexGrow: '1',
   width: '100%',
   textAlign: 'left',
-  whiteSpace: 'break-spaces',
   overflowWrap: 'break-word',
   maxWidth: '100%',
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   paddingLeft: '45px',
-  paddingRight: 'md',
+  paddingRight: 'md'
+}, truncateText), {}, {
   '&.is-focused': {
     outline: '1px solid',
     outlineColor: 'focus'
@@ -163,7 +169,7 @@ var itemButton = {
   '&.is-pressed': {
     bg: 'accent.5'
   }
-};
+});
 var popUpItemButton = _objectSpread(_objectSpread({}, itemButton), {}, {
   fontSize: 'sm',
   px: 'sm',

package/lib/cjs/components/NavBarSection/NavBarItemBody.js

@@ -63,7 +63,12 @@ var NavBarItemBody = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var shouldShowTransition = isExpanded && isTransitioning;
   var getEstimatedHeight = function getEstimatedHeight() {
     if (item !== null && item !== void 0 && item.children && typeof (item === null || item === void 0 ? void 0 : item.children.length) === 'number') {
-      return (item !== null && item !== void 0 && item.itemHeight ? item.itemHeight : styles.navButtonEstHeight) * item.children.length;
+      var height = (item !== null && item !== void 0 && item.itemHeight ? item.itemHeight : styles.navButtonEstHeight) * item.children.length;
+      /*
+        returning Double the max height to address
+        UIP-7608: Ensures the last NavBar item is visible when system scrollbars are always shown
+      */
+      return height * 2;
     }
     return null;
   };

package/lib/components/NavBar/NavBar.styles.js

@@ -119,7 +119,14 @@ var popUpSectionContainer = {
 var sectionBody = _objectSpread(_objectSpread({}, accordionGrid.body), {}, {
   pl: '0'
 });
-var itemButton = {
+var truncateText = {
+  whiteSpace: 'normal',
+  WebkitBoxOrient: 'vertical',
+  display: '-webkit-box',
+  WebkitLineClamp: '3',
+  overflow: 'hidden'
+};
+var itemButton = _objectSpread(_objectSpread({
   marginY: '2px',
   textDecoration: 'none',
   outline: 'none',
@@ -128,20 +135,19 @@ var itemButton = {
   backgroundColor: 'transparent',
   paddingTop: 'sm',
   paddingBottom: 'sm',
-  display: 'block',
   color: 'neutral.90',
   fontSize: 'md',
   fontWeight: 0,
   flexGrow: '1',
   width: '100%',
   textAlign: 'left',
-  whiteSpace: 'break-spaces',
   overflowWrap: 'break-word',
   maxWidth: '100%',
   wordWrap: 'break-word',
   wordBreak: 'break-word',
   paddingLeft: '45px',
-  paddingRight: 'md',
+  paddingRight: 'md'
+}, truncateText), {}, {
   '&.is-focused': {
     outline: '1px solid',
     outlineColor: 'focus'
@@ -156,7 +162,7 @@ var itemButton = {
   '&.is-pressed': {
     bg: 'accent.5'
   }
-};
+});
 var popUpItemButton = _objectSpread(_objectSpread({}, itemButton), {}, {
   fontSize: 'sm',
   px: 'sm',

package/lib/components/NavBarSection/NavBarItemBody.js

@@ -52,7 +52,12 @@ var NavBarItemBody = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var shouldShowTransition = isExpanded && isTransitioning;
   var getEstimatedHeight = function getEstimatedHeight() {
     if (item !== null && item !== void 0 && item.children && typeof (item === null || item === void 0 ? void 0 : item.children.length) === 'number') {
-      return (item !== null && item !== void 0 && item.itemHeight ? item.itemHeight : styles.navButtonEstHeight) * item.children.length;
+      var height = (item !== null && item !== void 0 && item.itemHeight ? item.itemHeight : styles.navButtonEstHeight) * item.children.length;
+      /*
+        returning Double the max height to address
+        UIP-7608: Ensures the last NavBar item is visible when system scrollbars are always shown
+      */
+      return height * 2;
     }
     return null;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.122.1-alpha.0",
+  "version": "2.122.1-alpha.1",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",