Merge branch 'master' into open-source-banner

Author: Vivek Vishal

package-lock.json

@@ -35,7 +35,7 @@
     "@fullcalendar/interaction": "^6.0.1",
     "@fullcalendar/react": "^6.1.8",
     "@layer5/meshery-design-embed": "^0.4.0",
-    "@layer5/sistent": "^0.14.182",
+    "@sistent/sistent": "^0.14.201",
     "@loadable/component": "^5.16.4",
     "@mdx-js/mdx": "1.6.22",
     "@mdx-js/react": "1.6.22",

package.json

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { ComponentsWrapper } from "./Component.style";
-import { CatalogCard, SistentThemeProviderWithoutBaseLine } from "@layer5/sistent";
+import { CatalogCard, SistentThemeProviderWithoutBaseLine } from "@sistent/sistent";
 import axios from "axios";
 import { useStyledDarkMode } from "../../../../theme/app/useStyledDarkMode";
 import Button from "../../../../reusecore/Button";

src/sections/Meshery/Meshery-integrations/Individual-Integrations/CatalogGrid.js

@@ -5,17 +5,18 @@ import TOC from "../../../components/SistentNavigation";
 import IntraPage from "../../../components/handbook-navigation/intra-page";
 import SistentPagination from "../../../components/SistentNavigation/pagination";
 
+import { Link } from "gatsby";
 import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 import { CodeBlock } from "./components/button/code-block";
-import { SistentThemeProvider } from "@layer5/sistent";
-import { Button } from "@layer5/sistent";
+import { SistentThemeProvider } from "@sistent/sistent";
+import { Button } from "@sistent/sistent";
 
 const contents = [{ id: 0, link: "#About Sistent", text: "About Sistent" }];
 
 const codes = [
-  "npm i @layer5/sistent",
-  `  import { SistentThemeProvider } from "@layer5/sistent";
-  import { Button } from "@layer5/sistent";
+  "npm i @sistent/sistent",
+  `  import { SistentThemeProvider } from "@sistent/sistent";
+  import { Button } from "@sistent/sistent";
      
   <SistentThemeProvider>
     <Button variant="contained">Filled</Button>
@@ -78,8 +79,8 @@ const SistentAbout = () => {
             </p>
             <h3>Layer5 Brand Resources</h3>
             <ul>
-              <li><a href="https://layer5.io/brand/brand-guide.pdf">Brand Guide</a></li>
-              <li><a href="https://layer5.io/company/brand">Logos and Brand Kits</a></li>
+              <li><Link to="/brand/brand-guide.pdf">Brand Guide</Link></li>
+              <li><Link to="/brand">Logos and Brand Kits</Link></li>
             </ul>
             <a id="Installation">
               <h2>Installation and Quickstart</h2>
@@ -90,7 +91,7 @@ const SistentAbout = () => {
             </div>
             <p>
               After installation, you can import Sistent theme and any Sistent
-              component from "@layer5/sistent". The component needs to be
+              component from "@sistent/sistent". The component needs to be
               included inside "SistentThemeProvider".
             </p>
             <p>Taking button as an example:</p>

src/sections/Projects/Sistent/about.js

@@ -2,18 +2,18 @@ import { useLocation } from "@reach/router";
 import { navigate } from "gatsby";
 import React from "react";
 
-import { Container, SistentThemeProvider } from "@layer5/sistent";
+import { Container, SistentThemeProvider } from "@sistent/sistent";
 import { SistentLayout } from "../../sistent-layout";
 import { CodeBlock } from "../button/code-block";
 
 import TabButton from "../../../../../reusecore/Button";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";
 
-import { Backdrop, Button, CircularProgress } from "@layer5/sistent";
+import { Backdrop, Button, CircularProgress } from "@sistent/sistent";
 
 const codes = [
   `
-  import { Backdrop, Button, CircularProgress } from "@layer5/sistent";
+  import { Backdrop, Button, CircularProgress } from "@sistent/sistent";
 
   // declare states and functions to handle open and close operation
 

src/sections/Projects/Sistent/components/backdrop/code.js

@@ -7,7 +7,7 @@ import {
   Button,
   Backdrop,
   CircularProgress,
-} from "@layer5/sistent";
+} from "@sistent/sistent";
 import TabButton from "../../../../../reusecore/Button";
 import { SistentLayout } from "../../sistent-layout";
 import { Row } from "../../../../../reusecore/Layout";

src/sections/Projects/Sistent/components/backdrop/index.js

@@ -2,7 +2,7 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
-import { SistentThemeProvider, Box } from "@layer5/sistent";
+import { SistentThemeProvider, Box } from "@sistent/sistent";
 import { CodeBlock } from "../button/code-block";
 import { SistentLayout } from "../../sistent-layout";
 

src/sections/Projects/Sistent/components/box/code.js

@@ -2,7 +2,7 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 import { Row } from "../../../../../reusecore/Layout";
-import { SistentThemeProvider, Box } from "@layer5/sistent";
+import { SistentThemeProvider, Box } from "@sistent/sistent";
 import { SistentLayout } from "../../sistent-layout";
 
 import TabButton from "../../../../../reusecore/Button";

src/sections/Projects/Sistent/components/box/guidance.js

@@ -2,7 +2,7 @@ import React from "react";
 import { navigate } from "gatsby";
 import { useLocation } from "@reach/router";
 
-import { SistentThemeProvider, Box } from "@layer5/sistent";
+import { SistentThemeProvider, Box } from "@sistent/sistent";
 import TabButton from "../../../../../reusecore/Button";
 import { SistentLayout } from "../../sistent-layout";
 import { Row } from "../../../../../reusecore/Layout";

src/sections/Projects/Sistent/components/box/index.js

@@ -7,7 +7,7 @@ import {
   Button,
   ButtonGroup,
   Box,
-} from "@layer5/sistent";
+} from "@sistent/sistent";
 import TabButton from "../../../../../reusecore/Button";
 import { SistentLayout } from "../../sistent-layout";
 import { useStyledDarkMode } from "../../../../../theme/app/useStyledDarkMode";