@pingux/astro 2.119.0-alpha.1 → 2.119.0-alpha.2

package/lib/components/NavBar/stories/NavBarNextGenComponent.js

@@ -0,0 +1,182 @@
+import React from 'react';
+import AccountCheckIcon from '@pingux/mdi-react/AccountCheckOutlineIcon';
+import AccountMultipleOutlineIcon from '@pingux/mdi-react/AccountMultipleOutlineIcon';
+import AppsIcon from '@pingux/mdi-react/AppsIcon';
+import CheckCircleOutlineIcon from '@pingux/mdi-react/CheckCircleOutlineIcon';
+import CodeTagsIcon from '@pingux/mdi-react/CodeTagsIcon';
+import CogOutlineIcon from '@pingux/mdi-react/CogOutlineIcon';
+import FileTreeIcon from '@pingux/mdi-react/FileTreeIcon';
+import LayersOutlineIcon from '@pingux/mdi-react/LayersOutlineIcon';
+import PaletteOutlineIcon from '@pingux/mdi-react/PaletteOutlineIcon';
+import ShieldCheckOutlineIcon from '@pingux/mdi-react/ShieldCheckOutlineIcon';
+import ShowChartIcon from '@pingux/mdi-react/ShowChartIcon';
+import DashboardIcon from '@pingux/mdi-react/ViewDashboardOutlineIcon';
+import WidgetsOutlineIcon from '@pingux/mdi-react/WidgetsOutlineIcon';
+import { Box, NavBar, NavBarItem, NavBarItemButton, NavBarSection, Separator } from '../../..';
+import { useGetTheme } from '../../../hooks';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var NavBarNextGenComponent = function NavBarNextGenComponent() {
+  var firstSectionData = [{
+    'data-id': 'dashboard-data-id',
+    heading: 'Monitoring',
+    icon: ShowChartIcon,
+    key: 'Monitoring',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Dashboards",
+      id: "Dashboards"
+    }, "Dashboards"), ___EmotionJSX(NavBarItemButton, {
+      key: "Audit",
+      id: "Audit"
+    }, "Audits")]
+  }, {
+    'data-id': 'Directory-data-id',
+    heading: 'Directory',
+    icon: AccountMultipleOutlineIcon,
+    key: 'Directory',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Users",
+      id: "Users"
+    }, "Users"), ___EmotionJSX(NavBarItemButton, {
+      key: "Group",
+      id: "Group"
+    }, "Groups")]
+  }, {
+    'data-id': 'Applications-data-id',
+    heading: 'Applications',
+    icon: AppsIcon,
+    key: 'Applications',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Applications-sub",
+      id: "Applications-sub"
+    }, "Applications"), ___EmotionJSX(NavBarItemButton, {
+      key: "Resources",
+      id: "Resources"
+    }, "Resourcess")]
+  }];
+  var secondSectionData = [{
+    'data-id': 'Authentication-data-id',
+    heading: 'Authentication',
+    icon: CheckCircleOutlineIcon,
+    key: 'Authentication',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Authentication-Policies",
+      id: "Authentication-Policies"
+    }, "Authentication Policies"), ___EmotionJSX(NavBarItemButton, {
+      key: "Password-Policies",
+      id: "Password-Policies"
+    }, "Password Policies")]
+  }, {
+    'data-id': 'Threat Protection-data-id',
+    heading: 'Threat Protection',
+    icon: ShieldCheckOutlineIcon,
+    key: 'Threat Protection',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Risk Policies",
+      id: "Risk Policies"
+    }, "Risk Policies"), ___EmotionJSX(NavBarItemButton, {
+      key: "Predictors",
+      id: "Predictors"
+    }, "Predictors")]
+  }, {
+    'data-id': 'Threat Protection-data-id',
+    heading: 'Identity Verification',
+    icon: LayersOutlineIcon,
+    key: 'Identity Verification',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Verify Policies",
+      id: "Verify Policies"
+    }, "Verify Policies")]
+  }, {
+    'data-id': 'Digital Credentials-data-id',
+    heading: 'Digital Credentials',
+    icon: CodeTagsIcon,
+    key: 'Digital Credentials',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Management",
+      id: "Management"
+    }, "Management")]
+  }, {
+    'data-id': 'Authorization-data-id',
+    heading: 'Authorization',
+    icon: AccountCheckIcon,
+    key: 'Authorization',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Trust Framework",
+      id: "Trust Framework"
+    }, "Trust Framework"), ___EmotionJSX(NavBarItemButton, {
+      key: "Policies",
+      id: "Policies"
+    }, "Policies")]
+  }];
+  var thirdSectionData = [{
+    'data-id': 'Integrations-data-id',
+    heading: 'Integrations',
+    icon: WidgetsOutlineIcon,
+    key: 'Integrations',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "External IDPs",
+      id: "External IDPs"
+    }, "External IDPs"), ___EmotionJSX(NavBarItemButton, {
+      key: "Provisioning",
+      id: "Provisioning"
+    }, "Provisioning")]
+  }, {
+    'data-id': 'User Experience-data-id',
+    heading: 'User Experience',
+    icon: PaletteOutlineIcon,
+    key: 'User Experience',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Notification Templates",
+      id: "Notification Templates"
+    }, "Notification Templates"), ___EmotionJSX(NavBarItemButton, {
+      key: "Notification Policies",
+      id: "Notification Policies"
+    }, "Notification Policies")]
+  }, {
+    'data-id': 'Settings-data-id',
+    heading: 'Settings',
+    icon: CogOutlineIcon,
+    key: 'Settings',
+    children: [___EmotionJSX(NavBarItemButton, {
+      key: "Certificates & Key Pairs",
+      id: "Certificates & Key Pairs"
+    }, "Certificates & Key Pairs"), ___EmotionJSX(NavBarItemButton, {
+      key: "Domains",
+      id: "Domains"
+    }, "Domains")]
+  }];
+  var _useGetTheme = useGetTheme(),
+    icons = _useGetTheme.icons;
+  return ___EmotionJSX(NavBar, null, ___EmotionJSX(Box, {
+    padding: "md",
+    key: "top-logo-parent"
+  }, icons.pingLogoHorizontalSmall), ___EmotionJSX(Box, {
+    variant: "navBar.sectionContainer",
+    paddingBottom: "xl",
+    key: "first-section-container"
+  }, ___EmotionJSX(NavBarItem, {
+    "data-id": "nav-bar-item",
+    icon: DashboardIcon,
+    id: "Overview",
+    key: "Overview",
+    text: "Overview"
+  }), ___EmotionJSX(NavBarSection, {
+    items: firstSectionData,
+    "data-id": "nav-bar-section"
+  }), ___EmotionJSX(Separator, {
+    variant: "separator.navBarSeparator"
+  }), ___EmotionJSX(NavBarItem, {
+    "data-id": "nav-bar-item",
+    icon: FileTreeIcon,
+    id: "DaVinci",
+    key: "DaVinci",
+    text: "DaVinci"
+  }), ___EmotionJSX(NavBarSection, {
+    items: secondSectionData,
+    "data-id": "second-nav-bar-section"
+  }), ___EmotionJSX(NavBarSection, {
+    items: thirdSectionData,
+    hasSeparator: true,
+    "data-id": "third-nav-bar-section"
+  })));
+};

