@strapi/admin 5.0.0-beta.4 → 5.0.0-beta.6

package/dist/admin/{AuthResponse-5G-7aJDM.mjs → AuthResponse-wfOnX6GO.mjs}

@@ -1,9 +1,23 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import Cookies from 'js-cookie';
 import { useIntl } from 'react-intl';
 import { useMatch, useNavigate } from 'react-router-dom';
-import { a as useAuth, P as Page } from './rbac-sYT_mXH0.mjs';
+import { a as useAuth, P as Page } from './rbac-uVd0RAE5.mjs';
+
+const getCookieValue = (name) => {
+  let result = null;
+  const cookieArray = document.cookie.split(";");
+  cookieArray.forEach((cookie) => {
+    const [key, value] = cookie.split("=").map((item) => item.trim());
+    if (key.trim() === name) {
+      result = decodeURIComponent(value);
+    }
+  });
+  return result;
+};
+const deleteCookie = (name) => {
+  document.cookie = name + "=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
+};
 
 const AuthResponse = () => {
   const match = useMatch("/auth/login/:authResponse");
@@ -26,10 +40,10 @@ const AuthResponse = () => {
       redirectToOops();
     }
     if (match?.params.authResponse === "success") {
-      const jwtToken = Cookies.get("jwtToken");
+      const jwtToken = getCookieValue("jwtToken");
       if (jwtToken) {
         setToken(jwtToken);
-        Cookies.remove("jwtToken");
+        deleteCookie("jwtToken");
         navigate("/auth/login");
       } else {
         redirectToOops();
@@ -40,4 +54,4 @@ const AuthResponse = () => {
 };
 
 export { AuthResponse };
-//# sourceMappingURL=AuthResponse-5G-7aJDM.mjs.map
+//# sourceMappingURL=AuthResponse-wfOnX6GO.mjs.map

package/dist/admin/AuthResponse-wfOnX6GO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthResponse-wfOnX6GO.mjs","sources":["../../ee/admin/src/utils/cookies.ts","../../ee/admin/src/pages/AuthResponse.tsx"],"sourcesContent":["export const getCookieValue = (name: string) => {\n  let result = null;\n  const cookieArray = document.cookie.split(';');\n  cookieArray.forEach((cookie) => {\n    const [key, value] = cookie.split('=').map((item) => item.trim());\n    if (key.trim() === name) {\n      result = decodeURIComponent(value);\n    }\n  });\n  return result;\n};\n\nexport const deleteCookie = (name: string) => {\n  // Set the cookie to expire in the past\n  document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n};\n","import * as React from 'react';\n\nimport { useIntl } from 'react-intl';\nimport { useNavigate, useMatch } from 'react-router-dom';\n\nimport { Page } from '../../../../admin/src/components/PageHelpers';\nimport { useAuth } from '../../../../admin/src/features/Auth';\nimport { getCookieValue, deleteCookie } from '../utils/cookies';\n\nconst AuthResponse = () => {\n  const match = useMatch('/auth/login/:authResponse');\n  const { formatMessage } = useIntl();\n  const navigate = useNavigate();\n\n  const redirectToOops = React.useCallback(() => {\n    navigate({\n      pathname: '/auth/oops',\n      search: `?info=${encodeURIComponent(\n        formatMessage({\n          id: 'Auth.form.button.login.providers.error',\n          defaultMessage: 'We cannot connect you through the selected provider.',\n        })\n      )}`,\n    });\n  }, [navigate, formatMessage]);\n\n  const setToken = useAuth('AuthResponse', (state) => state.setToken);\n\n  React.useEffect(() => {\n    if (match?.params.authResponse === 'error') {\n      redirectToOops();\n    }\n\n    if (match?.params.authResponse === 'success') {\n      const jwtToken = getCookieValue('jwtToken');\n\n      if (jwtToken) {\n        setToken(jwtToken);\n\n        deleteCookie('jwtToken');\n\n        navigate('/auth/login');\n      } else {\n        redirectToOops();\n      }\n    }\n  }, [match, redirectToOops, setToken, navigate]);\n\n  return <Page.Loading />;\n};\n\nexport { AuthResponse };\n"],"names":[],"mappings":";;;;;;AAAa,MAAA,cAAA,GAAiB,CAAC,IAAiB,KAAA;AAC9C,EAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AACb,EAAA,MAAM,WAAc,GAAA,QAAA,CAAS,MAAO,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAC7C,EAAY,WAAA,CAAA,OAAA,CAAQ,CAAC,MAAW,KAAA;AAC9B,IAAA,MAAM,CAAC,GAAA,EAAK,KAAK,CAAA,GAAI,MAAO,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,GAAI,CAAA,CAAC,IAAS,KAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAChE,IAAI,IAAA,GAAA,CAAI,IAAK,EAAA,KAAM,IAAM,EAAA;AACvB,MAAA,MAAA,GAAS,mBAAmB,KAAK,CAAA,CAAA;AAAA,KACnC;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,CAAA,CAAA;AAEa,MAAA,YAAA,GAAe,CAAC,IAAiB,KAAA;AAE5C,EAAA,QAAA,CAAS,SAAS,IAAO,GAAA,mDAAA,CAAA;AAC3B,CAAA;;ACNA,MAAM,eAAe,MAAM;AACzB,EAAM,MAAA,KAAA,GAAQ,SAAS,2BAA2B,CAAA,CAAA;AAClD,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,OAAQ,EAAA,CAAA;AAClC,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAE7B,EAAM,MAAA,cAAA,GAAiB,KAAM,CAAA,WAAA,CAAY,MAAM;AAC7C,IAAS,QAAA,CAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,QAAQ,CAAS,MAAA,EAAA,kBAAA;AAAA,QACf,aAAc,CAAA;AAAA,UACZ,EAAI,EAAA,wCAAA;AAAA,UACJ,cAAgB,EAAA,sDAAA;AAAA,SACjB,CAAA;AAAA,OACF,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GACA,EAAA,CAAC,QAAU,EAAA,aAAa,CAAC,CAAA,CAAA;AAE5B,EAAA,MAAM,WAAW,OAAQ,CAAA,cAAA,EAAgB,CAAC,KAAA,KAAU,MAAM,QAAQ,CAAA,CAAA;AAElE,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAI,IAAA,KAAA,EAAO,MAAO,CAAA,YAAA,KAAiB,OAAS,EAAA;AAC1C,MAAe,cAAA,EAAA,CAAA;AAAA,KACjB;AAEA,IAAI,IAAA,KAAA,EAAO,MAAO,CAAA,YAAA,KAAiB,SAAW,EAAA;AAC5C,MAAM,MAAA,QAAA,GAAW,eAAe,UAAU,CAAA,CAAA;AAE1C,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAEjB,QAAA,YAAA,CAAa,UAAU,CAAA,CAAA;AAEvB,QAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AAAA,OACjB,MAAA;AACL,QAAe,cAAA,EAAA,CAAA;AAAA,OACjB;AAAA,KACF;AAAA,KACC,CAAC,KAAA,EAAO,cAAgB,EAAA,QAAA,EAAU,QAAQ,CAAC,CAAA,CAAA;AAE9C,EAAO,uBAAA,GAAA,CAAC,IAAK,CAAA,OAAA,EAAL,EAAa,CAAA,CAAA;AACvB;;;;"}

package/dist/admin/{AuthenticatedLayout-Aibt647F.js → AuthenticatedLayout-TNbTifIA.js}

@@ -11,20 +11,19 @@ const reactIntl = require('react-intl');
 const reactRouterDom = require('react-router-dom');
 const lt = require('semver/functions/lt');
 const valid = require('semver/functions/valid');
-const v2 = require('@strapi/design-system/v2');
 const icons = require('@strapi/icons');
 const get = require('lodash/get');
 const styled = require('styled-components');
-const rbac = require('./rbac-WZsv1761.js');
-const Ornaments = require('./Ornaments-RhzFP9rf.js');
-const index = require('./index-e8PHZx2A.js');
+const rbac = require('./rbac-xgYdpUSq.js');
+const Ornaments = require('./Ornaments-UTssGzOw.js');
+const index = require('./index-FJLgZ-Wg.js');
 const users = require('./users-R5A0kUOV.js');
 const immer = require('immer');
 const set = require('lodash/set');
-const PrivateRoute = require('./PrivateRoute-KAM10GGM.js');
+const PrivateRoute = require('./PrivateRoute-nJgGpBXP.js');
 const cloneDeep = require('lodash/cloneDeep');
 const reactRedux = require('react-redux');
-const selectors = require('./selectors-CiTVxP8O.js');
+const selectors = require('./selectors-C62Wf5On.js');
 const useOnce = require('./useOnce--ZSbXFh3.js');
 const admin = require('./admin-vlKSOeHB.js');
 
@@ -57,7 +56,7 @@ const set__default = /*#__PURE__*/_interopDefault(set);
 const cloneDeep__default = /*#__PURE__*/_interopDefault(cloneDeep);
 
 const name = "@strapi/admin";
-const version = "5.0.0-beta.3";
+const version = "5.0.0-beta.5";
 const description = "Strapi Admin";
 const repository = {
 	type: "git",
@@ -135,13 +134,13 @@ const dependencies = {
 	"@radix-ui/react-context": "1.0.1",
 	"@radix-ui/react-toolbar": "1.0.4",
 	"@reduxjs/toolkit": "1.9.7",
-	"@strapi/design-system": "1.17.0",
-	"@strapi/icons": "1.16.0",
-	"@strapi/permissions": "5.0.0-beta.3",
-	"@strapi/provider-audit-logs-local": "5.0.0-beta.3",
-	"@strapi/types": "5.0.0-beta.3",
-	"@strapi/typescript-utils": "5.0.0-beta.3",
-	"@strapi/utils": "5.0.0-beta.3",
+	"@strapi/design-system": "2.0.0-beta.2",
+	"@strapi/icons": "2.0.0-beta.2",
+	"@strapi/permissions": "5.0.0-beta.5",
+	"@strapi/provider-audit-logs-local": "5.0.0-beta.5",
+	"@strapi/types": "5.0.0-beta.5",
+	"@strapi/typescript-utils": "5.0.0-beta.5",
+	"@strapi/utils": "5.0.0-beta.5",
 	"@testing-library/dom": "9.2.0",
 	"@testing-library/react": "14.0.0",
 	"@testing-library/user-event": "14.4.3",
@@ -156,12 +155,11 @@ const dependencies = {
 	"fast-deep-equal": "3.1.3",
 	formik: "2.4.5",
 	"fractional-indexing": "3.2.0",
-	"fs-extra": "10.1.0",
+	"fs-extra": "11.2.0",
 	"highlight.js": "^10.4.1",
 	immer: "9.0.21",
 	inquirer: "8.2.5",
 	invariant: "^2.2.4",
-	"js-cookie": "2.2.1",
 	jsonwebtoken: "9.0.0",
 	koa: "2.15.2",
 	"koa-compose": "4.1.0",
@@ -197,12 +195,12 @@ const dependencies = {
 	zod: "^3.22.4"
 };
 const devDependencies = {
-	"@strapi/admin-test-utils": "5.0.0-beta.3",
-	"@strapi/data-transfer": "5.0.0-beta.3",
+	"@strapi/admin-test-utils": "5.0.0-beta.5",
+	"@strapi/data-transfer": "5.0.0-beta.5",
 	"@strapi/pack-up": "5.0.0",
 	"@types/codemirror5": "npm:@types/codemirror@^5.60.15",
+	"@types/fs-extra": "11.0.4",
 	"@types/invariant": "2.2.36",
-	"@types/js-cookie": "3.0.6",
 	"@types/jsonwebtoken": "9.0.3",
 	"@types/koa-passport": "6.0.1",
 	"@types/lodash": "^4.14.191",
@@ -301,7 +299,7 @@ const GuidedTourModal = () => {
       direction: "column",
       alignItems: "stretch",
       background: "neutral0",
-      width: `${660 / 16}rem`,
+      width: `66rem`,
       shadow: "popupShadow",
       hasRadius: true,
       padding: 4,
@@ -371,14 +369,14 @@ const GuidedTourStepper = ({
   const nextSectionIndex = sectionIndex + 1;
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "stretch", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, justifyContent: "center", minWidth: `${30 / 16}rem`, children: hasSectionBefore && /* @__PURE__ */ jsxRuntime.jsx(Ornaments.VerticalDivider, { state: Ornaments.STATES.IS_DONE, minHeight: `${24 / 16}rem` }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, justifyContent: "center", minWidth: `3rem`, children: hasSectionBefore && /* @__PURE__ */ jsxRuntime.jsx(Ornaments.VerticalDivider, { state: Ornaments.STATES.IS_DONE, minHeight: `2.4rem` }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", textColor: "primary600", children: formatMessage({
         id: "app.components.GuidedTour.title",
         defaultMessage: "3 steps to get started"
       }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, minWidth: `${30 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, minWidth: `3rem`, children: /* @__PURE__ */ jsxRuntime.jsx(
         Ornaments.Number,
         {
           state: hasStepsBefore ? Ornaments.STATES.IS_DONE : Ornaments.STATES.IS_ACTIVE,
@@ -390,14 +388,14 @@ const GuidedTourStepper = ({
       title && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", fontWeight: "bold", textColor: "neutral800", as: "h3", id: "title", children: formatMessage(title) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { alignItems: "stretch", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, direction: "column", justifyContent: "center", minWidth: `${30 / 16}rem`, children: hasSectionAfter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, direction: "column", justifyContent: "center", minWidth: `3rem`, children: hasSectionAfter && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(Ornaments.VerticalDivider, { state: Ornaments.STATES.IS_DONE }),
         hasStepsBefore && /* @__PURE__ */ jsxRuntime.jsx(Ornaments.Number, { state: Ornaments.STATES.IS_ACTIVE, paddingTop: 3, children: nextSectionIndex + 1 })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
         children,
         cta && (cta.target ? /* @__PURE__ */ jsxRuntime.jsx(
-          v2.LinkButton,
+          designSystem.LinkButton,
           {
             as: reactRouterDom.NavLink,
             endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}),
@@ -408,7 +406,7 @@ const GuidedTourStepper = ({
         ) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { endIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowRight, {}), onClick: onCtaClick, children: formatMessage(cta.title) }))
       ] })
     ] }),
-    hasStepsBefore && hasSectionAfter && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, justifyContent: "center", width: `${30 / 16}rem`, children: /* @__PURE__ */ jsxRuntime.jsx(Ornaments.VerticalDivider, { state: Ornaments.STATES.IS_DONE, minHeight: `${24 / 16}rem` }) }) })
+    hasStepsBefore && hasSectionAfter && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingTop: 3, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { marginRight: 8, justifyContent: "center", width: `3rem`, children: /* @__PURE__ */ jsxRuntime.jsx(Ornaments.VerticalDivider, { state: Ornaments.STATES.IS_DONE, minHeight: `2.4rem` }) }) })
   ] });
 };
 const GuidedTourContent = ({ id, defaultMessage }) => {
@@ -448,8 +446,105 @@ const LiStyled = styled__default.default.li`
 `;
 const ListItem = (children) => /* @__PURE__ */ jsxRuntime.jsx(LiStyled, { children });
 
+const BrandIconWrapper = styled__default.default(designSystem.Box)`
+  svg,
+  img {
+    border-radius: ${({ theme }) => theme.borderRadius};
+    object-fit: contain;
+    height: 2.4rem;
+    width: 2.4rem;
+    margin: 0.4rem;
+  }
+`;
+const NavBrand = () => {
+  const { formatMessage } = reactIntl.useIntl();
+  const {
+    logos: { menu }
+  } = rbac.useConfiguration("LeftMenu");
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(BrandIconWrapper, { width: "3.2rem", height: "3.2rem", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: menu.custom?.url || menu.default,
+        alt: formatMessage({
+          id: "app.components.LeftMenu.logo.alt",
+          defaultMessage: "Application logo"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.VisuallyHidden, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
+        id: "app.components.LeftMenu.navbrand.title",
+        defaultMessage: "Strapi Dashboard"
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatMessage({
+        id: "app.components.LeftMenu.navbrand.workplace",
+        defaultMessage: "Workplace"
+      }) })
+    ] })
+  ] }) });
+};
+
+const MainNavLinkWrapper = styled__default.default(reactRouterDom.NavLink)`
+  text-decoration: none;
+  display: block;
+  border-radius: ${({ theme }) => theme.borderRadius};
+  background: ${({ theme }) => theme.colors.neutral0};
+  color: ${({ theme }) => theme.colors.neutral600};
+  position: relative;
+
+  &:hover,
+  &.active {
+    background: ${({ theme }) => theme.colors.neutral100};
+  }
+
+  &:hover {
+    svg path {
+      fill: ${({ theme }) => theme.colors.neutral600};
+    }
+    color: ${({ theme }) => theme.colors.neutral700};
+  }
+
+  &.active {
+    svg path {
+      fill: ${({ theme }) => theme.colors.primary600};
+    }
+
+    color: ${({ theme }) => theme.colors.primary600};
+    font-weight: 500;
+  }
+`;
+const LinkImpl = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(MainNavLinkWrapper, { ...props, children });
+};
+const TooltipImpl = ({ children, label, position = "right" }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tooltip, { position, label, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", width: 7, height: 7, children }) });
+};
+const IconImpl = ({ children }) => {
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "center", "aria-hidden": true, as: "span", width: 5, height: 5, children });
+};
+const CustomBadge = styled__default.default(designSystem.Badge)`
+  /* override default badge styles to change the border radius of the Base element in the Design System */
+  border-radius: ${({ theme }) => theme.spaces[10]};
+`;
+const BadgeImpl = ({ children, label, ...props }) => {
+  if (!children) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(CustomBadge, { position: "absolute", top: "-1.2rem", right: "-0.4rem", "aria-label": label, ...props, children });
+};
+const NavLink = {
+  Link: LinkImpl,
+  Tooltip: TooltipImpl,
+  Icon: IconImpl,
+  Badge: BadgeImpl
+};
+
 const LinkUserWrapper = styled__default.default(designSystem.Box)`
-  width: ${150 / 16}rem;
+  width: 15rem;
   position: absolute;
   bottom: ${({ theme }) => theme.spaces[9]};
   left: ${({ theme }) => theme.spaces[5]};
@@ -468,9 +563,7 @@ const LinkUser = styled__default.default(reactRouterDom.NavLink)`
   }
 
   svg {
-    path {
-      fill: ${({ theme }) => theme.colors.danger600};
-    }
+    fill: ${({ theme }) => theme.colors.danger600};
   }
 `;
 const NavLinkWrapper = styled__default.default(designSystem.Box)`
@@ -509,9 +602,14 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
     id: "app.components.LeftMenu.navbrand.title",
     defaultMessage: "Strapi Dashboard"
   });
-  return /* @__PURE__ */ jsxRuntime.jsxs(v2.MainNav, { condensed, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      v2.NavBrand,
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.MainNav, { condensed, children: [
+    condensed ? (
+      /**
+       * TODO: remove the conditional rendering once the new Main nav is fully implemented
+       */
+      /* @__PURE__ */ jsxRuntime.jsx(NavBrand, {})
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.NavBrand,
       {
         as: reactRouterDom.NavLink,
         workplace: formatMessage({
@@ -532,19 +630,26 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Divider, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(v2.NavSections, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.NavSections, { children: [
+      condensed && /* @__PURE__ */ jsxRuntime.jsx(NavLink.Link, { to: "/", onClick: () => handleClickOnLink("/"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        NavLink.Tooltip,
+        {
+          label: formatMessage({ id: "global.home", defaultMessage: "Home" }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(NavLink.Icon, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.House, { fill: "neutral500" }) })
+        }
+      ) }),
       /* @__PURE__ */ jsxRuntime.jsx(
-        v2.NavLink,
+        designSystem.NavLink,
         {
           as: reactRouterDom.NavLink,
           to: "/content-manager",
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Write, {}),
+          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Feather, {}),
           onClick: () => handleClickOnLink("/content-manager"),
           children: formatMessage({ id: "global.content-manager", defaultMessage: "Content manager" })
         }
       ),
       pluginsSectionLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-        v2.NavSection,
+        designSystem.NavSection,
         {
           label: formatMessage({
             id: "app.components.LeftMenu.plugins",
@@ -556,13 +661,13 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
             }
             const LinkIcon = link.icon;
             return /* @__PURE__ */ jsxRuntime.jsx(NavLinkWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(
-              v2.NavLink,
+              designSystem.NavLink,
               {
                 as: reactRouterDom.NavLink,
                 to: link.to,
                 icon: /* @__PURE__ */ jsxRuntime.jsx(LinkIcon, {}),
                 onClick: () => handleClickOnLink(link.to),
-                badgeContent: link?.lockIcon ? /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { width: `${15 / 16}rem`, height: `${15 / 16}rem`, as: icons.Lock }) : void 0,
+                badgeContent: link?.lockIcon ? /* @__PURE__ */ jsxRuntime.jsx(icons.Lock, { width: "1.5rem", height: "1.5rem" }) : void 0,
                 children: formatMessage(link.intlLabel)
               }
             ) }, link.to);
@@ -570,7 +675,7 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
         }
       ) : null,
       generalSectionLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-        v2.NavSection,
+        designSystem.NavSection,
         {
           label: formatMessage({
             id: "app.components.LeftMenu.general",
@@ -579,7 +684,7 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
           children: generalSectionLinks.map((link) => {
             const LinkIcon = link.icon;
             return /* @__PURE__ */ jsxRuntime.jsx(
-              v2.NavLink,
+              designSystem.NavLink,
               {
                 as: reactRouterDom.NavLink,
                 badgeContent: link.notificationsCount && link.notificationsCount > 0 ? link.notificationsCount.toString() : void 0,
@@ -594,9 +699,9 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
         }
       ) : null
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(v2.NavFooter, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.NavFooter, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        v2.NavUser,
+        designSystem.NavUser,
         {
           id: "main-nav-user-button",
           ref: navUserRef,
@@ -623,12 +728,12 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
                 id: "app.components.LeftMenu.logout",
                 defaultMessage: "Logout"
               }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(icons.Exit, {})
+              /* @__PURE__ */ jsxRuntime.jsx(icons.SignOut, {})
             ] })
           ] }) })
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(v2.NavCondense, { onClick: () => setCondensed((s) => !s), children: condensed ? formatMessage({
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.NavCondense, { onClick: () => setCondensed((s) => !s), children: condensed ? formatMessage({
         id: "app.components.LeftMenu.expand",
         defaultMessage: "Expand the navbar"
       }) : formatMessage({
@@ -657,6 +762,7 @@ const Onboarding = () => {
       href: communityEdition ? "https://discord.strapi.io" : "https://support.strapi.io/support/home"
     }
   ];
+  const Icon = isOpen ? icons.Cross : icons.Question;
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { as: "aside", position: "fixed", bottom: 2, right: 2, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       HelperButton,
@@ -672,7 +778,7 @@ const Onboarding = () => {
         ),
         onClick: handlePopoverVisibility,
         ref: triggerRef,
-        children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: isOpen ? icons.Cross : icons.Question, color: "buttonNeutral0" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { fill: "buttonNeutral0" })
       }
     ),
     isOpen && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
@@ -740,7 +846,7 @@ const Onboarding = () => {
                       justifyContent: "center",
                       width: 6,
                       height: 6,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icons.Play, color: "buttonNeutral0", width: 3, height: 3 })
+                      children: /* @__PURE__ */ jsxRuntime.jsx(icons.Play, { fill: "buttonNeutral0", width: "1.2rem", height: "1.2rem" })
                     }
                   )
                 ] }),
@@ -762,8 +868,8 @@ const Onboarding = () => {
               paddingLeft: 5,
               paddingTop: 2,
               paddingBottom: 5,
-              children: docLinks.map(({ label, href, icon }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(designSystem.Icon, { as: icon, color: "primary600" }),
+              children: docLinks.map(({ label, href, icon: Icon2 }) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Icon2, { fill: "primary600" }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   TextLink,
                   {
@@ -930,7 +1036,7 @@ const useMenu = (shouldUpdateStrapi) => {
   const [menuWithUserPermissions, setMenuWithUserPermissions] = React__namespace.useState({
     generalSectionLinks: [
       {
-        icon: icons.Puzzle,
+        icon: icons.PuzzlePiece,
         intlLabel: {
           id: "global.plugins",
           defaultMessage: "Plugins"
@@ -1118,4 +1224,4 @@ const checkLatestStrapiVersion = (currentPackageVersion, latestPublishedVersion
 
 exports.AdminLayout = AdminLayout;
 exports.PrivateAdminLayout = PrivateAdminLayout;
-//# sourceMappingURL=AuthenticatedLayout-Aibt647F.js.map
+//# sourceMappingURL=AuthenticatedLayout-TNbTifIA.js.map