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

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