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

package/lib/components/NavBarSection/NavBarItem.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["icon", "text", "className", "id", "onPress"];
+var _excluded = ["icon", "text", "className", "id", "onPress", "iconProps"];
 import React, { forwardRef, useImperativeHandle } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import { useHover, usePress } from '@react-aria/interactions';
@@ -14,6 +14,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     key = props.id,
     onPressCallback = props.onPress,
+    iconProps = props.iconProps,
     others = _objectWithoutProperties(props, _excluded);
   var navItemRef = useLocalOrForwardRef(null);
 
@@ -71,7 +72,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
     sx: {
       alignItems: 'center'
     }
-  }, icon && ___EmotionJSX(Icon, {
+  }, icon && ___EmotionJSX(Icon, _extends({
     icon: icon,
     title: {
       name: text
@@ -82,7 +83,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
       color: color,
       fill: color
     }
-  }), ___EmotionJSX(Text, {
+  }, iconProps)), ___EmotionJSX(Text, {
     variant: state.navStyles.navBarItemText
   }, text)));
 });

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/lib/components/NavBarSection/NavBarItemButton.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "id", "onPress", "sx"];
+var _excluded = ["className", "id", "onPress"];
 import React from 'react';
 import { useNavBarContext } from '../../context/NavBarContext';
 import { useNavBarPress, useStatusClasses } from '../../hooks';
@@ -10,7 +10,6 @@ var NavBarItemButton = function NavBarItemButton(props) {
   var className = props.className,
     key = props.id,
     onPressCallback = props.onPress,
-    sx = props.sx,
     others = _objectWithoutProperties(props, _excluded);
   var state = useNavBarContext();
   var isSelected = state.selectedKey === key;

package/lib/components/NavBarSection/NavBarItemHeader.js

@@ -62,7 +62,7 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
     "data-testid": heading
   }, icon && ___EmotionJSX(Icon, {
     icon: icon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 18,
     sx: {
       mr: 'sm',
       color: getIconColor(),
@@ -106,7 +106,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     "data-testid": heading
   }, icon && ___EmotionJSX(Icon, {
     icon: icon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 18,
     sx: {
       mr: 'sm',
       color: 'neutral.95',
@@ -126,7 +126,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     }
   }, customIcon && ___EmotionJSX(Icon, {
     icon: customIcon,
-    size: isOnyx ? 'icon-200' : 'sm',
+    size: isOnyx ? 'icon-200' : 'xs',
     sx: {
       color: 'neutral.95',
       fill: 'neutral.95'

package/lib/components/NavBarSection/NavBarItemHeader.test.js

@@ -62,7 +62,7 @@ describe('NavItemHeader', function () {
     getComponent();
     var icon = screen.getByTestId('Dashboard').querySelector('svg');
     expect(icon).toBeInTheDocument();
-    expect(icon).toHaveAttribute('width', '20px');
+    expect(icon).toHaveAttribute('width', '18');
   });
 });
 describe('NavItemHeader', function () {

package/lib/components/NavBarSection/NavBarItemLink.js

@@ -40,7 +40,10 @@ var NavBarItemLink = function NavBarItemLink(props) {
     onPress: onNavPress,
     color: isSelected ? 'white' : undefined
   }, others, {
-    sx: _objectSpread({}, props.sx)
+    sx: _objectSpread(_objectSpread({}, props.sx), {}, {
+      // eslint-disable-line react/prop-types
+      fontWeight: 1
+    })
   }));
 };
 export default NavBarItemLink;

package/lib/styles/themes/astro/customProperties/styles.js

@@ -1,3 +1,3 @@
 export default {
-  navButtonEstHeight: 40
+  navButtonEstHeight: 41
 };

package/lib/utils/devUtils/constants/logos.js

@@ -37,8 +37,8 @@ export var pingLogoHorizontalSmall = ___EmotionJSX("svg", {
   fill: "white"
 }))));
 export var pingLogoHorizontalSmallWhite = ___EmotionJSX("svg", {
-  width: "161",
-  height: "28",
+  width: "129",
+  height: "23",
   viewBox: "0 0 2385 415",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"

package/package.json

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