likec4 1.3.0 → 1.5.0

package/react/styles.css.d.ts

@@ -1,4 +1,4 @@
-export declare const cssRoot: string;
+export declare const shadowRoot: string;
 export declare const cssLikeC4View: string;
 export declare const cssInteractive: string;
 export declare const cssLikeC4Browser: string;

package/react/styles.d.ts

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

package/react/types.d.ts

@@ -14,6 +14,11 @@ export type LikeC4ViewBaseProps<ViewId extends string> = Omit<HTMLAttributes<HTM
      * @default 'transparent'
      */
     background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
+    /**
+     * Background pattern for the browser view.
+     * @default 'dots'
+     */
+    browserBackground?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
     /**
      * Click on the view opens a modal with browser.
      *
@@ -32,8 +37,4 @@ export type LikeC4ViewBaseProps<ViewId extends string> = Omit<HTMLAttributes<HTM
      * @default true
      */
     injectFontCss?: boolean | undefined;
-    overlay?: {
-        blur?: number | string | undefined;
-        opacity?: number | undefined;
-    } | undefined;
 };