@mantine/code-highlight 7.0.0-alpha.8 → 7.0.0-beta.0

package/src/FileIcon.tsx

@@ -4,15 +4,25 @@ interface FileIconProps {
   fileName: string | undefined;
   getFileIcon?: ((fileName: string) => React.ReactNode) | undefined;
   fileIcon: React.ReactNode | undefined;
+  className?: string;
+  style?: React.CSSProperties;
 }
 
-export function FileIcon({ fileIcon, fileName, getFileIcon }: FileIconProps) {
+export function FileIcon({ fileIcon, fileName, getFileIcon, className, style }: FileIconProps) {
   if (fileIcon) {
-    return <>{fileIcon}</>;
+    return (
+      <span className={className} style={style}>
+        {fileIcon}
+      </span>
+    );
   }
 
   if (getFileIcon && fileName) {
-    return <>{getFileIcon(fileName)}</>;
+    return (
+      <span className={className} style={style}>
+        {getFileIcon(fileName)}
+      </span>
+    );
   }
 
   return null;

package/src/InlineCodeHighlight.tsx

@@ -17,7 +17,6 @@ import themeClasses from './CodeHighlight.theme.module.css';
 const classes = { ..._classes, code: cx(_classes.code, themeClasses.theme) };
 
 export type InlineCodeHighlightStylesNames = 'code';
-export type InlineCodeHighlightVariant = string;
 
 export interface InlineCodeHighlightProps
   extends BoxProps,

package/src/index.ts

@@ -6,18 +6,15 @@ export type {
   CodeHighlightTabsStylesNames,
   CodeHighlightTabsProps,
   CodeHighlightTabsCode,
-  CodeHighlightTabsVariant,
   CodeHighlightTabsCssVariables,
 } from './CodeHighlightTabs';
 export type {
   CodeHighlightFactory,
   CodeHighlightProps,
   CodeHighlightStylesNames,
-  CodeHighlightVariant,
 } from './CodeHighlight';
 export type {
   InlineCodeHighlightFactory,
   InlineCodeHighlightProps,
   InlineCodeHighlightStylesNames,
-  InlineCodeHighlightVariant,
 } from './InlineCodeHighlight';