Features/amelionavigationbar

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cegid/vsb-cds-react",
-  "version": "1.23.7",
+  "version": "1.23.8",
   "description": "BAAM! Design System by Cegid - React component library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

src/components/NavigationBar/NavigationSideBar.tsx

@@ -2,7 +2,7 @@ import { Fragment, useState } from "react";
 import { Paper, Fade, styled } from "@cegid/cds-react";
 import Box from "../Box";
 import Typography from "../Typography";
-import { primary } from "../../theme";
+import { neutral, primary } from "../../theme";
 import NavItemButton from "./NavItemButton";
 import { ExtendedNavItem, NavList, ThemeNavBar } from "./NavigationBar";
 import NavigationHelpers from "./NavigationHelpers";
@@ -36,10 +36,11 @@ interface SidebarPanelProps {
 export const SIDEBAR_WIDTH = 225;
 
 const SidebarPanel = styled(Paper, {
-  shouldForwardProp: prop => prop !== 'open' && prop !== 'anchorWidth' && prop !== 'hasCustomContent',
+  shouldForwardProp: prop => prop !== 'open' && prop !== 'anchorWidth' && prop !== 'hasCustomContent' && prop !== 'themeMenu',
 })<SidebarPanelProps>(({ theme, open, anchorWidth, hasCustomContent, themeMenu}) => ({
   alignItems: 'flex-start',
   backgroundColor: themeMenu === ThemeNavBar.White ? "white" : primary[99],
+  borderRight: themeMenu === ThemeNavBar.White ? `1px solid ${neutral[90]}` : undefined,
   borderRadius: '0px 16px 16px 0px',
   display: 'flex',
   flexDirection: 'column',

src/stories/ReleaseNotes.stories.tsx

@@ -28,6 +28,16 @@ interface ReleaseNote {
 }
 
 const releaseNotes: ReleaseNote[] = [
+  {
+    version: "1.23.8",
+    changes: [
+      {
+        component: "NavigationSideBar",
+        type: "fix",
+        description: "fix border right",
+      }
+    ],
+  },
   {
     version: "1.23.7",
     changes: [