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

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

@@ -9,6 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { focus } from '../../styles/colors';
 import accordionGrid from '../AccordionGridGroup/AccordionGrid.styles';
 import { quiet } from '../Button/Buttons.styles';
 import { wordWrap } from '../Text/Text.styles';
@@ -195,7 +196,7 @@ var subtitle = {
 };
 var headerText = _objectSpread(_objectSpread({}, wordWrap), {}, {
   whiteSpace: 'break-spaces',
-  lineHeight: 1,
+  lineHeight: 1.15,
   fontSize: 'md',
   fontWeight: 1,
   maxWidth: '150px',
@@ -230,9 +231,9 @@ var headerNav = {
   fontSize: '16px',
   '&.is-focused': {
     outline: 'none',
-    boxShadow: 'focus',
-    WebkitBoxShadow: 'focus',
-    MozBoxShadow: 'focus'
+    boxShadow: "0 0 0 1px ".concat(focus),
+    WebkitBoxShadow: "0 0 0 1px ".concat(focus),
+    MozBoxShadow: "0 0 0 1px ".concat(focus)
   },
   '&.is-hovered': {
     backgroundColor: 'accent.10'

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/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.1",
+  "version": "2.123.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",