@homefile/components-v2 2.37.3 → 2.37.4

package/dist/components/contacts/ContactCard.js

@@ -9,5 +9,5 @@ export const ContactCard = ({ apiError, contact, index, menuItems, onClick, show
                 }, cursor: hasOnClick ? 'pointer' : 'default', children: _jsxs(Stack, { pb: "base", pt: "1", px: "base", spacing: "base", children: [showHeader && (_jsx(ContactCardHeader, { apiError: apiError, contact: contact })), _jsx(CardBody, { contact, index, showAvatar })] }) }), _jsx(Box, { position: "absolute", right: "1", top: "0", zIndex: "overlay", children: _jsx(IconMenu, { icon: _jsx(MoreHorizontal, { size: 32 }), itemForm: contact, menuItems: menuItems, disabled: Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) < 1 }) })] }));
 };
 const CardBody = ({ contact, index, showAvatar, }) => {
-    return (_jsxs(Flex, { justify: "space-between", align: "stretch", gap: "base", children: [_jsx(ContactCardInfo, Object.assign({}, contact, { index, showAvatar })), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, Object.assign({}, contact)) })] }));
+    return (_jsxs(Flex, { justify: "space-between", align: "end", gap: "base", children: [_jsx(ContactCardInfo, Object.assign({}, contact, { index, showAvatar })), _jsx(Box, { borderLeft: `1px solid ${colors.lightBlue[1]}`, w: "45%", pl: "base", children: _jsx(ContactCardAddress, Object.assign({}, contact)) })] }));
 };

package/dist/components/contacts/ContactCardAddress.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack, Text } from '@chakra-ui/react';
 export const ContactCardAddress = ({ address, city, company, state, zip, }) => {
-    return (_jsxs(Stack, { spacing: "-1", minH: "full", children: [_jsx(Text, { variant: "address", children: company === null || company === void 0 ? void 0 : company.toUpperCase() }), _jsx(Text, { variant: "address", children: address }), _jsxs(Text, { variant: "address", children: [city, ", ", state, " ", zip] })] }));
+    return (_jsxs(Stack, { spacing: "0", minH: "full", children: [_jsx(Text, { variant: "address", children: company }), _jsx(Text, { variant: "address", children: address }), _jsxs(Text, { variant: "address", children: [city, ", ", state, " ", zip] })] }));
 };

package/dist/components/contacts/ContactCardInfo.js

@@ -3,5 +3,5 @@ import { Avatar, Box, Flex, Stack, Text } from '@chakra-ui/react';
 import { randomColor } from '../../utils';
 export const ContactCardInfo = ({ company, email, firstName, index, lastName, phone, showAvatar = true, }) => {
     const name = `${firstName} ${lastName}`.trim() || company;
-    return (_jsxs(Flex, { gap: "base", minH: "50px", align: "center", children: [showAvatar && (_jsx(Avatar, { w: "40px", h: "40px", bg: randomColor(index), fontWeight: "bold", color: "neutral.white", name: name })), _jsxs(Stack, { w: "full", spacing: "0.5", children: [_jsx(Text, { fontWeight: "bold", children: name }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "xs", children: phone }), _jsx(Text, { variant: "email", lineHeight: "0.8", children: email })] })] })] }));
+    return (_jsxs(Flex, { gap: "5", minH: "50px", align: "center", children: [showAvatar && (_jsx(Avatar, { w: "40px", h: "40px", bg: randomColor(index), fontWeight: "bold", color: "neutral.white", name: name })), _jsxs(Stack, { w: "full", spacing: "0.5", children: [_jsx(Text, { fontWeight: "medium", lineHeight: "16px", children: name }), _jsxs(Box, { children: [_jsx(Text, { fontSize: "12px", fontFamily: "secondary", lineHeight: "15px", children: phone }), _jsx(Text, { variant: "email", fontSize: "12px", fontFamily: "secondary", lineHeight: "15px", children: email })] })] })] }));
 };

package/dist/stories/contacts/ContactCard.stories.js

@@ -2,9 +2,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ContactCard } from '../../components';
 import { ContactsMock } from '../../mocks';
 import { action } from '@storybook/addon-actions';
+import { Box } from '@chakra-ui/react';
 export default {
     title: 'Components/Contacts',
     component: ContactCard,
+    decorators: [
+        (Story) => (_jsx(Box, { maxW: "440px", children: _jsx(Story, {}) })),
+    ],
 };
 export const ContactCardComponent = (args) => {
     return _jsx(ContactCard, Object.assign({}, args));

package/dist/theme/components/TextStyles.d.ts

@@ -85,8 +85,7 @@ export declare const Text: {
         address: {
             fontSize: string;
             fontFamily: string;
-            diplay: string;
-            marginTop: string;
+            lineHeight: string;
         };
         receipt: {
             fontSize: string;

package/dist/theme/components/TextStyles.js

@@ -83,10 +83,9 @@ export const Text = {
             fontWeight: 'regular',
         },
         address: {
-            fontSize: 'xs',
+            fontSize: '12px',
             fontFamily: 'secondary',
-            diplay: 'block-inline',
-            marginTop: 'auto',
+            lineHeight: '16px',
         },
         receipt: {
             fontSize: 'xs',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.37.3",
+  "version": "2.37.4",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",