@homefile/components-v2 2.39.3 → 2.39.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/images/share-people.svg +28 -26
- package/dist/components/contacts/ContactCard.d.ts +1 -1
- package/dist/components/contacts/ContactCard.js +4 -4
- package/dist/components/contacts/ContactsContent.d.ts +1 -1
- package/dist/components/contacts/ContactsContent.js +7 -7
- package/dist/components/homeBoard/HomeCardReadOnly.js +1 -1
- package/dist/components/homeBoard/HomeCardRecords.js +1 -1
- package/dist/components/icons/Share.d.ts +4 -0
- package/dist/components/icons/Share.js +5 -0
- package/dist/components/icons/index.d.ts +1 -0
- package/dist/components/icons/index.js +1 -0
- package/dist/interfaces/contacts/ContactCard.interface.d.ts +1 -0
- package/dist/interfaces/contacts/ContactsContent.interface.d.ts +1 -0
- package/dist/stories/icons/ShareIcon.stories.d.ts +5 -0
- package/dist/stories/icons/ShareIcon.stories.js +11 -0
- package/package.json +1 -1
|
@@ -1,33 +1,35 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="28.84" height="25" viewBox="0 0 28.84 25">
|
|
2
2
|
<defs>
|
|
3
3
|
<clipPath id="clip-path">
|
|
4
|
-
<rect id="
|
|
4
|
+
<rect id="Rectangle_27958" data-name="Rectangle 27958" width="28.84" height="25" fill="none"/>
|
|
5
5
|
</clipPath>
|
|
6
6
|
</defs>
|
|
7
|
-
<g id="
|
|
8
|
-
<g id="
|
|
9
|
-
<
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
7
|
+
<g id="Group_26296" data-name="Group 26296" transform="translate(-997.958 -21.107)">
|
|
8
|
+
<g id="Group_26295" data-name="Group 26295" transform="translate(997.958 21.107)">
|
|
9
|
+
<g id="Group_26294" data-name="Group 26294">
|
|
10
|
+
<rect id="Rectangle_27953" data-name="Rectangle 27953" width="23.693" height="7.402" transform="translate(2.471 1.18)" fill="#68a044"/>
|
|
11
|
+
<path id="Path_19098" data-name="Path 19098" d="M0,48.938l3.636,2.484V46.452Z" transform="translate(0 -35.473)" fill="#40566b"/>
|
|
12
|
+
<path id="Path_19099" data-name="Path 19099" d="M106.332,51.311l3.709-2.537-3.709-2.538Z" transform="translate(-81.201 -35.308)" fill="#40566b"/>
|
|
13
|
+
<rect id="Rectangle_27954" data-name="Rectangle 27954" width="15.231" height="3.701" transform="translate(6.898 19.221)" fill="#9dbebf"/>
|
|
14
|
+
<rect id="Rectangle_27955" data-name="Rectangle 27955" width="3.545" height="3.545" transform="translate(19.488)" fill="#89b541"/>
|
|
15
|
+
<path id="Path_19100" data-name="Path 19100" d="M13.714,65.466v0Z" transform="translate(-10.473 -49.945)" fill="#d2edef"/>
|
|
16
|
+
<path id="Path_19101" data-name="Path 19101" d="M33.758,11.984h0L24.623,4.609,23.377,5.616l-7.885,6.368H13.716v6.993L24.632,24.77l10.895-5.694V19.04l0-.707V11.984Z" transform="translate(-10.473 -3.519)" fill="#d2edef"/>
|
|
17
|
+
<g id="Group_26293" data-name="Group 26293">
|
|
18
|
+
<g id="Group_26292" data-name="Group 26292" clip-path="url(#clip-path)">
|
|
19
|
+
<path id="Path_19102" data-name="Path 19102" d="M46.639,66.261v1.191H34.916V66.261a3.816,3.816,0,0,1,2.619-3.622,3.822,3.822,0,0,0,6.487,0,3.77,3.77,0,0,1,1.1.579v0a3.879,3.879,0,0,1,.616.583,3.772,3.772,0,0,1,.7,1.233,3.817,3.817,0,0,1,.2,1.225" transform="translate(-26.664 -47.835)" fill="#41566b"/>
|
|
20
|
+
<path id="Path_19103" data-name="Path 19103" d="M46.3,25.544a4.541,4.541,0,0,1-4.518,4.181,4.555,4.555,0,0,1-1.175-.16,4.533,4.533,0,0,1,4.517-4.179c.126,0,.248.009.371.018a4.7,4.7,0,0,1,.806.14" transform="translate(-31.008 -19.386)" fill="#40566b"/>
|
|
21
|
+
<path id="Path_19104" data-name="Path 19104" d="M63,27.592a4.5,4.5,0,0,0,.4-1.537,4.535,4.535,0,0,1,3.348,4.162A4.534,4.534,0,0,1,63,27.592" transform="translate(-48.11 -19.897)" fill="#323954"/>
|
|
22
|
+
<path id="Path_19105" data-name="Path 19105" d="M45.84,32.559a4.534,4.534,0,0,0,3.749,2.625c0,.072.01.142.01.214v1.679a4.535,4.535,0,0,1-9.07,0V35.4c0-.12.009-.237.018-.355a4.505,4.505,0,0,0,5.293-2.484" transform="translate(-30.95 -24.864)" fill="#fff"/>
|
|
23
|
+
<path id="Path_19106" data-name="Path 19106" d="M10.816,62.647,0,68.426V56.866Z" transform="translate(0 -43.426)" fill="#fea856"/>
|
|
24
|
+
<path id="Path_19107" data-name="Path 19107" d="M87.066,68.42l-10.82-5.783.4-.212,10.422-5.567Z" transform="translate(-58.226 -43.42)" fill="#fea856"/>
|
|
25
|
+
<path id="Path_19108" data-name="Path 19108" d="M10.822,80.781l3.6,1.971,3.6-1.971,10.82,5.908H0l10.817-5.9Z" transform="translate(0 -61.689)" fill="#f6cf76"/>
|
|
26
|
+
<path id="Path_19109" data-name="Path 19109" d="M43.593,80.164h8.115l-4,2.117Z" transform="translate(-33.29 -61.218)" fill="#41566b"/>
|
|
27
|
+
<rect id="Rectangle_27956" data-name="Rectangle 27956" width="1.43" height="0.709" transform="translate(11.832 11.416)" fill="#40566b"/>
|
|
28
|
+
<rect id="Rectangle_27957" data-name="Rectangle 27957" width="1.43" height="0.709" transform="translate(15.214 11.416)" fill="#40566b"/>
|
|
29
|
+
<path id="Path_19110" data-name="Path 19110" d="M56.423,59.966a2.1,2.1,0,0,1-1.089-.3l.368-.606a1.394,1.394,0,0,0,1.775-.28l.535.466a2.108,2.108,0,0,1-1.588.724" transform="translate(-42.256 -44.885)" fill="#40566b"/>
|
|
30
|
+
</g>
|
|
31
|
+
</g>
|
|
32
|
+
</g>
|
|
31
33
|
</g>
|
|
32
34
|
</g>
|
|
33
35
|
</svg>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ContactCardI } from '../../interfaces';
|
|
2
|
-
export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const ContactCard: ({ apiError, contact, index, menuItems, onClick, onShare, showAvatar, showHeader, }: ContactCardI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box, Container, Flex, Stack } from '@chakra-ui/react';
|
|
3
|
-
import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, } from '../../components';
|
|
2
|
+
import { Box, Container, Flex, IconButton, Stack } from '@chakra-ui/react';
|
|
3
|
+
import { ContactCardHeader, ContactCardInfo, ContactCardAddress, IconMenu, MoreHorizontal, Share, } from '../../components';
|
|
4
4
|
import { colors } from '../../theme/colors';
|
|
5
|
-
export const ContactCard = ({ apiError, contact, index, menuItems, onClick, showAvatar, showHeader = true, }) => {
|
|
5
|
+
export const ContactCard = ({ apiError, contact, index, menuItems, onClick, onShare, showAvatar, showHeader = true, }) => {
|
|
6
6
|
const hasOnClick = typeof onClick === 'function';
|
|
7
7
|
return (_jsxs(Box, { position: "relative", w: "100%", children: [_jsx(Container, { maxW: "none", textAlign: "start", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(Object.assign(Object.assign({}, contact), { index })), transition: "background-color 0.3s", _hover: {
|
|
8
8
|
bg: hasOnClick ? 'lightGreen.1' : 'neutral.white',
|
|
9
|
-
}, 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 }) })] }));
|
|
9
|
+
}, 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 })] }) }), Number(menuItems === null || menuItems === void 0 ? void 0 : menuItems.length) > 0 && (_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 }) })), onShare && (_jsx(Box, { position: "absolute", right: "2", bottom: "2", children: _jsx(IconButton, { variant: "icon", icon: _jsx(Share, { size: 14 }), onClick: () => onShare(contact), "aria-label": "share-contact" }) }))] }));
|
|
10
10
|
};
|
|
11
11
|
const CardBody = ({ contact, index, showAvatar, }) => {
|
|
12
12
|
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)) })] }));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { ContactsContentI } from '../../interfaces';
|
|
2
|
-
export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const ContactsContent: ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled, }: ContactsContentI) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { t } from 'i18next';
|
|
3
|
-
import { DrawerContent, DrawerHeader, DrawerBody, Flex, Stack, Checkbox, Box, Text, DrawerFooter, Button } from '@chakra-ui/react';
|
|
3
|
+
import { DrawerContent, DrawerHeader, DrawerBody, Flex, Stack, Checkbox, Box, Text, DrawerFooter, Button, } from '@chakra-ui/react';
|
|
4
4
|
import { Contacts } from '../../assets/images';
|
|
5
5
|
import { ContactCard, FooterButtons, FooterDrawer, LeftButtonAnimated, LetterDivider, PanelHeader, SearchInput, } from '../../components';
|
|
6
6
|
import { useAssignableList, useContactsContent, useWindowDimensions, } from '../../hooks';
|
|
7
|
-
export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled }) => {
|
|
7
|
+
export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, children, handleAdd, disabled, onClick, onDeleteContacts, onShareContacts, showLoadMore, handleLoadMore, loadMoreDisabled, }) => {
|
|
8
8
|
const { contactsWithoutFirstOrLastName, handleChange, search, splittedContacts, } = useContactsContent(contacts);
|
|
9
9
|
const { getContactByIds, handleItemSelect, handleSelectAll, isItemSelected, itemsSelected, } = useAssignableList({
|
|
10
10
|
onItemSelectedChange: () => null,
|
|
@@ -17,12 +17,12 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
|
|
|
17
17
|
const showLetterDivider = idx !== 0;
|
|
18
18
|
return (_jsxs(Stack, { spacing: "0", children: [showLetterDivider && _jsx(LetterDivider, { letter: letter }), _jsx(Stack, { spacing: "2px", children: splittedContacts[letter].map((contact, idx) => {
|
|
19
19
|
const selected = isItemSelected(contact._id);
|
|
20
|
-
return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect }, contact._id));
|
|
20
|
+
return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect, onShareContact: (contact) => onShareContacts([contact]) }, contact._id));
|
|
21
21
|
}) })] }, letter));
|
|
22
22
|
}) }), Number(contactsWithoutFirstOrLastName.length) > 0 && (_jsx(LetterDivider, { letter: "Others" })), _jsx(Box, { children: contactsWithoutFirstOrLastName.map((contact, idx) => {
|
|
23
23
|
const selected = isItemSelected(contact._id);
|
|
24
|
-
return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect }, contact._id));
|
|
25
|
-
}) })] }), children, showLoadMore && (_jsx(Flex, { justifyContent: 'center', bg: "lightBlue.2", p: '1rem', children: _jsx(Button, { onClick: handleLoadMore, variant:
|
|
24
|
+
return (_jsx(Card, { apiError: apiError, contact: contact, onClick: onClick, index: idx, menuItems: menuItems, selected: selected, onChange: handleItemSelect, onShareContact: (contact) => onShareContacts([contact]) }, contact._id));
|
|
25
|
+
}) })] }), children, showLoadMore && (_jsx(Flex, { justifyContent: 'center', bg: "lightBlue.2", p: '1rem', children: _jsx(Button, { onClick: handleLoadMore, variant: 'primaryFooter', disabled: loadMoreDisabled, children: t('buttons.loadMore') }) }))] }), _jsx(DrawerFooter, { p: "0", zIndex: "overlay", children: _jsx(FooterDrawer, { isOpen: !isDisabled, children: _jsx(FooterButtons, { button1: {
|
|
26
26
|
buttonStyle: 'primaryFooter',
|
|
27
27
|
label: t('buttons.share'),
|
|
28
28
|
onClick: () => onShareContacts(getContactByIds(itemsSelected)),
|
|
@@ -32,6 +32,6 @@ export const ContactsContent = ({ apiError, contacts, menuItems, handleClose, ch
|
|
|
32
32
|
onClick: () => onDeleteContacts(itemsSelected),
|
|
33
33
|
} }) }) })] }));
|
|
34
34
|
};
|
|
35
|
-
const Card = ({ apiError, contact, onClick, index, menuItems, selected, onChange, }) => {
|
|
36
|
-
return (_jsxs(Flex, { gap: "3", pl: "base", bg: selected ? 'lightBlue.6' : 'transparent', children: [_jsx(Checkbox, { isChecked: selected, onChange: () => onChange(contact._id) }), _jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onClick: onClick, index: index }, contact._id)] }, contact._id));
|
|
35
|
+
const Card = ({ apiError, contact, onClick, index, menuItems, selected, onChange, onShareContact, }) => {
|
|
36
|
+
return (_jsxs(Flex, { gap: "3", pl: "base", bg: selected ? 'lightBlue.6' : 'transparent', children: [_jsx(Checkbox, { isChecked: selected, onChange: () => onChange(contact._id) }), _jsx(ContactCard, { apiError: apiError, contact: contact, menuItems: menuItems, onClick: onClick, index: index, onShare: onShareContact }, contact._id)] }, contact._id));
|
|
37
37
|
};
|
|
@@ -3,5 +3,5 @@ import { t } from 'i18next';
|
|
|
3
3
|
import { Box, Stack, Flex, IconButton, Tooltip, Text } from '@chakra-ui/react';
|
|
4
4
|
import { Edit } from '../../components';
|
|
5
5
|
export const HomeCardReadOnly = ({ city, edit = true, externalLink, handleEditClick, maxW, mail, name, number, phone, street, state, zip, }) => {
|
|
6
|
-
return (_jsx(Box, { w: maxW, children: _jsxs(Stack, { px: "base", pb: "base", pt: "
|
|
6
|
+
return (_jsx(Box, { w: maxW, children: _jsxs(Stack, { px: "base", pb: "base", pt: "0.25rem", bg: "neutral.white", spacing: "1", children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { variant: "heading6", noOfLines: 1, textOverflow: "ellipsis", children: name }), edit && (_jsx(Tooltip, { label: t('tooltips.editDetails'), children: _jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: handleEditClick, id: "editHomeIcon" }) }))] }), _jsxs(Box, { children: [_jsxs(Flex, { justify: "space-between", align: "center", children: [_jsx(Text, { variant: "info", lineHeight: "20px", children: `${number} ${street}` }), mail && _jsx(Text, { variant: "email", children: mail })] }), _jsx(Text, { variant: "info", lineHeight: "20px", children: `${city} ${state} ${zip}` }), phone && (_jsx(Text, { variant: "info", mt: "-1.5", children: phone }))] }), externalLink && (_jsx(Text, { fontSize: "xs", fontFamily: "secondary", color: "blue.3", textOverflow: "ellipsis", noOfLines: 1, children: externalLink }))] }) }));
|
|
7
7
|
};
|
|
@@ -22,7 +22,7 @@ export const HomeCardRecords = ({ records = {}, onAddRecords, onViewDetails, })
|
|
|
22
22
|
return (_jsx(Box, { p: "base", children: _jsxs(Container, { children: [records.lien !== undefined && (_jsx(Box, { p: "base", borderBottom: "1px solid", borderColor: "lightBlue.2", bg: records.lien ? 'error.1' : '', children: _jsxs(Flex, { align: "center", gap: "base", children: [records.lien && (_jsx(Center, { rounded: "full", boxSize: "28px", bg: "error.2", children: _jsx(Image, { src: Exclamation, h: "16px", w: "auto" }) })), _jsx(Text, { fontFamily: "secondary", fontSize: "sm", children: records.lien
|
|
23
23
|
? t('homeBoard.records.hasLien')
|
|
24
24
|
: t('homeBoard.records.noLien') })] }) })), _jsx(Box, { children: _jsx(Grid, { templateColumns: "repeat(2, 1fr)", templateRows: "repeat(4, 1fr)", p: "base", columnGap: "base", borderBottom: "1px solid", borderColor: "lightBlue.2", autoFlow: "column", children: recordsMapped &&
|
|
25
|
-
Object.entries(recordsMapped).map(([label, value = '']) => (_jsx(GridItem, { children: _jsxs(Flex, { children: [_jsx(Text, { fontFamily: "secondary", color: "gray.2", fontSize: "
|
|
25
|
+
Object.entries(recordsMapped).map(([label, value = '']) => (_jsx(GridItem, { children: _jsxs(Flex, { children: [_jsx(Text, { fontFamily: "secondary", color: "gray.2", fontSize: "14px", noOfLines: 1, minW: "fit-content", lineHeight: "18px", children: label }), _jsx(Text, { fontFamily: "secondary", fontWeight: "semibold", textAlign: "right", fontSize: "14px", noOfLines: 1, flex: "auto", lineHeight: "18px", textTransform: "capitalize", children: value })] }) }, label + value))) }) }), _jsx(Center, { py: "base", children: _jsx(Button, { variant: "text", onClick: onViewDetails, children: t('homeBoard.viewDetails') }) })] }) }));
|
|
26
26
|
};
|
|
27
27
|
const AddHomeRecords = ({ onAddRecords, }) => {
|
|
28
28
|
return (_jsxs(Stack, { px: "base", py: "6", spacing: "base", children: [_jsx(Text, { variant: "home", textAlign: "center", children: t('homeBoard.publicRecords') }), _jsxs(Button, { variant: "secondary", textTransform: "capitalize", onClick: onAddRecords, gap: "base", bg: "neutral.white", children: [_jsx(Plus, { stroke: colors.blue['2'] }), t('homeBoard.addRecords')] })] }));
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { colors } from '../../theme/colors';
|
|
3
|
+
export const Share = ({ stroke = colors.blue[3], size = 24 }) => {
|
|
4
|
+
return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16.256 17.896", children: _jsxs("g", { id: "Icon_feather-share-2", "data-name": "Icon feather-share-2", transform: "translate(-3.75 -2.25)", children: [_jsx("path", { id: "Caminho_18690", "data-name": "Caminho 18690", d: "M27.419,5.459A2.459,2.459,0,1,1,24.959,3,2.459,2.459,0,0,1,27.419,5.459Z", transform: "translate(-8.163 0)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18691", "data-name": "Caminho 18691", d: "M9.419,15.959A2.459,2.459,0,1,1,6.959,13.5,2.459,2.459,0,0,1,9.419,15.959Z", transform: "translate(0 -4.761)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18692", "data-name": "Caminho 18692", d: "M27.419,26.459A2.459,2.459,0,1,1,24.959,24,2.459,2.459,0,0,1,27.419,26.459Z", transform: "translate(-8.163 -9.523)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18693", "data-name": "Caminho 18693", d: "M12.885,20.265l5.6,3.263", transform: "translate(-3.802 -7.829)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" }), _jsx("path", { id: "Caminho_18694", "data-name": "Caminho 18694", d: "M18.476,9.765l-5.591,3.263", transform: "translate(-3.802 -3.068)", fill: "none", stroke: stroke, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.5" })] }) }));
|
|
5
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Center } from '@chakra-ui/react';
|
|
3
|
+
import { Share } from '../../components';
|
|
4
|
+
import { colors } from '../../theme/colors';
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Components/Icons',
|
|
7
|
+
component: Share,
|
|
8
|
+
};
|
|
9
|
+
export const ShareComponent = (args) => {
|
|
10
|
+
return (_jsx(Center, { width: "10rem", p: "base", bg: "white", children: _jsx(Share, Object.assign({}, args, { stroke: colors.blue[1] })) }));
|
|
11
|
+
};
|