refactor: rename FramelessLogo to LogoWrapper

frameless · May 31, 2024 · 8b206a4 · 8b206a4
1 parent a2533f7
commit 8b206a4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/...mponents-react/src/Logo/FramelessLogo.tsx → ...components-react/src/Logo/LogoWrapper.tsx b/...mponents-react/src/Logo/FramelessLogo.tsx → ...components-react/src/Logo/LogoWrapper.tsx
@@ -4,9 +4,9 @@ import { HTMLAttributes } from 'react';
 // Include CSS for logo as a package deal. FIXME: move this to a separate `css-module` option like Utrecht
 import '@frameless/components-css/logo/index.scss';
 
-export type FramelessLogoProps = HTMLAttributes<HTMLDivElement>;
-export const FramelessLogo = ({ className, children, ...restProps }: FramelessLogoProps) => (
-  <div {...restProps} className={clsx('frameless-logo', className)}>
+export type LogoWrapperProps = HTMLAttributes<HTMLDivElement>;
+export const LogoWrapper = ({ className, children, ...restProps }: LogoWrapperProps) => (
+  <div {...restProps} className={clsx('frameless-logo__wrapper', className)}>
     {children}
   </div>
 );
diff --git a/packages/components-react/src/Logo/index.tsx b/packages/components-react/src/Logo/index.tsx
@@ -1,15 +1,16 @@
-// Logo component is imported from Utrecht, LogoImage and LogoText are Frameless components
+// Logo component is imported from Utrecht
+// LogoImage, LogoText and LogoWrapper are Frameless components
 
 import { Logo as UtrechtLogo } from '@utrecht/component-library-react';
-import { FramelessLogo } from './FramelessLogo';
 import { LogoImage } from './LogoImage';
 import { LogoText } from './LogoText';
+import { LogoWrapper } from './LogoWrapper';
 
 export const Logo = () => (
-  <FramelessLogo className="frameless-logo">
+  <LogoWrapper className="frameless-logo__wrapper">
     <UtrechtLogo>
       <LogoImage />
     </UtrechtLogo>
     <LogoText>Frameless</LogoText>
-  </FramelessLogo>
+  </LogoWrapper>
 );