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

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.
Files changed (7) hide show
  1. package/dist/main.js +122 -130
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +15 -23
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +4 -4
  6. package/dist/types.d.ts.map +1 -1
  7. package/package.json +13 -13
package/dist/main.js CHANGED
@@ -37,61 +37,57 @@ $parcel$export(module.exports, "InlineEntryCard", () => $0593efaf405710d5$export
37
37
  const $c0c701b56a852764$export$e5c3362273de1eca = ()=>{
38
38
  return {
39
39
  contentBody: /*#__PURE__*/ $ej4sI$emotion.css({
40
- gridColumn: 'content',
41
- gridRow: 'content',
42
- paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
43
- paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
44
- paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
45
- whiteSpace: 'initial'
40
+ name: "161cbg",
41
+ styles: "grid-column:content;grid-row:content;white-space:initial;"
46
42
  }),
47
43
  wrapper: /*#__PURE__*/ $ej4sI$emotion.css({
48
44
  name: "1cjnmwb",
49
45
  styles: "flex:1 1 0;display:grid;grid-template-rows:[header] auto [content] minmax(0, 1fr);grid-template-columns:auto [content] minmax(0, 1fr);"
50
46
  }),
51
47
  dragHandle: /*#__PURE__*/ $ej4sI$emotion.css({
52
- borderBottomLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
53
- borderTopLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
48
+ borderBottomLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
49
+ borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
54
50
  cursor: 'grab'
55
51
  }),
56
52
  root: ({ hasHeader: hasHeader , isHovered: isHovered , isSelected: isSelected })=>{
57
53
  const styles = {
58
- backgroundColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).colorWhite,
59
- borderColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray300,
60
- borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
54
+ backgroundColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorWhite,
55
+ borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300,
56
+ borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
61
57
  borderStyle: 'solid',
62
58
  borderWidth: 1,
63
- color: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray900,
59
+ color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray900,
64
60
  display: 'flex',
65
61
  textAlign: 'left',
66
62
  width: '100%',
67
- fontSize: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontSizeM,
68
- fontWeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontWeightNormal,
63
+ fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
64
+ fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
69
65
  position: 'relative',
70
66
  textDecoration: 'none',
71
- transition: `border-color ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionDurationDefault} ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionEasingDefault},
72
- box-shadow ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionDurationShort} ${$parcel$interopDefault($ej4sI$contentfulf36tokens).transitionEasingDefault}`,
67
+ transition: `border-color ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationDefault} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault},
68
+ box-shadow ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationShort} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault}`,
73
69
  '&:focus': /*#__PURE__*/ $ej4sI$emotion.css({
74
- borderColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary,
75
- boxShadow: $parcel$interopDefault($ej4sI$contentfulf36tokens).glowPrimary,
70
+ borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary,
71
+ boxShadow: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary,
76
72
  outline: '0'
77
73
  })
78
74
  };
79
- if (!hasHeader) styles.paddingTop = $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM;
75
+ if (!hasHeader) styles.paddingTop = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
80
76
  if (isHovered) {
81
- styles.borderColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary;
77
+ styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
82
78
  styles.cursor = 'pointer';
83
79
  }
84
80
  if (isSelected) {
85
- styles.backgroundColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).blue100;
86
- styles.borderColor = $parcel$interopDefault($ej4sI$contentfulf36tokens).colorPrimary;
87
- styles.boxShadow = $parcel$interopDefault($ej4sI$contentfulf36tokens).glowPrimary;
81
+ styles.backgroundColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).blue100;
82
+ styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
83
+ styles.boxShadow = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary;
88
84
  }
89
85
  return(/*#__PURE__*/ $ej4sI$emotion.css(styles));
90
86
  },
91
87
  skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
92
- border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
93
- borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
94
- padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
88
+ border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
89
+ borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
90
+ padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
95
91
  })
96
92
  };
