@contentful/f36-card 4.0.1-beta.2558 → 4.0.1-beta.2590

package/dist/main.js

@@ -4,6 +4,7 @@ var $ej4sI$contentfulf36core = require("@contentful/f36-core");
 var $ej4sI$contentfulf36badge = require("@contentful/f36-badge");
 var $ej4sI$contentfulf36asset = require("@contentful/f36-asset");
 var $ej4sI$contentfulf36skeleton = require("@contentful/f36-skeleton");
+var $ej4sI$reactjsxruntime = require("react/jsx-runtime");
 var $ej4sI$contentfulf36draghandle = require("@contentful/f36-drag-handle");
 var $ej4sI$contentfulf36tokens = require("@contentful/f36-tokens");
 var $ej4sI$contentfulf36typography = require("@contentful/f36-typography");
@@ -34,15 +35,13 @@ $parcel$export(module.exports, "InlineEntryCard", () => $0593efaf405710d5$export
 
 
 
+
+
 const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
     return {
         contentBody: /*#__PURE__*/ $ej4sI$emotion.css({
-            gridColumn: 'content',
-            gridRow: 'content',
-            paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
-            paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
-            paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
-            whiteSpace: 'initial'
+            name: "161cbg",
+            styles: "grid-column:content;grid-row:content;white-space:initial;"
         }),
         wrapper: /*#__PURE__*/ $ej4sI$emotion.css({
             name: "1cjnmwb",
@@ -110,6 +109,8 @@ const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
 
 
 
+
+
 const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
     return {
         root: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -123,15 +124,25 @@ const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
 
 const $67b693c1b2ec5e4d$export$9b6a647253f61c5f = ({ buttonProps: buttonProps , children: children  })=>{
     const styles = $bee2b85f9e63f730$export$6468e6b9c1bc1de();
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36menu.Menu, null, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36menu.Menu.Trigger, null, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36button.IconButton, {
-        "aria-label": "Actions",
-        icon: /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36icons.MoreHorizontalIcon, null),
-        ...buttonProps,
-        className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
-        size: "small",
-        variant: "transparent",
-        testId: "cf-ui-card-actions"
-    })), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36menu.Menu.List, null, children)));
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36menu.Menu, {
+        children: [
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36menu.Menu.Trigger, {
+                children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36button.IconButton, {
+                    "aria-label": "Actions",
+                    icon: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36icons.MoreHorizontalIcon, {
+                    }),
+                    ...buttonProps,
+                    className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
+                    size: "small",
+                    variant: "transparent",
+                    testId: "cf-ui-card-actions"
+                })
+            }),
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36menu.Menu.List, {
+                children: children
+            })
+        ]
+    }));
 };
 
 
@@ -172,35 +183,47 @@ const $d63c44c7f95693ac$export$783e10c0b439f264 = (e)=>{
 function $d63c44c7f95693ac$export$606643aa598b5a97(props) {
     const { icon: icon , type: type , actions: actions , actionsButtonProps: actionsButtonProps , badge: badge  } = props;
     const styles = $d63c44c7f95693ac$var$getHeaderStyles();
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions)
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        flexGrow: 1
-    }, type && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Text, {
-        fontColor: "gray600"
-    }, type)), icon && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        alignItems: "center",
-        marginLeft: "spacingXs"
-    }, icon), badge && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        alignItems: "center",
-        marginLeft: "spacingXs"
-    }, badge), actions && actions.length > 0 && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex // don't propagate click event, so onClick handler on the card is not triggered
-    , {
-        onClick: $d63c44c7f95693ac$export$783e10c0b439f264,
-        alignItems: "center"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
-        buttonProps: actionsButtonProps
-    }, actions))));
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
+        className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions),
+        children: [
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                flexGrow: 1,
+                children: type && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Text, {
+                    fontColor: "gray600",
+                    children: type
+                })
+            }),
+            icon && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                alignItems: "center",
+                marginLeft: "spacingXs",
+                children: icon
+            }),
+            badge && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                alignItems: "center",
+                marginLeft: "spacingXs",
+                children: badge
+            }),
+            actions && actions.length > 0 && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex // don't propagate click event, so onClick handler on the card is not triggered
+            , {
+                onClick: $d63c44c7f95693ac$export$783e10c0b439f264,
+                alignItems: "center",
+                children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
+                    buttonProps: actionsButtonProps,
+                    children: actions
+                })
+            })
+        ]
+    }));
 }
 
 
 const $46484ac1f332ca45$export$eed7d00d62e881b8 = 'article';
