@tidbcloud/uikit 2.4.5 → 2.4.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @tidbcloud/uikit
 
+## 2.4.7
+
+### Patch Changes
+
+- feat(AppShell): add headerLeftSection prop and make aboveMenu optional ([#555](https://github.com/tidbcloud/tidbcloud-uikit/pull/555))
+
+## 2.4.6
+
+### Patch Changes
+
+- fix(uikit): add custom styles for Code component in theme ([#553](https://github.com/tidbcloud/tidbcloud-uikit/pull/553))
+
 ## 2.4.5
 
 ### Patch Changes

package/dist/biz/AppShell/AppShell.cjs

@@ -60,14 +60,14 @@ const AppShell = ({ banner, navbar, children }) => {
             /* @__PURE__ */ jsxRuntime.jsx(NavbarSection.NavbarSection, { children: /* @__PURE__ */ jsxRuntime.jsx(
               NavbarHeader.NavbarHeader,
               {
-                logo: navbar.logo,
+                logo: navbar.headerLeftSection || navbar.logo,
                 onLogoClick: navbar.onLogoClick,
                 onToggleCollapse: handleNavbarCollapse,
                 px: "md",
                 py: 8
               }
             ) }),
-            /* @__PURE__ */ jsxRuntime.jsx(NavbarSection.NavbarSection, { children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { className: "tiui-app-shell-navbar-above-menu", px: "md", children: navbar.aboveMenu }) }),
+            navbar.aboveMenu && /* @__PURE__ */ jsxRuntime.jsx(NavbarSection.NavbarSection, { children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { className: "tiui-app-shell-navbar-above-menu", px: "md", children: navbar.aboveMenu }) }),
             /* @__PURE__ */ jsxRuntime.jsx(NavbarSection.NavbarSection, { className: "tiui-app-shell-navbar-menu-section", grow: true, scrollable: true, py: 8, children: /* @__PURE__ */ jsxRuntime.jsx(Stack.Stack, { ref: navMenuRef, className: "tiui-app-shell-navbar-menu", gap: 8, px: "md" }) }),
             /* @__PURE__ */ jsxRuntime.jsxs(NavbarSection.NavbarSection, { px: "md", pb: "8", children: [
               /* @__PURE__ */ jsxRuntime.jsx(Divider.Divider, { mx: "-md", mb: 8 }),

package/dist/biz/AppShell/AppShell.d.cts

@@ -15,10 +15,16 @@ interface AppShellProps {
          * The logo to display in the navbar
          */
         logo: React.ReactNode;
+        /**
+         * The left section of the navbar header, which is usually the logo
+         * If not provided, the logo will be used as the left section
+         * @default undefined
+         */
+        headerLeftSection?: React.ReactNode;
         /**
          * Custom content rendered in the navbar section between the header and the main menu.
          */
-        aboveMenu: React.ReactNode;
+        aboveMenu?: React.ReactNode;
         /**
          * The footer section of the navbar
          */

package/dist/biz/AppShell/AppShell.d.mts

@@ -15,10 +15,16 @@ interface AppShellProps {
          * The logo to display in the navbar
          */
         logo: React.ReactNode;
+        /**
+         * The left section of the navbar header, which is usually the logo
+         * If not provided, the logo will be used as the left section
+         * @default undefined
+         */
+        headerLeftSection?: React.ReactNode;
         /**
          * Custom content rendered in the navbar section between the header and the main menu.
          */
-        aboveMenu: React.ReactNode;
+        aboveMenu?: React.ReactNode;
         /**
          * The footer section of the navbar
          */

package/dist/biz/AppShell/AppShell.mjs

@@ -58,14 +58,14 @@ const AppShell = ({ banner, navbar, children }) => {
             /* @__PURE__ */ jsx(NavbarSection, { children: /* @__PURE__ */ jsx(
               NavbarHeader,
               {
-                logo: navbar.logo,
+                logo: navbar.headerLeftSection || navbar.logo,
                 onLogoClick: navbar.onLogoClick,
                 onToggleCollapse: handleNavbarCollapse,
                 px: "md",
                 py: 8
               }
             ) }),
-            /* @__PURE__ */ jsx(NavbarSection, { children: /* @__PURE__ */ jsx(Box, { className: "tiui-app-shell-navbar-above-menu", px: "md", children: navbar.aboveMenu }) }),
+            navbar.aboveMenu && /* @__PURE__ */ jsx(NavbarSection, { children: /* @__PURE__ */ jsx(Box, { className: "tiui-app-shell-navbar-above-menu", px: "md", children: navbar.aboveMenu }) }),
             /* @__PURE__ */ jsx(NavbarSection, { className: "tiui-app-shell-navbar-menu-section", grow: true, scrollable: true, py: 8, children: /* @__PURE__ */ jsx(Stack, { ref: navMenuRef, className: "tiui-app-shell-navbar-menu", gap: 8, px: "md" }) }),
             /* @__PURE__ */ jsxs(NavbarSection, { px: "md", pb: "8", children: [
               /* @__PURE__ */ jsx(Divider, { mx: "-md", mb: 8 }),

package/dist/theme/theme.cjs

@@ -1245,6 +1245,16 @@ const theme = createTheme.createTheme({
         }
         return {};
       }
+    },
+    Code: {
+      styles: (theme2) => {
+        return {
+          root: {
+            backgroundColor: themeColor(theme2, "carbon", 3),
+            color: themeColor(theme2, "carbon", 8)
+          }
+        };
+      }
     }
   }
 });

package/dist/theme/theme.mjs

@@ -1243,6 +1243,16 @@ const theme = createTheme({
         }
         return {};
       }
+    },
+    Code: {
+      styles: (theme2) => {
+        return {
+          root: {
+            backgroundColor: themeColor(theme2, "carbon", 3),
+            color: themeColor(theme2, "carbon", 8)
+          }
+        };
+      }
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tidbcloud/uikit",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "description": "tidbcloud uikit",
   "type": "module",
   "main": "dist/primitive/index.cjs",