package/lib/{styles/themeOverrides/nextGenDarkMode → components/NavBar}/stories/NextGenDarkNavStory.chomatic.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AstroProvider, NextGenDarkTheme } from '../../../..';
-import { NavBarNextGenComponent } from '../../../themes/next-gen/stories/NavBarNextGenComponent';
+import { AstroProvider, NextGenDarkTheme } from '../../..';
+import { NavBarNextGenComponent } from './NavBarNextGenComponent';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Chromatic Only Onyx Dark NavBar'

package/lib/{styles/themes/next-gen → components/NavBar}/stories/NextGenNavBar.chromatic.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AstroProvider, NextGenTheme } from '../../../..';
+import { AstroProvider, NextGenTheme } from '../../..';
 import { NavBarNextGenComponent } from './NavBarNextGenComponent';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {

package/lib/components/NavBarSection/NavBarItem.js

@@ -5,7 +5,7 @@ import React, { forwardRef, useImperativeHandle } from 'react';
 import { mergeProps, useFocusRing } from 'react-aria';
 import { useHover, usePress } from '@react-aria/interactions';
 import { useNavBarContext } from '../../context/NavBarContext';
-import { useLocalOrForwardRef, useNavBarPress, useStatusClasses } from '../../hooks';
+import { useGetTheme, useLocalOrForwardRef, useNavBarPress, useStatusClasses } from '../../hooks';
 import { Box, Icon, Text } from '../../index';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -53,6 +53,8 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
     }),
     classNames = _useStatusClasses.classNames;
   var color = isSelected ? 'white' : 'neutral.95';