-function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps: actionsButtonProps , ariaLabel: ariaLabel , badge: badge , children: children , className: className , contentBodyProps: contentBodyProps , header: header , href: href , icon: icon , isDragging: isDragging = false , isHovered: isHoveredProp , isSelected: isSelected = false , onBlur: onBlur , onClick: onClick , onFocus: onFocus , onKeyDown: onKeyDown , onMouseEnter: onMouseEnter , onMouseLeave: onMouseLeave , rel: rel = 'noreferrer' , target: target , testId: testId = 'cf-ui-base-card' , title: title , type: type , withDragHandle: withDragHandle , dragHandleRender: dragHandleRender , isLoading: isLoading , ...otherProps }, forwardedRef) {
+function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps: actionsButtonProps , ariaLabel: ariaLabel , badge: badge , children: children , className: className , contentBodyProps: contentBodyProps , header: header , href: href , icon: icon , isDragging: isDragging = false , isHovered: isHoveredProp , isSelected: isSelected = false , onBlur: onBlur , onClick: onClick , onFocus: onFocus , onKeyDown: onKeyDown , onMouseEnter: onMouseEnter , onMouseLeave: onMouseLeave , target: target , rel: rel , testId: testId = 'cf-ui-base-card' , title: title , type: type , withDragHandle: withDragHandle , dragHandleRender: dragHandleRender , isLoading: isLoading , ...otherProps }, forwardedRef) {
     const styles = $c0c701b56a852764$export$e5c3362273de1eca();
     const [isHovered, setIsHovered] = $ej4sI$react.useState(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
     const isInteractive = Boolean(onClick || href || withDragHandle);
     const hasHeader = Boolean(header);
-    const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
+    const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
         type: type,
         icon: icon,
         badge: badge,
@@ -237,22 +260,26 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
     }, [
         onKeyDown
     ]);
-    if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
+    if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36skeleton.SkeletonContainer, {
         className: styles.skeleton,
-        svgHeight: "5.6rem"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
-        numberOfLines: 1
-    }), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
-        numberOfLines: 1,
-        offsetTop: 35
-    })));
-    const drag = /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36draghandle.DragHandle, {
+        svgHeight: "5.6rem",
+        children: [
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
+                numberOfLines: 1
+            }),
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
+                numberOfLines: 1,
+                offsetTop: 35
+            })
+        ]
+    }));
+    const drag = /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36draghandle.DragHandle, {
         className: styles.dragHandle,
         isActive: isDragging,
         label: "Reorder entry",
         onClick: $d63c44c7f95693ac$export$783e10c0b439f264
     });
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Box, {
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Box, {
         "aria-label": title || ariaLabel,
         "aria-pressed": otherProps.as === 'button' ? isSelected ? 'true' : 'false' : undefined,
         as: $46484ac1f332ca45$export$eed7d00d62e881b8,
@@ -268,23 +295,32 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
         onMouseEnter: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseEnter : undefined,
         onMouseLeave: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseLeave : undefined,
         onKeyDown: handleKeyDown,
-        rel: href && rel,
+        rel: href && (rel || 'noreferrer'),
         role: onClick && !href ? 'button' : undefined,
         tabIndex: onClick ? 0 : undefined,
         target: target,
         ...otherProps,
         ref: forwardedRef,
-        testId: testId
-    }, withDragHandle ? dragHandleRender ? dragHandleRender({
-        drag: drag,
-        isDragging: isDragging
-    }) : drag : null, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("div", {
-        className: styles.wrapper,
-        "data-card-part": "wrapper"
-    }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("div", {
-        className: styles.contentBody,
-        "data-card-part": "content"
-    }, children))));
+        testId: testId,
+        children: [
+            withDragHandle ? dragHandleRender ? dragHandleRender({
+                drag: drag,
+                isDragging: isDragging
+            }) : drag : null,
+            /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs("div", {
+                className: styles.wrapper,
+                "data-card-part": "wrapper",
+                children: [
+                    header !== null && header !== void 0 ? header : defaultHeader,
+                    /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx("div", {
+                        className: styles.contentBody,
+                        "data-card-part": "content",
+                        children: children
+                    })
+                ]
+            })
+        ]
+    }));
 }
 const $46484ac1f332ca45$export$ffd8d1a491a618f2 = /*#__PURE__*/ $ej4sI$react.forwardRef($46484ac1f332ca45$var$_BaseCard);
 
@@ -304,10 +340,7 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
                 maxWidth: size === 'small' ? `calc(1rem * (240 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (340 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
                 height: size === 'small' ? `calc(1rem * (188 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (300 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
                 padding: 0,
-                textAlign: 'center',
-                '[data-card-part="content"]': {
-                    padding: 0
-                }
+                textAlign: 'center'
             };
             return(/*#__PURE__*/ $ej4sI$emotion.css(styles));
         },
@@ -324,23 +357,24 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
 
 const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , className: className , icon: icon = null , isSelected: isSelected , size: size = 'default' , src: src , status: status , title: title , type: type , withDragHandle: withDragHandle = false , isLoading: isLoading , testId: testId = 'cf-ui-asset-card' , ...otherProps })=>{
     const styles = $138fee8f40b2042d$export$37a6ca57378bcb83();
-    const badge = status ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
+    const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
         entityStatus: status
     }) : null;
