@integrigo/integrigo-ui 1.6.16 → 1.6.17-b

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';

package/src/components/organisms/Select/Select.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { Dropdown } from "../../molecules";
+
+interface SelectProps extends React.ComponentProps<typeof Dropdown> {
+  options: { value: string | number; label: React.ReactNode }[];
+}
+
+export const Select: React.FC<SelectProps> = ({ options, ...props }) => (
+  <Dropdown {...props}>
+    {options.map((option) => (
+      <Dropdown.Option key={option.value} value={option.value}>
+        {option.label}
+      </Dropdown.Option>
+    ))}
+  </Dropdown>
+);

package/src/components/organisms/Select/index.ts

@@ -0,0 +1 @@
+export { Select } from './Select'

package/src/components/organisms/index.ts

@@ -1,3 +1,4 @@
 export { Menu } from './Menu';
 export { Setting } from './Setting';
-export { Modal } from './Modal'
+export { Modal } from './Modal'
+export { Select } from './Select'

package/src/index.ts

@@ -3,6 +3,7 @@ export {
   Avatar,
   Card,
   Divider,
+  DateTime,
   Icon,
   Nav,
   Pill,
@@ -25,6 +26,6 @@ export {
   Tile,
 } from "./components/molecules";
 
-export { Menu, Setting, Modal } from "./components/organisms";
+export { Menu, Setting, Modal, Select } from "./components/organisms";
 
 export { GlobalStyles as IntegrigoUI, Color } from "./styles";