+  var _useGetTheme = useGetTheme(),
+    isOnyx = _useGetTheme.themeState.isOnyx;
   return ___EmotionJSX(Box, _extends({
     id: key,
     variant: state.navStyles.navBarItem,
@@ -74,7 +76,7 @@ var NavBarItem = /*#__PURE__*/forwardRef(function (props, ref) {
     title: {
       name: text
     },
-    size: "sm",
+    size: isOnyx ? 'icon-200' : 'sm',
     sx: {
       mr: 'sm',
       color: color,

package/lib/components/NavBarSection/NavBarItemHeader.js

@@ -26,6 +26,7 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
     heading = item.heading;
   var navBarState = useNavBarContext();
   var _useGetTheme = useGetTheme(),
+    isOnyx = _useGetTheme.themeState.isOnyx,
     icons = _useGetTheme.icons;
   var MenuDown = icons.MenuDown,
     MenuUp = icons.MenuUp;
@@ -61,7 +62,7 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
     "data-testid": heading
   }, icon && ___EmotionJSX(Icon, {
     icon: icon,
-    size: "sm",
+    size: isOnyx ? 'icon-200' : 'sm',
     sx: {
       mr: 'sm',
       color: getIconColor(),
@@ -78,7 +79,7 @@ var NavBarSectionItemHeader = function NavBarSectionItemHeader(_ref2) {
     }
   }, ___EmotionJSX(Icon, {
     icon: isExpanded ? MenuUp : MenuDown,
-    size: navStyles.navBarItemHeaderIconSize,
+    size: isOnyx ? 'icon-100' : navStyles.navBarItemHeaderIconSize,
     sx: {
       color: getIconColor(),
       fill: getIconColor()
@@ -96,6 +97,8 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     customIcon = item.customIcon;
   var navBarState = useNavBarContext();
   var navStyles = navBarState.navStyles;
+  var _useGetTheme2 = useGetTheme(),
+    isOnyx = _useGetTheme2.themeState.isOnyx;
   return ___EmotionJSX(Box, {
     variant: navStyles.navBarItemHeader,
     className: className,
@@ -103,7 +106,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     "data-testid": heading
   }, icon && ___EmotionJSX(Icon, {
     icon: icon,
-    size: "sm",
+    size: isOnyx ? 'icon-200' : 'sm',
     sx: {
       mr: 'sm',
       color: 'neutral.95',
@@ -123,7 +126,7 @@ var NavBarPrimaryItemHeader = function NavBarPrimaryItemHeader(_ref3) {
     }
   }, customIcon && ___EmotionJSX(Icon, {
     icon: customIcon,
-    size: "sm",
+    size: isOnyx ? 'icon-200' : 'sm',
     sx: {
       color: 'neutral.95',
       fill: 'neutral.95'

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

@@ -0,0 +1,83 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+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 React from 'react';
+import ViewDashboard from '@pingux/mdi-react/ViewDashboardIcon';
+import { useGetTheme } from '../../hooks';
+import { render, screen } from '../../utils/testUtils/testWrapper';
+import NavBar from '../NavBar';
+import NavBarSection from './NavBarSection';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var data = [{
+  'data-id': 'dashboard-data-id',
+  heading: 'Dashboard',
+  icon: ViewDashboard,
+  key: 'Dashboard',
+  children: ['Users', 'Group', 'Populations', 'Attributes', 'Roles', 'Dashboard Unique']
+}];
+var mockTheme = {
+  themeState: {
+    isOnyx: false
+  },
+  icons: {
+    MenuDown: function MenuDown() {
+      return ___EmotionJSX("span", null, "MenuDown");
+    },
+    MenuUp: function MenuUp() {
+      return ___EmotionJSX("span", null, "MenuUp");
+    }
+  }
+};
+jest.mock('../../hooks/useGetTheme', function () {
+  return {
+    __esModule: true,
+    "default": jest.fn()
+  };
+});
+var NavBarWithSection = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return ___EmotionJSX(NavBar, null, ___EmotionJSX(NavBarSection, _extends({
+    ref: ref
+  }, props, {
+    items: data
+  })));
+});
+var getComponent = function getComponent() {
+  return render(___EmotionJSX(NavBarWithSection, null));
+};
+describe('NavItemHeader', function () {
+  beforeEach(function () {
+    jest.clearAllMocks();
+    useGetTheme.mockReturnValue(mockTheme);
+  });
+  it('should render Icon', function () {
+    getComponent();
+    var icon = screen.getByTestId('Dashboard').querySelector('svg');
+    expect(icon).toBeInTheDocument();
+    expect(icon).toHaveAttribute('width', '20px');
+  });
+});
+describe('NavItemHeader', function () {
+  beforeEach(function () {
+    jest.clearAllMocks();
+    useGetTheme.mockReturnValue(_objectSpread(_objectSpread({}, mockTheme), {}, {
+      themeState: {
+        isOnyx: true
+      }
+    }));
+  });
+  it('should render Icon', function () {
+    getComponent();
+    var icon = screen.getByTestId('Dashboard').querySelector('svg');
+    expect(icon).toBeInTheDocument();
+    expect(icon).toHaveAttribute('width', 'icon-200');
+  });
+});

package/lib/styles/themes/next-gen/convertedComponentList.js

@@ -7,7 +7,11 @@ export var componentSpecificNextGenBlacklist = {
   MultivaluesField: ['Condensed', 'Condensed With Section'],
   PasswordField: ['Success'],
   TextField: ['Success'],
-  OverlayPanel: ['Expandable']
+  OverlayPanel: ['Expandable'],
+  NavBar: ['Default', 'Controlled', 'Auto Collapse']
+};
+export var astroBlacklistStory = {
+  NavBar: ['Onyx Default']
 };
 export var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions', 'Prompt Input'];
 export default nextGenConvertedComponents;

package/lib/styles/themes/next-gen/variants/links.js

@@ -10,6 +10,10 @@ 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 buttons from './button';
+var navBarFocus = {
+  outline: '2px solid',
+  outlineColor: 'active'
+};
 var nextGen = {
   color: 'gray-800',
   fontSize: 'md',
@@ -62,6 +66,12 @@ var button = _objectSpread(_objectSpread({}, buttons["default"]), {}, {
 var primaryButton = _objectSpread(_objectSpread({}, buttons.primary), {}, {
   textDecoration: 'none'
 });
+var navBarLogoLink = {
+  borderRadius: '4px',
+  px: 'md',
+  py: 'sm',
+  '&.is-focused': _objectSpread({}, navBarFocus)
+};
 export default {
   nextGen: nextGen,
   onyx: onyx,
@@ -69,5 +79,6 @@ export default {
   footerLinks: footerLinks,
   footerHeader: footerHeader,
   button: button,
-  primaryButton: primaryButton
+  primaryButton: primaryButton,
+  navBarLogoLink: navBarLogoLink
 };

package/lib/styles/themes/next-gen/variants/navbar.js

@@ -20,11 +20,15 @@ export var navBarFocus = {
 };
 export var navBar = {
   container: {
+    fontFamily: 'standard',
     width: '252px',
     p: 'sm',
     backgroundColor: 'background.base',
     boxShadow: '0 .5rem 1rem rgba(0, 0, 0, .15)'
   },
+  sectionContainer: {
+    pt: '0'
+  },
   sectionButton: {
     borderRadius: '4px',
     '&.is-hovered': {
@@ -38,7 +42,7 @@ export var navBar = {
   itemButton: {
     py: '.75rem',
     paddingLeft: '53px',
-    color: 'text.primary',
+    color: 'gray-700',
     borderRadius: '4px',
     '&.is-focused': _objectSpread({}, navBarFocus),
     '&.is-hovered': {
@@ -46,7 +50,7 @@ export var navBar = {
     },
     '&.is-pressed': {
       backgroundColor: 'gray-200',
-      color: 'text.primary'
+      color: 'gray-700'
     },
     '&.is-selected': {
       bg: 'lightblue',
@@ -55,7 +59,7 @@ export var navBar = {
     }
   },
   subtitle: {
-    color: 'text.primary'
+    color: 'gray-700'
   },
   headerText: {
     color: 'text.primary',
@@ -79,13 +83,13 @@ export var navBar = {
   item: {
     px: '1rem',
     py: '.75rem',
-    color: 'text.primary',
+    color: 'gray-700',
     borderRadius: '4px',
     '&.is-hovered': {
       backgroundColor: 'light'
     },
     '> div > svg': {
-      fill: 'text.primary'
+      fill: 'gray-700'
     },
     '&.is-pressed': {
       backgroundColor: 'gray-200'
@@ -112,10 +116,10 @@ export var navBar = {
     '&.is-selected': _objectSpread({}, navBarSelected),
     backgroundColor: 'transparent',
     '> svg': {
-      fill: 'text.primary'
+      fill: 'gray-700'
     },
     '> div > svg': {
-      fill: 'text.primary'
+      fill: 'gray-700'
     }
   },
   navBarItemBody: {

package/lib/utils/devUtils/shouldReturnComingSoon.js

@@ -1,8 +1,8 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import nextGenConvertedComponents, { componentSpecificNextGenBlacklist, nextGenOnlyComponents } from '../../styles/themes/next-gen/convertedComponentList';
+import nextGenConvertedComponents, { astroBlacklistStory, componentSpecificNextGenBlacklist, nextGenOnlyComponents } from '../../styles/themes/next-gen/convertedComponentList';
 import { themes } from './constants/themes';
 export var shouldReturnComingSoon = function shouldReturnComingSoon(context, selectedTheme) {
-  var _context;
+  var _context, _context2;
   var story = context.name;
   var component = context.title.split('/')[1];
   var isNextGenOnlyComponent = _includesInstanceProperty(nextGenOnlyComponents).call(nextGenOnlyComponents, component) || context.title.split('/')[0] === 'Onyx Recipes';
@@ -11,8 +11,14 @@ export var shouldReturnComingSoon = function shouldReturnComingSoon(context, sel
     return false;
   }
 
+  // if a story made for NextGen theme only, and the selected theme is Astro,
+  // return the coming soon message
+  if (astroBlacklistStory[component] && _includesInstanceProperty(_context = astroBlacklistStory[component]).call(_context, story) && selectedTheme === themes.ASTRO) {
+    return true;
+  }
+
   // if a specific story has not been converted, return the coming soon message
-  if (componentSpecificNextGenBlacklist[component] && _includesInstanceProperty(_context = componentSpecificNextGenBlacklist[component]).call(_context, story) && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
+  if (componentSpecificNextGenBlacklist[component] && _includesInstanceProperty(_context2 = componentSpecificNextGenBlacklist[component]).call(_context2, story) && (selectedTheme === themes.NEXT_GEN || selectedTheme === themes.NEXT_GEN_DARK)) {
     return true;
   }
   // if the component has NOT been converted, and the active theme is NextGen

package/package.json

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

package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/lib/cjs/recipes/NextGen/NavBarNextGen.stories.js

@@ -1,19 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _NavBarNextGenComponent = require("../../styles/themes/next-gen/stories/NavBarNextGenComponent");
-var _react2 = require("@emotion/react");
-var _default = {
-  title: 'Onyx Recipes/NavBar'
-};
-exports["default"] = _default;
-var Default = function Default() {
-  return (0, _react2.jsx)(_NavBarNextGenComponent.NavBarNextGenComponent, null);
-};
-exports.Default = Default;