97
93
  };
@@ -114,8 +110,8 @@ const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
114
110
  return {
115
111
  root: /*#__PURE__*/ $ej4sI$emotion.css({
116
112
  minHeight: 'auto',
117
- padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs,
118
- marginLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
113
+ padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
114
+ marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
119
115
  })
120
116
  };
121
117
  };
@@ -123,15 +119,15 @@ const $bee2b85f9e63f730$export$6468e6b9c1bc1de = ()=>{
123
119
 
124
120
  const $67b693c1b2ec5e4d$export$9b6a647253f61c5f = ({ buttonProps: buttonProps , children: children })=>{
125
121
  const styles = $bee2b85f9e63f730$export$6468e6b9c1bc1de();
126
- 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, {
122
+ 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, {
127
123
  "aria-label": "Actions",
128
- icon: /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36icons.MoreHorizontalIcon, null),
124
+ icon: /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36icons.MoreHorizontalIcon, null),
129
125
  ...buttonProps,
130
126
  className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
131
127
  size: "small",
132
128
  variant: "transparent",
133
129
  testId: "cf-ui-card-actions"
134
- })), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36menu.Menu.List, null, children)));
130
+ })), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36menu.Menu.List, null, children)));
135
131
  };
136
132
 
137
133
 
@@ -140,27 +136,27 @@ const $d63c44c7f95693ac$var$getHeaderStyles = ()=>{
140
136
  return {
141
137
  header: /*#__PURE__*/ $ej4sI$emotion.css({
142
138
  alignItems: 'center',
143
- borderBottomColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray200,
139
+ borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
144
140
  borderBottomStyle: 'solid',
145
141
  borderBottomWidth: 1,
146
- borderTopLeftRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
147
- borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
142
+ borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
143
+ borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
148
144
  boxSizing: 'border-box',
149
- color: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray600,
150
- fontSize: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontSizeM,
151
- fontWeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).fontWeightNormal,
145
+ color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray600,
146
+ fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
147
+ fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
152
148
  gridColumn: 'content',
153
149
  gridRow: 'header',
154
- lineHeight: $parcel$interopDefault($ej4sI$contentfulf36tokens).lineHeightM,
155
- paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
156
- paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
157
- paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
158
- paddingTop: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
150
+ lineHeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).lineHeightM,
151
+ paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
152
+ paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
153
+ paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
154
+ paddingTop: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
159
155
  minHeight: '37px'
160
156
  }),
161
157
  headerWithActions: /*#__PURE__*/ $ej4sI$emotion.css({
162
158
  paddingBottom: 0,
163
- paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
159
+ paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
164
160
  paddingTop: 0
165
161
  })
166
162
  };
@@ -172,35 +168,35 @@ const $d63c44c7f95693ac$export$783e10c0b439f264 = (e)=>{
172
168
  function $d63c44c7f95693ac$export$606643aa598b5a97(props) {
173
169
  const { icon: icon , type: type , actions: actions , actionsButtonProps: actionsButtonProps , badge: badge } = props;
174
170
  const styles = $d63c44c7f95693ac$var$getHeaderStyles();
175
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
171
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
176
172
  className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions)
177
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
173
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
178
174
  flexGrow: 1
179
- }, type && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Text, {
175
+ }, type && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, {
180
176
  fontColor: "gray600"
181
- }, type)), icon && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
177
+ }, type)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
182
178
  alignItems: "center",
183
179
  marginLeft: "spacingXs"
184
- }, icon), badge && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
180
+ }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
185
181
  alignItems: "center",
186
182
  marginLeft: "spacingXs"
187
- }, 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
183
+ }, 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
188
184
  , {
189
185
  onClick: $d63c44c7f95693ac$export$783e10c0b439f264,
190
186
  alignItems: "center"
191
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
187
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
192
188
  buttonProps: actionsButtonProps
193
189
  }, actions))));
194
190
  }