-    const header = icon || badge || actions ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
+    const header = icon || badge || actions ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($d63c44c7f95693ac$export$606643aa598b5a97, {
         icon: icon,
         badge: badge,
         actions: actions
     }) : null;
-    if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
+    if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
         className: styles.skeleton,
         svgWidth: size === 'default' ? '18rem' : '11rem',
-        svgHeight: size === 'default' ? '18.75rem' : '12rem'
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonImage, {
-        width: "100%",
-        height: "18.75rem"
-    })));
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
+        svgHeight: size === 'default' ? '18.75rem' : '12rem',
+        children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonImage, {
+            width: "100%",
+            height: "18.75rem"
+        })
+    }));
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
         ...otherProps,
         badge: badge,
         className: $ej4sI$emotion.cx(styles.root({
@@ -350,18 +384,20 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
         isSelected: isSelected,
         title: title,
         withDragHandle: withDragHandle,
-        testId: testId
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        alignItems: "center",
-        fullHeight: true,
-        justifyContent: "center"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36asset.Asset, {
-        className: styles.asset,
-        src: src,
-        status: status,
-        title: title,
-        type: type
-    }))));
+        testId: testId,
+        children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+            alignItems: "center",
+            fullHeight: true,
+            justifyContent: "center",
+            children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36asset.Asset, {
+                className: styles.asset,
+                src: src,
+                status: status,
+                title: title,
+                type: type
+            })
+        })
+    }));
 };
 
 
@@ -373,6 +409,7 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
 
 
 
+
 const $3e14d9afb4efa2d4$var$getCardPaddingValue = (padding)=>{
     switch(padding){
         case 'large':
@@ -390,10 +427,7 @@ const $3e14d9afb4efa2d4$export$164c3dc7db460fb7 = ({ padding: padding  })=>({
             marginBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
         }),
         root: /*#__PURE__*/ $ej4sI$emotion.css({
-            padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding),
-            '[data-card-part="content"]': {
-                padding: 0
-            }
+            padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding)
         })
     })
 ;
@@ -404,25 +438,37 @@ function $be6854fcee4fd843$var$_Card({ actions: actions , badge: badge , icon: i
         padding: padding
     });
     const hasHeader = Boolean(title || icon || badge || actions);
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
         className: $ej4sI$emotion.cx(styles.root, className),
         ...otherProps,
         testId: testId,
-        header: hasHeader && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-            alignItems: "center",
-            className: $ej4sI$emotion.cx(styles.header)
-        }, title && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-            as: "header",
-            flexGrow: 1
-        }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Heading, {
-            marginBottom: "none"
-        }, title)), icon && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
+        header: hasHeader && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
             alignItems: "center",
-            marginLeft: "spacingXs"
-        }, icon), badge && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-            alignItems: "center",
-            marginLeft: "spacingXs"
-        }, badge), actions && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, null, actions)),
+            className: $ej4sI$emotion.cx(styles.header),
+            children: [
+                title && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                    as: "header",
+                    flexGrow: 1,
+                    children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Heading, {
+                        marginBottom: "none",
+                        children: title
+                    })
+                }),
+                icon && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                    alignItems: "center",
+                    marginLeft: "spacingXs",
+                    children: icon
+                }),
+                badge && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36core.Flex, {
+                    alignItems: "center",
+                    marginLeft: "spacingXs",
+                    children: badge
+                }),
+                actions && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
+                    children: actions
+                })
+            ]
+        }),
         ref: forwardedRef
     }));
 }
@@ -438,6 +484,7 @@ const $be6854fcee4fd843$export$60332b2344f7fe41 = /*#__PURE__*/ $ej4sI$react.for
 
 
 
