@integrigo/integrigo-ui 1.6.16-c → 1.6.16-e

package/src/components/molecules/Profile/Profile.tsx

@@ -10,6 +10,14 @@ type ProfileProps = Partial<React.ComponentProps<typeof Avatar>> & {
   children?: React.ReactNode;
 };
 
+const fontSizeVariant = {
+  s: 12,
+  m: 16,
+  l: 20,
+  xl: 24,
+  xxl: 32,
+};
+
 const getInitials = (text: string): string =>
   text
     .split(' ')
@@ -32,7 +40,7 @@ export const Profile: React.FC<ProfileProps> = ({
     )}
 
     <Details>
-      <Name as="span">{name}</Name>
+      <Name as="span" size={size}>{name}</Name>
       {children}
     </Details>
   </Root>
@@ -40,14 +48,15 @@ export const Profile: React.FC<ProfileProps> = ({
 
 const Root = styled.div`
   display: flex;
-  gap: var(--padding-m);
+  gap: var(--padding-s);
   align-items: center;
 `;
 
 Root.displayName = 'Root';
 
-const Name = styled(Hero)`
+const Name = styled(Hero)<{ size: ProfileProps['size']}>`
   font-weight: var(--font-bold);
+  font-size: ${p => fontSizeVariant[p.size || 'm']}px;
 `;
 
 Name.displayName = 'Name';