195
191
 
196
192
 
197
193
  const $46484ac1f332ca45$export$eed7d00d62e881b8 = 'article';
198
- 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) {
194
+ 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) {
199
195
  const styles = $c0c701b56a852764$export$e5c3362273de1eca();
200
196
  const [isHovered, setIsHovered] = $ej4sI$react.useState(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
201
197
  const isInteractive = Boolean(onClick || href || withDragHandle);
202
198
  const hasHeader = Boolean(header);
203
- const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
199
+ const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
204
200
  type: type,
205
201
  icon: icon,
206
202
  badge: badge,
@@ -237,22 +233,22 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
237
233
  }, [
238
234
  onKeyDown
239
235
  ]);
240
- if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
236
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
241
237
  className: styles.skeleton,
242
238
  svgHeight: "5.6rem"
243
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
239
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
244
240
  numberOfLines: 1
245
- }), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
241
+ }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
246
242
  numberOfLines: 1,
247
243
  offsetTop: 35
248
244
  })));
249
- const drag = /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36draghandle.DragHandle, {
245
+ const drag = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36draghandle.DragHandle, {
250
246
  className: styles.dragHandle,
251
247
  isActive: isDragging,
252
248
  label: "Reorder entry",
253
249
  onClick: $d63c44c7f95693ac$export$783e10c0b439f264
254
250
  });
255
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Box, {
251
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Box, {
256
252
  "aria-label": title || ariaLabel,
257
253
  "aria-pressed": otherProps.as === 'button' ? isSelected ? 'true' : 'false' : undefined,
258
254
  as: $46484ac1f332ca45$export$eed7d00d62e881b8,
@@ -268,7 +264,7 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
268
264
  onMouseEnter: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseEnter : undefined,
269
265
  onMouseLeave: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseLeave : undefined,
270
266
  onKeyDown: handleKeyDown,
271
- rel: href && rel,
267
+ rel: href && (rel || 'noreferrer'),
272
268
  role: onClick && !href ? 'button' : undefined,
273
269
  tabIndex: onClick ? 0 : undefined,
274
270
  target: target,
@@ -278,10 +274,10 @@ function $46484ac1f332ca45$var$_BaseCard({ actions: actions , actionsButtonProps
278
274
  }, withDragHandle ? dragHandleRender ? dragHandleRender({
279
275
  drag: drag,
280
276
  isDragging: isDragging
281
- }) : drag : null, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("div", {
277
+ }) : drag : null, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
282
278
  className: styles.wrapper,
283
279
  "data-card-part": "wrapper"
284
- }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("div", {
280
+ }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
285
281
  className: styles.contentBody,
286
282
  "data-card-part": "content"
287
283
  }, children))));
@@ -299,22 +295,19 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
299
295
  }),
