decentraland-ui2 3.22.1 → 3.23.0
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/components/EventSmallCard/EventSmallCard.d.ts +1 -1
- package/dist/components/EventSmallCard/EventSmallCard.js +9 -4
- package/dist/components/EventSmallCard/EventSmallCard.js.map +1 -1
- package/dist/components/EventSmallCard/EventSmallCard.stories.d.ts +5 -1
- package/dist/components/EventSmallCard/EventSmallCard.stories.js +16 -2
- package/dist/components/EventSmallCard/EventSmallCard.stories.js.map +1 -1
- package/dist/components/EventSmallCard/EventSmallCard.stories.styled.d.ts +2 -1
- package/dist/components/EventSmallCard/EventSmallCard.stories.styled.js +16 -1
- package/dist/components/EventSmallCard/EventSmallCard.stories.styled.js.map +1 -1
- package/dist/components/EventSmallCard/EventSmallCard.styled.d.ts +16 -4
- package/dist/components/EventSmallCard/EventSmallCard.styled.js +41 -10
- package/dist/components/EventSmallCard/EventSmallCard.styled.js.map +1 -1
- package/dist/components/EventSmallCard/EventSmallCard.types.d.ts +13 -0
- package/package.json +2 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { EventSmallCardProps } from './EventSmallCard.types';
|
|
2
|
-
declare const EventSmallCard: import("react").MemoExoticComponent<({ image, title, creatorName, creatorAvatarUrl, timeLabel, onClick, disableHover, action, hoverActions }: EventSmallCardProps) => import("react/jsx-runtime").JSX.Element>;
|
|
2
|
+
declare const EventSmallCard: import("react").MemoExoticComponent<({ image, imageFallbackColor, thumbnailOverlay, title, creatorName, creatorAvatarUrl, creatorAvatarBackgroundColor, byLabel, timeLabel, bottomPill, onClick, disableHover, action, hoverActions }: EventSmallCardProps) => import("react/jsx-runtime").JSX.Element>;
|
|
3
3
|
export { EventSmallCard };
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { memo, useCallback } from 'react';
|
|
2
|
+
import { memo, useCallback, useEffect, useState } from 'react';
|
|
3
3
|
import AccessTimeIcon from '@mui/icons-material/AccessTime';
|
|
4
|
-
import { AvatarFallback, AvatarImg, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailWrapper, TimeLabel, TimePill, TitleRow } from './EventSmallCard.styled';
|
|
5
|
-
const EventSmallCard = memo(({ image, title, creatorName, creatorAvatarUrl, timeLabel, onClick, disableHover, action, hoverActions }) => {
|
|
4
|
+
import { AvatarFallback, AvatarImg, BottomPillSlot, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailOverlay, ThumbnailWrapper, TimeLabel, TimePill, TitleRow } from './EventSmallCard.styled';
|
|
5
|
+
const EventSmallCard = memo(({ image, imageFallbackColor, thumbnailOverlay, title, creatorName, creatorAvatarUrl, creatorAvatarBackgroundColor, byLabel = 'by', timeLabel, bottomPill, onClick, disableHover, action, hoverActions }) => {
|
|
6
|
+
// A cover that 404s would otherwise paint the browser's broken-image icon;
|
|
7
|
+
// dropping the <img> leaves the wrapper's fallback color showing instead.
|
|
8
|
+
const [coverFailed, setCoverFailed] = useState(false);
|
|
9
|
+
useEffect(() => setCoverFailed(false), [image]);
|
|
6
10
|
const handleKeyDown = useCallback((e) => {
|
|
7
11
|
if ((e.key === 'Enter' || e.key === ' ') && onClick) {
|
|
8
12
|
e.preventDefault();
|
|
9
13
|
onClick();
|
|
10
14
|
}
|
|
11
15
|
}, [onClick]);
|
|
12
|
-
|
|
16
|
+
const hasThumbnail = Boolean(image) || Boolean(imageFallbackColor) || Boolean(thumbnailOverlay);
|
|
17
|
+
return (_jsxs(EventSmallCardContainer, { onClick: onClick, disableHover: disableHover, ...(onClick && { role: 'button', tabIndex: 0, onKeyDown: handleKeyDown }), children: [hasThumbnail && (_jsxs(ThumbnailWrapper, { fallbackColor: imageFallbackColor, children: [image && !coverFailed && _jsx(Thumbnail, { src: image, alt: title, loading: "lazy", onError: () => setCoverFailed(true) }), thumbnailOverlay && _jsx(ThumbnailOverlay, { children: thumbnailOverlay })] })), _jsxs(TextBlock, { children: [_jsxs(ContentTop, { children: [_jsxs(TitleRow, { children: [_jsx(EventTitle, { children: title }), action && _jsx(MobileAction, { children: action })] }), creatorName && (_jsxs(CreatorRow, { children: [creatorAvatarUrl ? (_jsx(AvatarImg, { src: creatorAvatarUrl, alt: creatorName, backgroundColor: creatorAvatarBackgroundColor })) : (_jsx(AvatarFallback, { backgroundColor: creatorAvatarBackgroundColor })), _jsxs(CreatorName, { children: [byLabel, " ", _jsx(CreatorNameHighlight, { children: creatorName })] })] }))] }), bottomPill ? (_jsx(BottomPillSlot, { "data-role": "time-pill", children: bottomPill })) : (timeLabel && (_jsxs(TimePill, { "data-role": "time-pill", children: [_jsx(AccessTimeIcon, { sx: { fontSize: 20, color: 'inherit' } }), _jsx(TimeLabel, { children: timeLabel })] }))), hoverActions && _jsx(HoverActions, { "data-role": "hover-actions", children: hoverActions })] })] }));
|
|
13
18
|
});
|
|
14
19
|
EventSmallCard.displayName = 'EventSmallCard';
|
|
15
20
|
export { EventSmallCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventSmallCard.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"EventSmallCard.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,10 @@ declare const WithHoverActions: Story;
|
|
|
12
12
|
declare const TwoCards: Story;
|
|
13
13
|
declare const Grid: Story;
|
|
14
14
|
declare const AvatarFallback: Story;
|
|
15
|
+
declare const WithThumbnailOverlay: Story;
|
|
16
|
+
declare const WithCustomBottomPill: Story;
|
|
17
|
+
declare const WithTranslatedByLabel: Story;
|
|
18
|
+
declare const WithBrokenCover: Story;
|
|
15
19
|
declare const DisabledHover: Story;
|
|
16
20
|
export default meta;
|
|
17
|
-
export { Default, WithoutImage, WithoutCreator, WithoutTime, LongTitle, WithAction, WithHoverActions, TwoCards, Grid, AvatarFallback, DisabledHover };
|
|
21
|
+
export { Default, WithoutImage, WithoutCreator, WithoutTime, LongTitle, WithAction, WithHoverActions, WithThumbnailOverlay, WithCustomBottomPill, WithTranslatedByLabel, WithBrokenCover, TwoCards, Grid, AvatarFallback, DisabledHover };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import CalendarMonthIcon from '@mui/icons-material/CalendarMonth';
|
|
3
3
|
import ContentCopyIcon from '@mui/icons-material/ContentCopy';
|
|
4
|
+
import LocationOnIcon from '@mui/icons-material/LocationOn';
|
|
4
5
|
import NotificationsNoneIcon from '@mui/icons-material/NotificationsNone';
|
|
5
6
|
import { EventSmallCard } from './EventSmallCard';
|
|
6
7
|
import sceneThumbnail from '../../Assets/scene-thumbnail.png';
|
|
7
|
-
import {
|
|
8
|
+
import { BadgeGroup, LiveBadge, UserCountBadge } from '../Badges';
|
|
9
|
+
import { ActionIconButton, StoryColumn, StoryContainer, StoryGrid, WideCta } from './EventSmallCard.stories.styled';
|
|
8
10
|
const AVATAR_URL = 'https://profile-images.decentraland.org/entities/bafkreietha7mzh7q3lk4j236vut2znwqhbiapihg46p6yrv3j4lbwlzd34/face.png';
|
|
9
11
|
const meta = {
|
|
10
12
|
title: 'Decentraland UI/Cards/Event Small Card',
|
|
@@ -45,10 +47,22 @@ const Grid = {
|
|
|
45
47
|
const AvatarFallback = {
|
|
46
48
|
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: sceneThumbnail, title: "Creator Without Avatar", creatorName: "NoAvatarUser", timeLabel: "Starts in 45 mins" }) }))
|
|
47
49
|
};
|
|
50
|
+
const WithThumbnailOverlay = {
|
|
51
|
+
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: sceneThumbnail, title: "Badges Over The Cover", creatorName: "alelevyyyy", creatorAvatarUrl: AVATAR_URL, timeLabel: "Starts in 10 mins", thumbnailOverlay: _jsxs(BadgeGroup, { children: [_jsx(LiveBadge, {}), _jsx(UserCountBadge, { count: 42 })] }) }) }))
|
|
52
|
+
};
|
|
53
|
+
const WithCustomBottomPill = {
|
|
54
|
+
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: sceneThumbnail, title: "Location Instead Of A Time", creatorName: "alelevyyyy", creatorAvatarUrl: AVATAR_URL, bottomPill: _jsx(ActionIconButton, { size: "small", disableRipple: true, children: _jsx(LocationOnIcon, { fontSize: "small" }) }), hoverActions: _jsx(WideCta, { type: "button", children: "Jump in" }) }) }))
|
|
55
|
+
};
|
|
56
|
+
const WithTranslatedByLabel = {
|
|
57
|
+
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: sceneThumbnail, title: "Creador Traducido", creatorName: "alelevyyyy", creatorAvatarUrl: AVATAR_URL, byLabel: "por", timeLabel: "Empieza en 10 min" }) }))
|
|
58
|
+
};
|
|
59
|
+
const WithBrokenCover = {
|
|
60
|
+
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: "https://example.com/does-not-exist.png", imageFallbackColor: "#3d2f52", title: "Cover That Fails To Load", creatorName: "alelevyyyy", creatorAvatarUrl: AVATAR_URL, creatorAvatarBackgroundColor: "#ff2d55", timeLabel: "Starts in 10 mins" }) }))
|
|
61
|
+
};
|
|
48
62
|
const DisabledHover = {
|
|
49
63
|
render: () => (_jsx(StoryContainer, { children: _jsx(EventSmallCard, { image: sceneThumbnail, title: "No Hover Effect (Mobile/Tablet)", creatorName: "alelevyyyy", creatorAvatarUrl: AVATAR_URL, timeLabel: "Starts in 10 mins", disableHover: true, action: _jsx(ActionIconButton, { size: "small", children: _jsx(CalendarMonthIcon, { fontSize: "small" }) }) }) }))
|
|
50
64
|
};
|
|
51
65
|
// eslint-disable-next-line import/no-default-export
|
|
52
66
|
export default meta;
|
|
53
|
-
export { Default, WithoutImage, WithoutCreator, WithoutTime, LongTitle, WithAction, WithHoverActions, TwoCards, Grid, AvatarFallback, DisabledHover };
|
|
67
|
+
export { Default, WithoutImage, WithoutCreator, WithoutTime, LongTitle, WithAction, WithHoverActions, WithThumbnailOverlay, WithCustomBottomPill, WithTranslatedByLabel, WithBrokenCover, TwoCards, Grid, AvatarFallback, DisabledHover };
|
|
54
68
|
//# sourceMappingURL=EventSmallCard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventSmallCard.stories.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,qBAAqB,MAAM,uCAAuC,CAAA;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,cAAc,MAAM,kCAAkC,CAAA;AAC7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"EventSmallCard.stories.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,4 +10,5 @@ declare const StoryGrid: import("@emotion/styled").StyledComponent<import("@mui/
|
|
|
10
10
|
declare const ActionIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
11
11
|
ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
|
|
12
12
|
}, "disabled" | "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "size" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
13
|
-
|
|
13
|
+
declare const WideCta: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
14
|
+
export { ActionIconButton, StoryColumn, StoryContainer, StoryGrid, WideCta };
|
|
@@ -20,5 +20,20 @@ const ActionIconButton = styled(MuiIconButton)(({ theme }) => ({
|
|
|
20
20
|
height: 30,
|
|
21
21
|
color: theme.palette.text.primary
|
|
22
22
|
}));
|
|
23
|
-
|
|
23
|
+
const WideCta = styled('button')(({ theme }) => ({
|
|
24
|
+
display: 'inline-flex',
|
|
25
|
+
alignItems: 'center',
|
|
26
|
+
justifyContent: 'center',
|
|
27
|
+
width: '100%',
|
|
28
|
+
height: 33,
|
|
29
|
+
border: 'none',
|
|
30
|
+
borderRadius: theme.spacing(1),
|
|
31
|
+
backgroundColor: theme.palette.primary.main,
|
|
32
|
+
color: theme.palette.primary.contrastText,
|
|
33
|
+
fontSize: 13,
|
|
34
|
+
fontWeight: 600,
|
|
35
|
+
textTransform: 'uppercase',
|
|
36
|
+
cursor: 'pointer'
|
|
37
|
+
}));
|
|
38
|
+
export { ActionIconButton, StoryColumn, StoryContainer, StoryGrid, WideCta };
|
|
24
39
|
//# sourceMappingURL=EventSmallCard.stories.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventSmallCard.stories.styled.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.stories.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG;CACd,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,uCAAuC;IAC5D,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;CAClC,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,CAAA"}
|
|
1
|
+
{"version":3,"file":"EventSmallCard.stories.styled.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.stories.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAExE,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,QAAQ,EAAE,GAAG;CACd,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,QAAQ,EAAE,GAAG;CACd,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,uCAAuC;IAC5D,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7D,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IAC3C,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;CAClC,CAAC,CAAC,CAAA;AAEH,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,EAAE;IACV,MAAM,EAAE,MAAM;IACd,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;IACzC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,aAAa,EAAE,WAAW;IAC1B,MAAM,EAAE,SAAS;CAClB,CAAC,CAAC,CAAA;AAEH,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
declare const TimePill: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
2
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
3
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
|
+
declare const BottomPillSlot: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
4
7
|
declare const HoverActions: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
8
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
9
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -11,8 +14,13 @@ declare const EventSmallCardContainer: import("@emotion/styled").StyledComponent
|
|
|
11
14
|
}, {}, {}>;
|
|
12
15
|
declare const ThumbnailWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
16
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
17
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
18
|
+
fallbackColor?: string;
|
|
19
|
+
}, {}, {}>;
|
|
15
20
|
declare const Thumbnail: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
21
|
+
declare const ThumbnailOverlay: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
22
|
+
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
23
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
16
24
|
declare const TextBlock: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
25
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
26
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -28,10 +36,14 @@ declare const TitleRow: import("@emotion/styled").StyledComponent<import("@mui/s
|
|
|
28
36
|
declare const MobileAction: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
29
37
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
30
38
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
31
|
-
declare const AvatarImg: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
39
|
+
declare const AvatarImg: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
40
|
+
backgroundColor?: string;
|
|
41
|
+
}, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
32
42
|
declare const AvatarFallback: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
33
43
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
34
|
-
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme
|
|
44
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
45
|
+
backgroundColor?: string;
|
|
46
|
+
}, {}, {}>;
|
|
35
47
|
declare const CreatorRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
36
48
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
37
49
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
@@ -42,4 +54,4 @@ declare const CreatorNameHighlight: import("@emotion/styled").StyledComponent<im
|
|
|
42
54
|
declare const TimeLabel: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
43
55
|
ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
44
56
|
}, "typography" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
45
|
-
export { AvatarFallback, AvatarImg, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailWrapper, TimeLabel, TimePill, TitleRow };
|
|
57
|
+
export { AvatarFallback, AvatarImg, BottomPillSlot, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailOverlay, ThumbnailWrapper, TimeLabel, TimePill, TitleRow };
|
|
@@ -13,6 +13,12 @@ const TimePill = styled(Box)(({ theme }) => ({
|
|
|
13
13
|
maxWidth: '100%',
|
|
14
14
|
transition: 'opacity 0.2s ease'
|
|
15
15
|
}));
|
|
16
|
+
const BottomPillSlot = styled(Box)({
|
|
17
|
+
width: 'fit-content',
|
|
18
|
+
maxWidth: '100%',
|
|
19
|
+
minWidth: 0,
|
|
20
|
+
transition: 'opacity 0.2s ease'
|
|
21
|
+
});
|
|
16
22
|
const HoverActions = styled(Box)(({ theme }) => ({
|
|
17
23
|
position: 'absolute',
|
|
18
24
|
bottom: 0,
|
|
@@ -30,12 +36,14 @@ const HoverActions = styled(Box)(({ theme }) => ({
|
|
|
30
36
|
}));
|
|
31
37
|
const EventSmallCardContainer = styled(Box, {
|
|
32
38
|
shouldForwardProp: prop => prop !== 'disableHover'
|
|
33
|
-
})(({ theme, disableHover }) => ({
|
|
39
|
+
})(({ theme, disableHover, onClick }) => ({
|
|
34
40
|
display: 'flex',
|
|
35
41
|
flexDirection: 'row',
|
|
36
42
|
borderRadius: theme.spacing(2),
|
|
37
43
|
overflow: 'hidden',
|
|
38
|
-
|
|
44
|
+
// Only a card that does something is offered as clickable, matching the
|
|
45
|
+
// role/tabIndex the component attaches on the same condition.
|
|
46
|
+
cursor: onClick ? 'pointer' : 'default',
|
|
39
47
|
height: 140,
|
|
40
48
|
minWidth: 300,
|
|
41
49
|
maxWidth: 430,
|
|
@@ -61,18 +69,36 @@ const EventSmallCardContainer = styled(Box, {
|
|
|
61
69
|
}
|
|
62
70
|
}
|
|
63
71
|
}));
|
|
64
|
-
const ThumbnailWrapper = styled(Box
|
|
72
|
+
const ThumbnailWrapper = styled(Box, {
|
|
73
|
+
shouldForwardProp: prop => prop !== 'fallbackColor'
|
|
74
|
+
})(({ fallbackColor }) => ({
|
|
75
|
+
position: 'relative',
|
|
65
76
|
width: '42%',
|
|
66
77
|
height: 140,
|
|
67
78
|
flexShrink: 0,
|
|
68
|
-
overflow: 'hidden'
|
|
69
|
-
})
|
|
79
|
+
overflow: 'hidden',
|
|
80
|
+
...(fallbackColor && { backgroundColor: fallbackColor })
|
|
81
|
+
}));
|
|
70
82
|
const Thumbnail = styled('img')({
|
|
71
83
|
width: '100%',
|
|
72
84
|
height: '100%',
|
|
73
85
|
objectFit: 'cover',
|
|
74
86
|
display: 'block'
|
|
75
87
|
});
|
|
88
|
+
// Badge layer over the cover. Badges sit top-left and stay click-through so the
|
|
89
|
+
// whole card keeps taking the click.
|
|
90
|
+
const ThumbnailOverlay = styled(Box)(({ theme }) => ({
|
|
91
|
+
position: 'absolute',
|
|
92
|
+
inset: 0,
|
|
93
|
+
display: 'flex',
|
|
94
|
+
alignItems: 'flex-start',
|
|
95
|
+
gap: theme.spacing(0.5),
|
|
96
|
+
padding: theme.spacing(1),
|
|
97
|
+
pointerEvents: 'none',
|
|
98
|
+
'& > *': {
|
|
99
|
+
pointerEvents: 'auto'
|
|
100
|
+
}
|
|
101
|
+
}));
|
|
76
102
|
const TextBlock = styled(Box)(({ theme }) => ({
|
|
77
103
|
display: 'flex',
|
|
78
104
|
flexDirection: 'column',
|
|
@@ -113,19 +139,24 @@ const MobileAction = styled(Box)(({ theme }) => ({
|
|
|
113
139
|
flexShrink: 0
|
|
114
140
|
}
|
|
115
141
|
}));
|
|
116
|
-
const AvatarImg = styled('img'
|
|
142
|
+
const AvatarImg = styled('img', {
|
|
143
|
+
shouldForwardProp: prop => prop !== 'backgroundColor'
|
|
144
|
+
})(({ theme, backgroundColor }) => ({
|
|
117
145
|
width: 19,
|
|
118
146
|
height: 19,
|
|
119
147
|
borderRadius: '50%',
|
|
120
148
|
border: `1.4px solid ${theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.3)' : 'rgba(0, 0, 0, 0.15)'}`,
|
|
121
149
|
flexShrink: 0,
|
|
122
|
-
objectFit: 'cover'
|
|
150
|
+
objectFit: 'cover',
|
|
151
|
+
...(backgroundColor && { backgroundColor })
|
|
123
152
|
}));
|
|
124
|
-
const AvatarFallback = styled(Box
|
|
153
|
+
const AvatarFallback = styled(Box, {
|
|
154
|
+
shouldForwardProp: prop => prop !== 'backgroundColor'
|
|
155
|
+
})(({ theme, backgroundColor }) => ({
|
|
125
156
|
width: 19,
|
|
126
157
|
height: 19,
|
|
127
158
|
borderRadius: '50%',
|
|
128
|
-
backgroundColor: theme.palette.success.dark,
|
|
159
|
+
backgroundColor: backgroundColor ?? theme.palette.success.dark,
|
|
129
160
|
border: `1.4px solid ${theme.palette.mode === 'dark' ? 'rgba(255, 255, 255, 0.3)' : 'rgba(0, 0, 0, 0.15)'}`,
|
|
130
161
|
flexShrink: 0
|
|
131
162
|
}));
|
|
@@ -154,5 +185,5 @@ const TimeLabel = styled(Typography)(({ theme }) => ({
|
|
|
154
185
|
overflow: 'hidden',
|
|
155
186
|
textOverflow: 'ellipsis'
|
|
156
187
|
}));
|
|
157
|
-
export { AvatarFallback, AvatarImg, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailWrapper, TimeLabel, TimePill, TitleRow };
|
|
188
|
+
export { AvatarFallback, AvatarImg, BottomPillSlot, ContentTop, CreatorName, CreatorNameHighlight, CreatorRow, EventSmallCardContainer, EventTitle, HoverActions, MobileAction, TextBlock, Thumbnail, ThumbnailOverlay, ThumbnailWrapper, TimeLabel, TimePill, TitleRow };
|
|
158
189
|
//# sourceMappingURL=EventSmallCard.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EventSmallCard.styled.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,YAAY,GAAG,4CAA4C,CAAA;AACjE,MAAM,kBAAkB,GAAG,sCAAsC,CAAA;AAEjE,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qBAAqB;IACnG,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;IAC1C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,mBAAmB;CAChC,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,wCAAwC;IACpD,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC,CAAA;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,cAAc;CACnD,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"EventSmallCard.styled.js","sourceRoot":"","sources":["../../../src/components/EventSmallCard/EventSmallCard.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEvD,MAAM,YAAY,GAAG,4CAA4C,CAAA;AACjE,MAAM,kBAAkB,GAAG,sCAAsC,CAAA;AAEjE,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qBAAqB;IACnG,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;IACjC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC;IAC1C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,mBAAmB;CAChC,CAAC,CAAC,CAAA;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IACjC,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,mBAAmB;CAChC,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,YAAY;IAC5B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,OAAO,EAAE,CAAC;IACV,SAAS,EAAE,iBAAiB;IAC5B,UAAU,EAAE,wCAAwC;IACpD,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC,CAAA;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,EAAE;IAC1C,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,cAAc;CACnD,CAAC,CAA6B,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IACpE,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,QAAQ;IAClB,wEAAwE;IACxE,8DAA8D;IAC9D,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;IACvC,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,GAAG;IACb,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB;IAC7F,UAAU,EAAE,2CAA2C;IACvD,GAAG,CAAC,CAAC,YAAY,IAAI;QACnB,SAAS,EAAE;YACT,SAAS,EAAE,kBAAkB;YAC7B,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB;SAC7E;QACD,qCAAqC,EAAE;YACrC,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,eAAe;SAC3B;QACD,iCAAiC,EAAE;YACjC,OAAO,EAAE,CAAC;SACX;KACF,CAAC;IACF,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,QAAQ,EAAE,CAAC;QACX,+BAA+B,EAAE;YAC/B,OAAO,EAAE,MAAM;SAChB;KACF;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,EAAE;IACnC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,eAAe;CACpD,CAAC,CAA6B,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,GAAG;IACX,UAAU,EAAE,CAAC;IACb,QAAQ,EAAE,QAAQ;IAClB,GAAG,CAAC,aAAa,IAAI,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC;CACzD,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,OAAO;CACjB,CAAC,CAAA;AAEF,gFAAgF;AAChF,qCAAqC;AACrC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,YAAY;IACxB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,aAAa,EAAE,MAAM;KACtB;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,eAAe;IAC/B,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IAC3B,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;IACvB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACpD,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,OAAO,EAAE,aAAa;IACtB,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,CAAC;IACX,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,UAAU;CAC5B,CAAC,CAAC,CAAA;AAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3C,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrB,UAAU,EAAE,YAAY;CACzB,CAAC,CAAC,CAAA;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM;IACf,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACtD,CAAC,CAA+B,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qBAAqB,EAAE;IAC3G,UAAU,EAAE,CAAC;IACb,SAAS,EAAE,OAAO;IAClB,GAAG,CAAC,eAAe,IAAI,EAAE,eAAe,EAAE,CAAC;CAC5C,CAAC,CAAC,CAAA;AAEH,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,EAAE;IACjC,iBAAiB,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,iBAAiB;CACtD,CAAC,CAA+B,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CAAC;IAChE,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK;IACnB,eAAe,EAAE,eAAe,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;IAC9D,MAAM,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,qBAAqB,EAAE;IAC3G,UAAU,EAAE,CAAC;CACd,CAAC,CAAC,CAAA;AAEH,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7C,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC,CAAA;AAEH,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;IACnC,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC,CAAA;AAEH,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;CAClC,CAAC,CAAC,CAAA;AAEH,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,GAAG;IACf,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;CACzB,CAAC,CAAC,CAAA;AAEH,OAAO,EACL,cAAc,EACd,SAAS,EACT,cAAc,EACd,UAAU,EACV,WAAW,EACX,oBAAoB,EACpB,UAAU,EACV,uBAAuB,EACvB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,EACT,CAAA"}
|
|
@@ -2,14 +2,27 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
interface EventSmallCardProps {
|
|
3
3
|
/** Event cover image URL */
|
|
4
4
|
image?: string;
|
|
5
|
+
/** Solid color painted behind the cover. Stays visible when the cover 404s. */
|
|
6
|
+
imageFallbackColor?: string;
|
|
7
|
+
/** Rendered over the cover, e.g. a presence or LIVE badge. Laid out top-left. */
|
|
8
|
+
thumbnailOverlay?: ReactNode;
|
|
5
9
|
/** Event title */
|
|
6
10
|
title: string;
|
|
7
11
|
/** Creator display name */
|
|
8
12
|
creatorName?: string;
|
|
9
13
|
/** Creator avatar face URL */
|
|
10
14
|
creatorAvatarUrl?: string;
|
|
15
|
+
/** Solid color behind the (often transparent) avatar face, and the fill of the no-avatar dot */
|
|
16
|
+
creatorAvatarBackgroundColor?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Word before the creator name. Defaults to the English "by", so any
|
|
19
|
+
* localized consumer has to pass its own translation on every render.
|
|
20
|
+
*/
|
|
21
|
+
byLabel?: string;
|
|
11
22
|
/** Time label shown in the bottom pill (e.g. "Starts in 10 mins") */
|
|
12
23
|
timeLabel?: string;
|
|
24
|
+
/** Bottom pill content, chrome included. Replaces `timeLabel` and its clock icon. */
|
|
25
|
+
bottomPill?: ReactNode;
|
|
13
26
|
/** Click handler for the entire card */
|
|
14
27
|
onClick?: () => void;
|
|
15
28
|
/** When true, disables hover lift and shadow effects (use on mobile/tablet) */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decentraland-ui2",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.23.0",
|
|
4
4
|
"description": "Decentraland's UI components and styles",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"url": "https://github.com/decentraland/ui2/issues"
|
|
118
118
|
},
|
|
119
119
|
"homepage": "https://github.com/decentraland/ui2#readme",
|
|
120
|
-
"commit": "
|
|
120
|
+
"commit": "d345f70337f18ae815d930cf925c944f48f7e74d"
|
|
121
121
|
}
|