likec4 1.0.1 → 1.1.0

package/react/styles.d.ts

@@ -1,4 +1,6 @@
 import { type MantineTheme } from '@mantine/core';
 export declare const useCreateStyleSheet: (injectFontCss?: boolean) => () => CSSStyleSheet;
-export declare const useColorScheme: (explicit: 'light' | 'dark' | undefined) => "dark" | "light";
+type ColorScheme = 'light' | 'dark' | undefined;
+export declare const useColorScheme: (explicit?: ColorScheme) => ColorScheme;
 export declare const theme: MantineTheme;
+export {};

package/react/types.d.ts

@@ -5,7 +5,15 @@ export type DiagramView<ViewId extends string> = {
     height: number;
 };
 export type LikeC4ViewBaseProps<ViewId extends string> = Omit<HTMLAttributes<HTMLDivElement>, 'children'> & {
+    /**
+     * View to display.
+     */
     viewId: ViewId;
+    /**
+     * Background pattern
+     * @default 'transparent'
+     */
+    background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
     /**
      * Click on the view opens a modal with browser.
      *
@@ -24,4 +32,8 @@ export type LikeC4ViewBaseProps<ViewId extends string> = Omit<HTMLAttributes<HTM
      * @default true
      */
     injectFontCss?: boolean | undefined;
+    overlay?: {
+        blur?: number;
+        opacity?: number;
+    } | undefined;
 };