300
296
  root: ({ size: size })=>{
301
297
  const styles = {
302
- borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
303
- minWidth: `calc(1rem * (120 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
304
- maxWidth: size === 'small' ? `calc(1rem * (240 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (340 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
305
- height: size === 'small' ? `calc(1rem * (188 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))` : `calc(1rem * (300 / ${$parcel$interopDefault($ej4sI$contentfulf36tokens).fontBaseDefault}))`,
298
+ borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
299
+ minWidth: `calc(1rem * (120 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
300
+ maxWidth: size === 'small' ? `calc(1rem * (240 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))` : `calc(1rem * (340 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
301
+ height: size === 'small' ? `calc(1rem * (188 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))` : `calc(1rem * (300 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
306
302
  padding: 0,
307
- textAlign: 'center',
308
- '[data-card-part="content"]': {
309
- padding: 0
310
- }
303
+ textAlign: 'center'
311
304
  };
312
305
  return(/*#__PURE__*/ $ej4sI$emotion.css(styles));
313
306
  },
314
307
  skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
315
- border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
316
- borderRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
317
- padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
308
+ border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
309
+ borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
310
+ padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
318
311
  })
319
312
  };
320
313
  };
@@ -324,23 +317,23 @@ const $138fee8f40b2042d$export$37a6ca57378bcb83 = ()=>{
324
317
 
325
318
  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 })=>{
326
319
  const styles = $138fee8f40b2042d$export$37a6ca57378bcb83();
327
- const badge = status ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
320
+ const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
328
321
  entityStatus: status
329
322
  }) : null;
330
- const header = icon || badge || actions ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
323
+ const header = icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($d63c44c7f95693ac$export$606643aa598b5a97, {
331
324
  icon: icon,
332
325
  badge: badge,
333
326
  actions: actions
334
327
  }) : null;
335
- if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
328
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
336
329
  className: styles.skeleton,
337
330
  svgWidth: size === 'default' ? '18rem' : '11rem',
338
331
  svgHeight: size === 'default' ? '18.75rem' : '12rem'
339
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonImage, {
332
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonImage, {
340
333
  width: "100%",
341
334
  height: "18.75rem"
342
335
  })));
343
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
336
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
344
337
  ...otherProps,
345
338
  badge: badge,
346
339
  className: $ej4sI$emotion.cx(styles.root({
@@ -351,11 +344,11 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
351
344
  title: title,
352
345
  withDragHandle: withDragHandle,
353
346
  testId: testId
354
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
347
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
355
348
  alignItems: "center",
356
349
  fullHeight: true,
357
350
  justifyContent: "center"
358
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36asset.Asset, {
351
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36asset.Asset, {
359
352
  className: styles.asset,
360
353
  src: src,
361
354
  status: status,
@@ -376,24 +369,21 @@ const $ef9a7338cbb41680$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
376
369
  const $3e14d9afb4efa2d4$var$getCardPaddingValue = (padding)=>{
377
370
  switch(padding){
378
371
  case 'large':
379
- return $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingL;
372
+ return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingL;
380
373
  case 'none':
381
374
  return 0;
382
375
  default:
383
- return $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM;
376
+ return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
384
377
  }
385
378
  };
386
379
  const $3e14d9afb4efa2d4$export$164c3dc7db460fb7 = ({ padding: padding })=>({
387
380
  header: /*#__PURE__*/ $ej4sI$emotion.css({
388
381
  gridColumn: 'content',
389
382
  gridRow: 'header',
390
- marginBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM
383
+ marginBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
391
384
  }),
392
385
  root: /*#__PURE__*/ $ej4sI$emotion.css({
393
- padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding),
394
- '[data-card-part="content"]': {
395
- padding: 0
396
- }
386
+ padding: $3e14d9afb4efa2d4$var$getCardPaddingValue(padding)
397
387
  })
398
388
  })
399
389
  ;
@@ -404,25 +394,25 @@ function $be6854fcee4fd843$var$_Card({ actions: actions , badge: badge , icon: i
404
394
  padding: padding
405
395
  });
406
396
  const hasHeader = Boolean(title || icon || badge || actions);
407
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
397
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
408
398
  className: $ej4sI$emotion.cx(styles.root, className),
409
399
  ...otherProps,
410
400
  testId: testId,
411
- header: hasHeader && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
401
+ header: hasHeader && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
412
402
  alignItems: "center",
413
403
  className: $ej4sI$emotion.cx(styles.header)
414
- }, title && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
404
+ }, title && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
415
405
  as: "header",
416
406
  flexGrow: 1
417
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Heading, {
407
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Heading, {
418
408
  marginBottom: "none"
419
- }, title)), icon && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
409
+ }, title)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
420
410
  alignItems: "center",
421
411
  marginLeft: "spacingXs"
422
- }, icon), badge && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
412
+ }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
423
413
  alignItems: "center",
424
414
  marginLeft: "spacingXs"
425
- }, badge), actions && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, null, actions)),
415
+ }, badge), actions && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, null, actions)),
426
416
  ref: forwardedRef
427
417
  }));
428
418
  }
@@ -444,29 +434,33 @@ const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
444
434
  borderBottomLeftRadius: 0,
445
435
  borderBottomRightRadius: 0,
446
436
  borderTopLeftRadius: 0,
447
- borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium
437
+ borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium
448
438
  }),
449
439
  content: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
450
440
  gridColumn: 'content',
451
- marginTop: size === 'small' ? $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs : $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS,
452
- marginBottom: size === 'small' ? `calc(-1 * ${$parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs})` : 0
441
+ marginTop: size === 'small' ? ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs : ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
442
+ marginBottom: size === 'small' ? `calc(-1 * ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs})` : 0
453
443
  })
454
444
  ,
455
445
  root: /*#__PURE__*/ $ej4sI$emotion.css({
456
- name: "y8aj3r",
457
- styles: "padding:0;"
446
+ padding: 0,
447
+ '[data-card-part="content"]': {
448
+ paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
449
+ paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
450
+ paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
451
+ }
458
452
  }),
459
453
  header: /*#__PURE__*/ $ej4sI$emotion.css({
460
454
  borderBottomWidth: 1,
461
- borderBottomColor: $parcel$interopDefault($ej4sI$contentfulf36tokens).gray200,
455
+ borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
462
456
  borderBottomStyle: 'solid',
463
457
  minHeight: 'auto',
464
- paddingBottom: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
465
- paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingM,
466
- paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
458
+ paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
459
+ paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
460
+ paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
467
461
  }),
468
462
  thumbnail: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
469
- margin: `0 0 0 ${$parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS}`,
463
+ margin: `0 0 0 ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS}`,
470
464
  padding: 0,
471
465
  overflow: 'hidden',
472
466
  position: 'relative',
@@ -492,9 +486,9 @@ const $da17fbf72fc29a72$export$25b6e8fb8b7b795b = ()=>{
492
486
  const $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG = 'article';
493
487
  function $7bab253d72ab2848$var$EntryCardTitle({ title: title }) {
494
488
  if (!title) return null;
495
- const truncatedTitle = $parcel$interopDefault($ej4sI$truncate)(title, 255, {
489
+ const truncatedTitle = ($parcel$interopDefault($ej4sI$truncate))(title, 255, {
496
490
  });
497
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Subheading, {
491
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Subheading, {
498
492
  title: title.length > 255 ? title : '',
499
493
  testId: "title",
500
494
  as: "h1",
@@ -503,18 +497,19 @@ function $7bab253d72ab2848$var$EntryCardTitle({ title: title }) {
503
497
  }
504
498
  function $7bab253d72ab2848$var$EntryCardDescription({ description: description , size: size }) {
505
499
  if (!description || size === 'small') return null;
506
- const truncatedDescription = $parcel$interopDefault($ej4sI$truncate)(description, 95, {
500
+ const truncatedDescription = ($parcel$interopDefault($ej4sI$truncate))(description, 95, {
507
501
  });
508
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Paragraph, {
509
- marginBottom: "none"
502
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Paragraph, {
503
+ marginBottom: "none",
504
+ isTruncated: true
510
505
  }, truncatedDescription));
511
506
  }
512
507
  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) {
513
508
  const styles = $da17fbf72fc29a72$export$25b6e8fb8b7b795b();
514
- const badge = status ? /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
509
+ const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
515
510
  entityStatus: status
516
511
  }) : null;
517
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
512
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
518
513
  as: $7bab253d72ab2848$var$ENTRY_CARD_DEFAULT_TAG,
519
514
  ...otherProps,
520
515
  actions: actions,
@@ -524,20 +519,20 @@ function $7bab253d72ab2848$var$_EntryCard({ actions: actions , children: childre
524
519
  ref: forwardedRef,
525
520
  type: contentType,
526
521
  testId: testId
527
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
522
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
528
523
  alignItems: "center",
529
524
  className: styles.content(size),
530
525
  flexDirection: "row"
531
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36core.Flex, {
526
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
532
527
  flexDirection: "column",
533
528
  flexGrow: 1,
534
529
  gap: "spacingS"
535
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($7bab253d72ab2848$var$EntryCardTitle, {
530
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7bab253d72ab2848$var$EntryCardTitle, {
536
531
  title: title
537
- }), /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($7bab253d72ab2848$var$EntryCardDescription, {
532
+ }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7bab253d72ab2848$var$EntryCardDescription, {
538
533
  size: size,
539
534
  description: description
540
- }), children), thumbnailElement && /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement("figure", {
535
+ }), children), thumbnailElement && size !== 'small' && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("figure", {
541
536
  className: styles.thumbnail(size)
542
537
  }, thumbnailElement))));
543
538
  }
@@ -556,7 +551,7 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
556
551
  actions: /*#__PURE__*/ $ej4sI$emotion.css({
557
552
  display: 'flex',
558
553
  padding: 0,
559
- marginLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs,
554
+ marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
560
555
  minHeight: 'auto'
561
556
  }),
562
557
  root: ({ status: status })=>{
@@ -571,11 +566,8 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
571
566
  verticalAlign: 'middle',
572
567
  paddingBottom: 0,
573
568
  paddingTop: 0,
574
- paddingLeft: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingS,
575
- paddingRight: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs,
576
- '[data-card-part="content"]': {
577
- padding: 0
578
- },
569
+ paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
570
+ paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
579
571
  '[data-card-part="wrapper"]': {
580
572
  display: 'inline-flex',
581
573
  flexDirection: 'row-reverse'
@@ -588,16 +580,16 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
588
580
  left: 0,
589
581
  position: 'absolute',
590
582
  top: 0,
591
- width: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacing2Xs
583
+ width: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs
592
584
  }
593
585
  }));
594
586
  },
595
587
  skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
596
588
  display: 'inline-flex',
597
- border: `1px solid ${$parcel$interopDefault($ej4sI$contentfulf36tokens).gray300}`,
598
- borderTopRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
599
- borderBottomRightRadius: $parcel$interopDefault($ej4sI$contentfulf36tokens).borderRadiusMedium,
600
- padding: $parcel$interopDefault($ej4sI$contentfulf36tokens).spacingXs
589
+ border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
590
+ borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
591
+ borderBottomRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
592
+ padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
601
593
  })
602
594
  };
603
595
  };
@@ -607,26 +599,26 @@ const $0c53949ffe0f2254$export$ccfc6dbdba6183be = ()=>{
607
599
 
608
600
  const $0593efaf405710d5$export$94c16395f9ec3265 = ({ actions: actions , className: className , status: status , title: title , isLoading: isLoading , testId: testId = 'cf-ui-inline-entry-card' , ...otherProps })=>{
609
601
  const styles = $0c53949ffe0f2254$export$ccfc6dbdba6183be();
610
- const header = /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
602
+ const header = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($67b693c1b2ec5e4d$export$9b6a647253f61c5f, {
611
603
  buttonProps: {
612
604
  className: styles.actions
613
605
  }
614
606
  }, actions);
615
- if (isLoading) return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
607
+ if (isLoading) return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
616
608
  className: styles.skeleton,
617
609
  svgHeight: "1.25rem",
618
610
  svgWidth: "6rem"
619
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
611
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
620
612
  numberOfLines: 1
621
613
  })));
622
- return(/*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
614
+ return(/*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($46484ac1f332ca45$export$ffd8d1a491a618f2, {
623
615
  ...otherProps,
624
616
  className: $ej4sI$emotion.cx(styles.root({
625
617
  status: status
626
618
  }), className),
627
619
  header: header,
628
620
  testId: testId
629
- }, /*#__PURE__*/ $parcel$interopDefault($ej4sI$react).createElement($ej4sI$contentfulf36typography.Text, null, title)));
621
+ }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, null, title)));
630
622
  };
631
623
 
632
624