@mui/docs 6.0.0-dev.240424162023-9968b4889d → 6.0.0

package/SectionTitle/SectionTitle.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export interface SectionTitleProps<Hash extends string = string> {
+    title: string;
+    hash: Hash;
+    level?: 'h2' | 'h3' | 'h4';
+}
+export declare function SectionTitle(props: SectionTitleProps): React.JSX.Element;

package/SectionTitle/SectionTitle.js

@@ -0,0 +1,30 @@
+var _span;
+import * as React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SectionTitle(props) {
+  const {
+    title,
+    hash,
+    level: Level = 'h2'
+  } = props;
+  return /*#__PURE__*/_jsx(Level, {
+    id: hash,
+    style: {
+      flexGrow: 1
+    },
+    children: /*#__PURE__*/_jsxs("a", {
+      "aria-labelledby": hash,
+      className: "title-link-to-anchor",
+      href: `#${hash}`,
+      tabIndex: -1,
+      children: [title, _span || (_span = /*#__PURE__*/_jsx("span", {
+        className: "anchor-icon",
+        children: /*#__PURE__*/_jsx("svg", {
+          children: /*#__PURE__*/_jsx("use", {
+            xlinkHref: "#anchor-link-icon"
+          })
+        })
+      }))]
+    })
+  });
+}

package/SectionTitle/index.d.ts

@@ -0,0 +1 @@
+export * from './SectionTitle';

package/SectionTitle/index.js

@@ -0,0 +1 @@
+export * from "./SectionTitle.js";

package/SectionTitle/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/SectionTitle/index.js",
+  "types": "./index.d.ts"
+}

package/branding/BrandingProvider.d.ts

@@ -4,6 +4,6 @@ export interface BrandingProviderProps {
     /**
      * If not `undefined`, the provider is considered nesting and does not render NextNProgressBar & CssBaseline
      */
-    mode: 'light' | 'dark';
+    mode?: 'light' | 'dark';
 }
 export declare function BrandingProvider(props: BrandingProviderProps): React.JSX.Element;

package/branding/BrandingProvider.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ThemeProvider, useTheme } from '@mui/material/styles';
-import { brandingDarkTheme, brandingLightTheme } from './brandingTheme';
+import { brandingDarkTheme, brandingLightTheme } from "./brandingTheme.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function BrandingProvider(props) {
   const {

package/branding/brandingTheme.d.ts

@@ -144,8 +144,8 @@ export declare const warning: {
     800: string;
     900: string;
 };
-export declare const getMetaThemeColor: (mode: 'light' | 'dark') => string;
-export declare const getDesignTokens: (mode: 'light' | 'dark') => ThemeOptions;
+export declare const getMetaThemeColor: (mode: "light" | "dark") => string;
+export declare const getDesignTokens: (mode: "light" | "dark") => ThemeOptions;
 export declare function getThemedComponents(): ThemeOptions;
 export declare const brandingDarkTheme: Theme;
 export declare const brandingLightTheme: Theme;