+
 const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
     return {
         actionsButton: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -453,8 +500,12 @@ const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
             })
         ,
         root: /*#__PURE__*/ $ej4sI$emotion.css({
-            name: "y8aj3r",
-            styles: "padding:0;"
+            padding: 0,
+            '[data-card-part="content"]': {
+                paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
+                paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
+                paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
+            }
         }),
         header: /*#__PURE__*/ $ej4sI$emotion.css({
             borderBottomWidth: 1,
@@ -494,27 +545,29 @@ function $7bab253d72ab2848$var$EntryCardTitle({ title: title  }) {
     if (!title) return null;
     const truncatedTitle = $parcel$interopDefault($ej4sI$truncate)(title, 255, {
     });
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Subheading, {
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Subheading, {
         title: title.length > 255 ? title : '',
         testId: "title",
         as: "h1",
-        marginBottom: "none"
-    }, truncatedTitle));
+        marginBottom: "none",
+        children: truncatedTitle
+    }));
 }
 function $7bab253d72ab2848$var$EntryCardDescription({ description: description , size: size  }) {
     if (!description || size === 'small') return null;
     const truncatedDescription = $parcel$interopDefault($ej4sI$truncate)(description, 95, {
     });
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Paragraph, {
-        marginBottom: "none"
-    }, truncatedDescription));
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Paragraph, {
+        marginBottom: "none",
+        children: truncatedDescription
+    }));
 }
 function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: children , className: className , src: src , status: status , thumbnailElement: thumbnailElement , description: description , withDragHandle: withDragHandle = false , title: title , size: size , testId: testId = 'cf-ui-entry-card' , contentType: contentType , ...otherProps }, forwardedRef) {
     const styles = $da17fbf72fc29a72$export$25b6e8fb8b7b795b();
-    const badge = status ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
+    const badge = status ? /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36badge.EntityStatusBadge, {
         entityStatus: status
     }) : null;
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
         as: $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG,
         ...otherProps,
         actions: actions,
@@ -523,23 +576,34 @@ function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: childre
         withDragHandle: withDragHandle,
         ref: forwardedRef,
         type: contentType,
-        testId: testId
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        alignItems: "center",
-        className: styles.content(size),
-        flexDirection: "row"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
-        flexDirection: "column",
-        flexGrow: 1,
-        gap: "spacingS"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($7bab253d72ab2848$var$EntryCardTitle, {
-        title: title
-    }), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($7bab253d72ab2848$var$EntryCardDescription, {
-        size: size,
-        description: description
-    }), children), thumbnailElement && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("figure", {
-        className: styles.thumbnail(size)
-    }, thumbnailElement))));
+        testId: testId,
+        children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
+            alignItems: "center",
+            className: styles.content(size),
+            flexDirection: "row",
+            children: [
+                /*#__PURE__*/ $ej4sI$reactjsxruntime.jsxs($ej4sI$contentfulf36core.Flex, {
+                    flexDirection: "column",
+                    flexGrow: 1,
+                    gap: "spacingS",
+                    children: [
+                        /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($7bab253d72ab2848$var$EntryCardTitle, {
+                            title: title
+                        }),
+                        /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($7bab253d72ab2848$var$EntryCardDescription, {
+                            size: size,
+                            description: description
+                        }),
+                        children
+                    ]
+                }),
+                thumbnailElement && size !== 'small' && /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx("figure", {
+                    className: styles.thumbnail(size),
+                    children: thumbnailElement
+                })
+            ]
+        })
+    }));
 }
 const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwardRef($7bab253d72ab2848$var$_EntryCard);
 
@@ -551,6 +615,7 @@ const $7bab253d72ab2848$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwa
 
 
 
+
 const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
     return {
         actions: /*#__PURE__*/ $ej4sI$emotion.css({
@@ -573,9 +638,6 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
                 paddingTop: 0,
                 paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS,
                 paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs,
-                '[data-card-part="content"]': {
-                    padding: 0
-                },
                 '[data-card-part="wrapper"]': {
                     display: 'inline-flex',
                     flexDirection: 'row-reverse'
@@ -607,26 +669,31 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
 
 const $0593efaf405710d5$export$94c16395f9ec3265 = ({ actions: actions , className: className , status: status , title: title , isLoading: isLoading , testId: testId = 'cf-ui-inline-entry-card' , ...otherProps })=>{
     const styles = $0c53949ffe0f2254$export$ccfc6dbdba6183be();
-    const header = /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
+    const header = /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
         buttonProps: {
             className: styles.actions
-        }
-    }, actions);
-    if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
+        },
+        children: actions
+    });
+    if (isLoading) return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonContainer, {
         className: styles.skeleton,
         svgHeight: "1.25rem",
-        svgWidth: "6rem"
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
-        numberOfLines: 1
-    })));
-    return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
+        svgWidth: "6rem",
+        children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
+            numberOfLines: 1
+        })
+    }));
+    return(/*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($46484ac1f332ca45$export$ffd8d1a491a618f2, {
         ...otherProps,
         className: $ej4sI$emotion.cx(styles.root({
             status: status
         }), className),
         header: header,
-        testId: testId
-    }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Text, null, title)));
+        testId: testId,
+        children: /*#__PURE__*/ $ej4sI$reactjsxruntime.jsx($ej4sI$contentfulf36typography.Text, {
+            children: title
+        })
+    }));
 };