@contentful/f36-card 4.13.0 → 4.15.1

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 (6) hide show
  1. package/CHANGELOG.md +51 -0
  2. package/dist/main.js +237 -240
  3. package/dist/main.js.map +1 -1
  4. package/dist/module.js +237 -240
  5. package/dist/module.js.map +1 -1
  6. package/package.json +12 -12
package/dist/main.js CHANGED
@@ -37,65 +37,65 @@ $parcel$export(module.exports, "InlineEntryCard", () => $ce99b3784504d625$export
37
37
 
38
38
  const $ac580b2c4ac6c617$export$e5c3362273de1eca = ()=>{
39
39
  return {
40
- contentBody: /*#__PURE__*/ $ej4sI$emotion.css({
40
+ contentBody: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
41
41
  name: "161cbg",
42
42
  styles: "grid-column:content;grid-row:content;white-space:initial;"
43
43
  }),
44
- wrapper: /*#__PURE__*/ $ej4sI$emotion.css({
44
+ wrapper: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
45
45
  name: "1cjnmwb",
46
46
  styles: "flex:1 1 0;display:grid;grid-template-rows:[header] auto [content] minmax(0, 1fr);grid-template-columns:auto [content] minmax(0, 1fr);"
47
47
  }),
48
- dragHandle: /*#__PURE__*/ $ej4sI$emotion.css({
49
- borderBottomLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
50
- borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
51
- cursor: 'grab'
48
+ dragHandle: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
49
+ borderBottomLeftRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
50
+ borderTopLeftRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
51
+ cursor: "grab"
52
52
  }),
53
53
  root: ({ hasHeader: hasHeader , isHovered: isHovered , isSelected: isSelected })=>{
54
54
  const styles = {
55
- backgroundColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorWhite,
56
- borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300,
57
- borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
58
- borderStyle: 'solid',
55
+ backgroundColor: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorWhite,
56
+ borderColor: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray300,
57
+ borderRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
58
+ borderStyle: "solid",
59
59
  borderWidth: 1,
60
- color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray900,
61
- display: 'flex',
62
- textAlign: 'left',
63
- width: '100%',
64
- fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
65
- fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
66
- position: 'relative',
67
- textDecoration: 'none',
68
- transition: `border-color ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationDefault} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault},
69
- box-shadow ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionDurationShort} ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).transitionEasingDefault}`,
70
- '&:focus': /*#__PURE__*/ $ej4sI$emotion.css({
71
- borderColor: isSelected ? ($parcel$interopDefault($ej4sI$contentfulf36tokens)).blue100 : ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary,
72
- boxShadow: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary,
73
- outline: 'none'
60
+ color: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray900,
61
+ display: "flex",
62
+ textAlign: "left",
63
+ width: "100%",
64
+ fontSize: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontSizeM,
65
+ fontWeight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontWeightNormal,
66
+ position: "relative",
67
+ textDecoration: "none",
68
+ transition: `border-color ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).transitionDurationDefault} ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).transitionEasingDefault},
69
+ box-shadow ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).transitionDurationShort} ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).transitionEasingDefault}`,
70
+ "&:focus": /*#__PURE__*/ (0, $ej4sI$emotion.css)({
71
+ borderColor: isSelected ? (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).blue100 : (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorPrimary,
72
+ boxShadow: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).glowPrimary,
73
+ outline: "none"
74
74
  }),
75
- '&:focus:not(:focus-visible)': /*#__PURE__*/ $ej4sI$emotion.css({
76
- borderColor: isSelected ? ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary : ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300,
77
- boxShadow: 'unset'
75
+ "&:focus:not(:focus-visible)": /*#__PURE__*/ (0, $ej4sI$emotion.css)({
76
+ borderColor: isSelected ? (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorPrimary : (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray300,
77
+ boxShadow: "unset"
78
78
  }),
79
- '&:focus-visible': /*#__PURE__*/ $ej4sI$emotion.css({
80
- borderColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary,
81
- boxShadow: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).glowPrimary
79
+ "&:focus-visible": /*#__PURE__*/ (0, $ej4sI$emotion.css)({
80
+ borderColor: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorPrimary,
81
+ boxShadow: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).glowPrimary
82
82
  })
83
83
  };
84
- if (!hasHeader) styles.paddingTop = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
84
+ if (!hasHeader) styles.paddingTop = (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM;
85
85
  if (isHovered) {
86
- styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
87
- styles.cursor = 'pointer';
86
+ styles.borderColor = (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorPrimary;
87
+ styles.cursor = "pointer";
88
88
  }
89
89
  if (isSelected) {
90
- styles.backgroundColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).blue100;
91
- styles.borderColor = ($parcel$interopDefault($ej4sI$contentfulf36tokens)).colorPrimary;
90
+ styles.backgroundColor = (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).blue100;
91
+ styles.borderColor = (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).colorPrimary;
92
92
  }
93
- return /*#__PURE__*/ $ej4sI$emotion.css(styles);
93
+ return /*#__PURE__*/ (0, $ej4sI$emotion.css)(styles);
94
94
  },
95
- skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
96
- border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
97
- borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
98
- padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
95
+ skeleton: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
96
+ border: `1px solid ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray300}`,
97
+ borderRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
98
+ padding: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM
99
99
  })
100
100
  };
101
101
  };
@@ -116,55 +116,55 @@ const $ac580b2c4ac6c617$export$e5c3362273de1eca = ()=>{
116
116
 
117
117
  const $6d621ff952663052$export$6468e6b9c1bc1de = ()=>{
118
118
  return {
119
- root: /*#__PURE__*/ $ej4sI$emotion.css({
120
- minHeight: 'auto',
121
- padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
122
- marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
119
+ root: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
120
+ minHeight: "auto",
121
+ padding: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacing2Xs,
122
+ marginLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs
123
123
  })
124
124
  };
125
125
  };
126
126
 
127
127
 
128
128
  const $5b97eda51fdfde91$export$9b6a647253f61c5f = ({ buttonProps: buttonProps , children: children })=>{
129
- const styles = $6d621ff952663052$export$6468e6b9c1bc1de();
130
- 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, {
129
+ const styles = (0, $6d621ff952663052$export$6468e6b9c1bc1de)();
130
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36menu.Menu), null, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36menu.Menu).Trigger, null, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36button.IconButton), {
131
131
  "aria-label": "Actions",
132
- icon: /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36icons.MoreHorizontalIcon, null),
132
+ icon: /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36icons.MoreHorizontalIcon), null),
133
133
  ...buttonProps,
134
- className: $ej4sI$emotion.cx(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
134
+ className: (0, $ej4sI$emotion.cx)(styles.root, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.className),
135
135
  size: "small",
136
136
  variant: "transparent",
137
137
  testId: "cf-ui-card-actions"
138
- })), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36menu.Menu.List, null, children));
138
+ })), /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36menu.Menu).List, null, children));
139
139
  };
140
140
 
141
141
 
142
142
 
143
143
  const $4f678cc54123ba6b$var$getHeaderStyles = ()=>{
144
144
  return {
145
- header: /*#__PURE__*/ $ej4sI$emotion.css({
146
- alignItems: 'center',
147
- borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
148
- borderBottomStyle: 'solid',
145
+ header: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
146
+ alignItems: "center",
147
+ borderBottomColor: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray200,
148
+ borderBottomStyle: "solid",
149
149
  borderBottomWidth: 1,
150
- borderTopLeftRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
151
- borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
152
- boxSizing: 'border-box',
153
- color: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray600,
154
- fontSize: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontSizeM,
155
- fontWeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontWeightNormal,
156
- gridColumn: 'content',
157
- gridRow: 'header',
158
- lineHeight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).lineHeightM,
159
- paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
160
- paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
161
- paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
162
- paddingTop: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
163
- minHeight: '37px'
150
+ borderTopLeftRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
151
+ borderTopRightRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
152
+ boxSizing: "border-box",
153
+ color: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray600,
154
+ fontSize: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontSizeM,
155
+ fontWeight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontWeightNormal,
156
+ gridColumn: "content",
157
+ gridRow: "header",
158
+ lineHeight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).lineHeightM,
159
+ paddingBottom: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
160
+ paddingLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM,
161
+ paddingRight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
162
+ paddingTop: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
163
+ minHeight: "37px"
164
164
  }),
165
- headerWithActions: /*#__PURE__*/ $ej4sI$emotion.css({
165
+ headerWithActions: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
166
166
  paddingBottom: 0,
167
- paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
167
+ paddingRight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
168
168
  paddingTop: 0
169
169
  })
170
170
  };
@@ -176,60 +176,60 @@ const $4f678cc54123ba6b$export$783e10c0b439f264 = (e)=>{
176
176
  const $4f678cc54123ba6b$export$606643aa598b5a97 = (props)=>{
177
177
  const { icon: icon , type: type , actions: actions , actionsButtonProps: actionsButtonProps , badge: badge } = props;
178
178
  const styles = $4f678cc54123ba6b$var$getHeaderStyles();
179
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
180
- className: $ej4sI$emotion.cx(styles.header, actions && styles.headerWithActions)
181
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
179
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
180
+ className: (0, $ej4sI$emotion.cx)(styles.header, actions && styles.headerWithActions)
181
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
182
182
  flexGrow: 1
183
- }, type && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, {
183
+ }, type && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36typography.Text), {
184
184
  fontColor: "gray600",
185
185
  isWordBreak: true
186
- }, type)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
186
+ }, type)), icon && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
187
187
  alignItems: "center",
188
188
  marginLeft: "spacingXs"
189
- }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
189
+ }, icon), badge && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
190
190
  alignItems: "center",
191
191
  marginLeft: "spacingXs"
192
- }, 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
193
- , {
192
+ }, badge), actions && actions.length > 0 && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex // don't propagate click event, so onClick handler on the card is not triggered
193
+ ), {
194
194
  onClick: $4f678cc54123ba6b$export$783e10c0b439f264,
195
195
  alignItems: "center"
196
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($5b97eda51fdfde91$export$9b6a647253f61c5f, {
196
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $5b97eda51fdfde91$export$9b6a647253f61c5f), {
197
197
  buttonProps: actionsButtonProps
198
198
  }, actions)));
199
199
  };
200
- $4f678cc54123ba6b$export$606643aa598b5a97.displayName = 'DefaultCardHeader';
200
+ $4f678cc54123ba6b$export$606643aa598b5a97.displayName = "DefaultCardHeader";
201
201
 
202
202
 
203
- const $7fa2d152b3057b6a$export$eed7d00d62e881b8 = 'article';
204
- function $7fa2d152b3057b6a$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) {
205
- const styles = $ac580b2c4ac6c617$export$e5c3362273de1eca();
206
- const [isHovered, setIsHovered] = $ej4sI$react.useState(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
203
+ const $7fa2d152b3057b6a$export$eed7d00d62e881b8 = "article";
204
+ function $7fa2d152b3057b6a$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) {
205
+ const styles = (0, $ac580b2c4ac6c617$export$e5c3362273de1eca)();
206
+ const [isHovered, setIsHovered] = (0, $ej4sI$react.useState)(isHoveredProp !== null && isHoveredProp !== void 0 ? isHoveredProp : false);
207
207
  const isInteractive = Boolean(onClick || href || withDragHandle);
208
208
  const hasHeader = Boolean(header);
209
- const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($4f678cc54123ba6b$export$606643aa598b5a97, {
209
+ const defaultHeader = type || icon || badge || actions ? /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $4f678cc54123ba6b$export$606643aa598b5a97), {
210
210
  type: type,
211
211
  icon: icon,
212
212
  badge: badge,
213
213
  actions: actions,
214
214
  actionsButtonProps: actionsButtonProps
215
215
  }) : null;
216
- const handleFocus = $ej4sI$react.useCallback((event)=>{
216
+ const handleFocus = (0, $ej4sI$react.useCallback)((event)=>{
217
217
  if (onFocus) onFocus(event);
218
218
  }, [
219
219
  onFocus
220
220
  ]);
221
- const handleBlur = $ej4sI$react.useCallback((event)=>{
221
+ const handleBlur = (0, $ej4sI$react.useCallback)((event)=>{
222
222
  if (onBlur) onBlur(event);
223
223
  }, [
224
224
  onBlur
225
225
  ]);
226
- const handleMouseEnter = $ej4sI$react.useCallback((event)=>{
226
+ const handleMouseEnter = (0, $ej4sI$react.useCallback)((event)=>{
227
227
  setIsHovered(true);
228
228
  if (onMouseEnter) onMouseEnter(event);
229
229
  }, [
230
230
  onMouseEnter
231
231
  ]);
232
- const handleMouseLeave = $ej4sI$react.useCallback((event)=>{
232
+ const handleMouseLeave = (0, $ej4sI$react.useCallback)((event)=>{
233
233
  setIsHovered(false);
234
234
  if (onMouseLeave) onMouseLeave(event);
235
235
  }, [
@@ -238,31 +238,31 @@ function $7fa2d152b3057b6a$var$_BaseCard({ actions: actions , actionsButtonProps
238
238
  const handleClick = onClick ? (event)=>{
239
239
  onClick(event);
240
240
  } : undefined;
241
- const handleKeyDown = $ej4sI$react.useCallback((event)=>{
241
+ const handleKeyDown = (0, $ej4sI$react.useCallback)((event)=>{
242
242
  if (onKeyDown) onKeyDown(event);
243
243
  }, [
244
244
  onKeyDown
245
245
  ]);
246
- if (isLoading) return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
246
+ if (isLoading) return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonContainer), {
247
247
  className: styles.skeleton,
248
248
  svgHeight: "5.6rem"
249
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonDisplayText, {
249
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonDisplayText), {
250
250
  numberOfLines: 1
251
- }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
251
+ }), /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonBodyText), {
252
252
  numberOfLines: 1,
253
253
  offsetTop: 35
254
254
  }));
255
- const drag = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36draghandle.DragHandle, {
255
+ const drag = /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36draghandle.DragHandle), {
256
256
  className: styles.dragHandle,
257
257
  isActive: isDragging,
258
258
  label: "Reorder entry",
259
- onClick: $4f678cc54123ba6b$export$783e10c0b439f264
259
+ onClick: (0, $4f678cc54123ba6b$export$783e10c0b439f264)
260
260
  });
261
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Box, {
261
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Box), {
262
262
  "aria-label": title || ariaLabel,
263
- "aria-pressed": otherProps.as === 'button' ? isSelected ? 'true' : 'false' : undefined,
263
+ "aria-pressed": otherProps.as === "button" ? isSelected ? "true" : "false" : undefined,
264
264
  as: $7fa2d152b3057b6a$export$eed7d00d62e881b8,
265
- className: $ej4sI$emotion.cx(styles.root({
265
+ className: (0, $ej4sI$emotion.cx)(styles.root({
266
266
  hasHeader: hasHeader,
267
267
  isHovered: isHovered,
268
268
  isSelected: isSelected
@@ -271,11 +271,11 @@ function $7fa2d152b3057b6a$var$_BaseCard({ actions: actions , actionsButtonProps
271
271
  onBlur: handleBlur,
272
272
  onClick: handleClick,
273
273
  onFocus: handleFocus,
274
- onMouseEnter: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseEnter : undefined,
275
- onMouseLeave: typeof isHoveredProp === 'undefined' && isInteractive ? handleMouseLeave : undefined,
274
+ onMouseEnter: typeof isHoveredProp === "undefined" && isInteractive ? handleMouseEnter : undefined,
275
+ onMouseLeave: typeof isHoveredProp === "undefined" && isInteractive ? handleMouseLeave : undefined,
276
276
  onKeyDown: handleKeyDown,
277
- rel: href && (rel || 'noreferrer'),
278
- role: onClick && !href ? 'button' : undefined,
277
+ rel: href && (rel || "noreferrer"),
278
+ role: onClick && !href ? "button" : undefined,
279
279
  tabIndex: onClick ? 0 : undefined,
280
280
  target: target,
281
281
  ...otherProps,
@@ -285,40 +285,39 @@ function $7fa2d152b3057b6a$var$_BaseCard({ actions: actions , actionsButtonProps
285
285
  }, withDragHandle ? dragHandleRender ? dragHandleRender({
286
286
  drag: drag,
287
287
  isDragging: isDragging
288
- }) : drag : null, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
288
+ }) : drag : null, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement("div", {
289
289
  className: styles.wrapper,
290
290
  "data-card-part": "wrapper"
291
- }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("div", {
291
+ }, header !== null && header !== void 0 ? header : defaultHeader, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement("div", {
292
292
  className: styles.contentBody,
293
293
  "data-card-part": "content"
294
294
  }, children)));
295
295
  }
296
- $7fa2d152b3057b6a$var$_BaseCard.displayName = 'BaseCard';
297
- const $7fa2d152b3057b6a$export$ffd8d1a491a618f2 = /*#__PURE__*/ $ej4sI$react.forwardRef($7fa2d152b3057b6a$var$_BaseCard);
296
+ $7fa2d152b3057b6a$var$_BaseCard.displayName = "BaseCard";
297
+ const $7fa2d152b3057b6a$export$ffd8d1a491a618f2 = /*#__PURE__*/ (0, $ej4sI$react.forwardRef)($7fa2d152b3057b6a$var$_BaseCard);
298
298
 
299
299
 
300
300
 
301
301
 
302
302
  const $8737d8f2d81a08a9$export$37a6ca57378bcb83 = ()=>{
303
303
  return {
304
- root: ({ size: size })=>/*#__PURE__*/ $ej4sI$emotion.css({
305
- display: 'inline-flex',
306
- width: 'auto',
307
- borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
308
- minWidth: `calc(1rem * (120 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
309
- height: size === 'small' ? `calc(1rem * (188 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))` : `calc(1rem * (300 / ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).fontBaseDefault}))`,
304
+ root: ({ size: size })=>/*#__PURE__*/ (0, $ej4sI$emotion.css)({
305
+ display: "inline-flex",
306
+ width: "auto",
307
+ borderRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
308
+ minWidth: `calc(1rem * (120 / ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontBaseDefault}))`,
309
+ height: size === "small" ? `calc(1rem * (188 / ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontBaseDefault}))` : `calc(1rem * (300 / ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).fontBaseDefault}))`,
310
310
  padding: 0,
311
- textAlign: 'center'
312
- })
313
- ,
314
- asset: /*#__PURE__*/ $ej4sI$emotion.css({
311
+ textAlign: "center"
312
+ }),
313
+ asset: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
315
314
  name: "10klw3m",
316
315
  styles: "height:100%;"
317
316
  }),
318
- skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
319
- border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
320
- borderRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
321
- padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
317
+ skeleton: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
318
+ border: `1px solid ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray300}`,
319
+ borderRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
320
+ padding: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM
322
321
  })
323
322
  };
324
323
  };
@@ -326,28 +325,28 @@ const $8737d8f2d81a08a9$export$37a6ca57378bcb83 = ()=>{
326
325
 
327
326
 
328
327
 
329
- const $a1789fe336016cbc$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 })=>{
330
- const styles = $8737d8f2d81a08a9$export$37a6ca57378bcb83();
331
- const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
328
+ const $a1789fe336016cbc$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 })=>{
329
+ const styles = (0, $8737d8f2d81a08a9$export$37a6ca57378bcb83)();
330
+ const badge = status ? /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36badge.EntityStatusBadge), {
332
331
  entityStatus: status
333
332
  }) : null;
334
- const header = icon || badge || actions ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($4f678cc54123ba6b$export$606643aa598b5a97, {
333
+ const header = icon || badge || actions ? /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $4f678cc54123ba6b$export$606643aa598b5a97), {
335
334
  icon: icon,
336
335
  badge: badge,
337
336
  actions: actions
338
337
  }) : null;
339
- if (isLoading) return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
338
+ if (isLoading) return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonContainer), {
340
339
  className: styles.skeleton,
341
- svgWidth: size === 'default' ? '18rem' : '11rem',
342
- svgHeight: size === 'default' ? '18.75rem' : '12rem'
343
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonImage, {
340
+ svgWidth: size === "default" ? "18rem" : "11rem",
341
+ svgHeight: size === "default" ? "18.75rem" : "12rem"
342
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonImage), {
344
343
  width: "100%",
345
344
  height: "18.75rem"
346
345
  }));
347
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7fa2d152b3057b6a$export$ffd8d1a491a618f2, {
346
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $7fa2d152b3057b6a$export$ffd8d1a491a618f2), {
348
347
  ...otherProps,
349
348
  badge: badge,
350
- className: $ej4sI$emotion.cx(styles.root({
349
+ className: (0, $ej4sI$emotion.cx)(styles.root({
351
350
  size: size
352
351
  }), className),
353
352
  header: header,
@@ -355,11 +354,11 @@ const $a1789fe336016cbc$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
355
354
  title: title,
356
355
  withDragHandle: withDragHandle,
357
356
  testId: testId
358
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
357
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
359
358
  alignItems: "center",
360
359
  fullHeight: true,
361
360
  justifyContent: "center"
362
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36asset.Asset, {
361
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36asset.Asset), {
363
362
  className: styles.asset,
364
363
  src: src,
365
364
  status: status,
@@ -380,56 +379,55 @@ const $a1789fe336016cbc$export$eff93e4e59ccc3b8 = ({ actions: actions , classNam
380
379
 
381
380
  const $0f06030e2ddcf42b$var$getCardPaddingValue = (padding)=>{
382
381
  switch(padding){
383
- case 'large':
384
- return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingL;
385
- case 'none':
382
+ case "large":
383
+ return (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingL;
384
+ case "none":
386
385
  return 0;
387
386
  default:
388
- return ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM;
387
+ return (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM;
389
388
  }
390
389
  };
391
390
  const $0f06030e2ddcf42b$export$164c3dc7db460fb7 = ({ padding: padding })=>({
392
- header: /*#__PURE__*/ $ej4sI$emotion.css({
393
- gridColumn: 'content',
394
- gridRow: 'header',
395
- marginBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
391
+ header: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
392
+ gridColumn: "content",
393
+ gridRow: "header",
394
+ marginBottom: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM
396
395
  }),
397
- root: /*#__PURE__*/ $ej4sI$emotion.css({
396
+ root: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
398
397
  padding: $0f06030e2ddcf42b$var$getCardPaddingValue(padding)
399
398
  })
400
- })
401
- ;
399
+ });
402
400
 
403
401
 
404
- function $f9cc9ae35ca0e97b$var$_Card({ actions: actions , badge: badge , icon: icon , padding: padding = 'default' , title: title , className: className , testId: testId = 'cf-ui-card' , ...otherProps }, forwardedRef) {
405
- const styles = $0f06030e2ddcf42b$export$164c3dc7db460fb7({
402
+ function $f9cc9ae35ca0e97b$var$_Card({ actions: actions , badge: badge , icon: icon , padding: padding = "default" , title: title , className: className , testId: testId = "cf-ui-card" , ...otherProps }, forwardedRef) {
403
+ const styles = (0, $0f06030e2ddcf42b$export$164c3dc7db460fb7)({
406
404
  padding: padding
407
405
  });
408
406
  const hasHeader = Boolean(title || icon || badge || actions);
409
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7fa2d152b3057b6a$export$ffd8d1a491a618f2, {
410
- className: $ej4sI$emotion.cx(styles.root, className),
407
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $7fa2d152b3057b6a$export$ffd8d1a491a618f2), {
408
+ className: (0, $ej4sI$emotion.cx)(styles.root, className),
411
409
  ...otherProps,
412
410
  testId: testId,
413
- header: hasHeader && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
411
+ header: hasHeader && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
414
412
  alignItems: "center",
415
- className: $ej4sI$emotion.cx(styles.header)
416
- }, title && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
413
+ className: (0, $ej4sI$emotion.cx)(styles.header)
414
+ }, title && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
417
415
  as: "header",
418
416
  flexGrow: 1
419
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Heading, {
417
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36typography.Heading), {
420
418
  marginBottom: "none"
421
- }, title)), icon && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
419
+ }, title)), icon && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
422
420
  alignItems: "center",
423
421
  marginLeft: "spacingXs"
424
- }, icon), badge && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
422
+ }, icon), badge && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
425
423
  alignItems: "center",
426
424
  marginLeft: "spacingXs"
427
- }, badge), actions && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($5b97eda51fdfde91$export$9b6a647253f61c5f, null, actions)),
425
+ }, badge), actions && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $5b97eda51fdfde91$export$9b6a647253f61c5f), null, actions)),
428
426
  ref: forwardedRef
429
427
  });
430
428
  }
431
- $f9cc9ae35ca0e97b$var$_Card.displayName = 'Card';
432
- const $f9cc9ae35ca0e97b$export$60332b2344f7fe41 = /*#__PURE__*/ $ej4sI$react.forwardRef($f9cc9ae35ca0e97b$var$_Card);
429
+ $f9cc9ae35ca0e97b$var$_Card.displayName = "Card";
430
+ const $f9cc9ae35ca0e97b$export$60332b2344f7fe41 = /*#__PURE__*/ (0, $ej4sI$react.forwardRef)($f9cc9ae35ca0e97b$var$_Card);
433
431
 
434
432
 
435
433
 
@@ -444,116 +442,115 @@ const $f9cc9ae35ca0e97b$export$60332b2344f7fe41 = /*#__PURE__*/ $ej4sI$react.for
444
442
 
445
443
  const $6ca911295fb9c155$export$25b6e8fb8b7b795b = ()=>{
446
444
  return {
447
- actionsButton: /*#__PURE__*/ $ej4sI$emotion.css({
445
+ actionsButton: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
448
446
  borderBottomLeftRadius: 0,
449
447
  borderBottomRightRadius: 0,
450
448
  borderTopLeftRadius: 0,
451
- borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium
449
+ borderTopRightRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium
452
450
  }),
453
- content: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
454
- gridColumn: 'content',
455
- marginTop: size === 'small' ? ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs : ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
456
- marginBottom: size === 'small' ? `calc(-1 * ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs})` : 0
457
- })
458
- ,
459
- root: /*#__PURE__*/ $ej4sI$emotion.css({
451
+ content: (size)=>/*#__PURE__*/ (0, $ej4sI$emotion.css)({
452
+ gridColumn: "content",
453
+ marginTop: size === "small" ? (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs : (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingS,
454
+ marginBottom: size === "small" ? `calc(-1 * ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs})` : 0
455
+ }),
456
+ root: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
460
457
  padding: 0,
461
458
  '[data-card-part="content"]': {
462
- paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
463
- paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
464
- paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM
459
+ paddingBottom: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM,
460
+ paddingLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM,
461
+ paddingRight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM
465
462
  }
466
463
  }),
467
- header: /*#__PURE__*/ $ej4sI$emotion.css({
464
+ header: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
468
465
  borderBottomWidth: 1,
469
- borderBottomColor: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray200,
470
- borderBottomStyle: 'solid',
471
- minHeight: 'auto',
472
- paddingBottom: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
473
- paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingM,
474
- paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
466
+ borderBottomColor: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray200,
467
+ borderBottomStyle: "solid",
468
+ minHeight: "auto",
469
+ paddingBottom: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
470
+ paddingLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingM,
471
+ paddingRight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs
475
472
  }),
476
- thumbnail: (size)=>/*#__PURE__*/ $ej4sI$emotion.css({
477
- margin: `0 0 0 ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS}`,
473
+ thumbnail: (size)=>/*#__PURE__*/ (0, $ej4sI$emotion.css)({
474
+ margin: `0 0 0 ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingS}`,
478
475
  padding: 0,
479
- overflow: 'hidden',
480
- position: 'relative',
476
+ overflow: "hidden",
477
+ position: "relative",
481
478
  img: {
482
- width: '100%',
483
- height: '100%',
484
- objectFit: 'cover',
485
- position: 'absolute',
479
+ width: "100%",
480
+ height: "100%",
481
+ objectFit: "cover",
482
+ position: "absolute",
486
483
  zIndex: 1
487
484
  },
488
- ...size === 'small' ? {
489
- height: '40px',
490
- width: '40px'
485
+ ...size === "small" ? {
486
+ height: "40px",
487
+ width: "40px"
491
488
  } : {
492
- height: '70px',
493
- width: '70px'
489
+ height: "70px",
490
+ width: "70px"
494
491
  }
495
492
  })
496
493
  };
497
494
  };
498
495
 
499
496
 
500
- const $53f5ebde1e43cd99$var$ENTRY_CARD_DEFAULT_TAG = 'article';
497
+ const $53f5ebde1e43cd99$var$ENTRY_CARD_DEFAULT_TAG = "article";
501
498
  function $53f5ebde1e43cd99$var$EntryCardTitle({ title: title , titleTag: titleTag }) {
502
499
  if (!title) return null;
503
- const truncatedTitle = ($parcel$interopDefault($ej4sI$truncate))(title, 255, {});
504
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Subheading, {
505
- title: title.length > 255 ? title : '',
500
+ const truncatedTitle = (0, ($parcel$interopDefault($ej4sI$truncate)))(title, 255, {});
501
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36typography.Subheading), {
502
+ title: title.length > 255 ? title : "",
506
503
  testId: "title",
507
504
  as: titleTag,
508
505
  marginBottom: "none",
509
506
  isWordBreak: true
510
507
  }, truncatedTitle);
511
508
  }
512
- $53f5ebde1e43cd99$var$EntryCardTitle.displayName = 'EntryCardTitle';
509
+ $53f5ebde1e43cd99$var$EntryCardTitle.displayName = "EntryCardTitle";
513
510
  function $53f5ebde1e43cd99$var$EntryCardDescription({ description: description , size: size }) {
514
- if (!description || size === 'small') return null;
515
- const truncatedDescription = ($parcel$interopDefault($ej4sI$truncate))(description, 95, {});
516
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Paragraph, {
511
+ if (!description || size === "small") return null;
512
+ const truncatedDescription = (0, ($parcel$interopDefault($ej4sI$truncate)))(description, 95, {});
513
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36typography.Paragraph), {
517
514
  marginBottom: "none",
518
515
  isWordBreak: true
519
516
  }, truncatedDescription);
520
517
  }
521
- $53f5ebde1e43cd99$var$EntryCardDescription.displayName = 'EntryCardDescription';
522
- function $53f5ebde1e43cd99$var$_EntryCard({ actions: actions , children: children , className: className , src: src , status: status , thumbnailElement: thumbnailElement , description: description , withDragHandle: withDragHandle = false , title: title , titleTag: titleTag = 'h2' , size: size , testId: testId = 'cf-ui-entry-card' , contentType: contentType , ...otherProps }, forwardedRef) {
523
- const styles = $6ca911295fb9c155$export$25b6e8fb8b7b795b();
524
- const badge = status ? /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36badge.EntityStatusBadge, {
518
+ $53f5ebde1e43cd99$var$EntryCardDescription.displayName = "EntryCardDescription";
519
+ function $53f5ebde1e43cd99$var$_EntryCard({ actions: actions , children: children , className: className , src: src , status: status , thumbnailElement: thumbnailElement , description: description , withDragHandle: withDragHandle = false , title: title , titleTag: titleTag = "h2" , size: size , testId: testId = "cf-ui-entry-card" , contentType: contentType , ...otherProps }, forwardedRef) {
520
+ const styles = (0, $6ca911295fb9c155$export$25b6e8fb8b7b795b)();
521
+ const badge = status ? /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36badge.EntityStatusBadge), {
525
522
  entityStatus: status
526
523
  }) : null;
527
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7fa2d152b3057b6a$export$ffd8d1a491a618f2, {
524
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $7fa2d152b3057b6a$export$ffd8d1a491a618f2), {
528
525
  as: $53f5ebde1e43cd99$var$ENTRY_CARD_DEFAULT_TAG,
529
526
  ...otherProps,
530
527
  actions: actions,
531
528
  badge: badge,
532
- className: $ej4sI$emotion.cx(styles.root, className),
529
+ className: (0, $ej4sI$emotion.cx)(styles.root, className),
533
530
  withDragHandle: withDragHandle,
534
531
  ref: forwardedRef,
535
532
  type: contentType,
536
533
  testId: testId
537
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
534
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
538
535
  alignItems: "center",
539
536
  className: styles.content(size),
540
537
  flexDirection: "row"
541
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36core.Flex, {
538
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36core.Flex), {
542
539
  flexDirection: "column",
543
540
  flexGrow: 1,
544
541
  gap: "spacingS"
545
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($53f5ebde1e43cd99$var$EntryCardTitle, {
542
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement($53f5ebde1e43cd99$var$EntryCardTitle, {
546
543
  title: title,
547
544
  titleTag: titleTag
548
- }), /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($53f5ebde1e43cd99$var$EntryCardDescription, {
545
+ }), /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement($53f5ebde1e43cd99$var$EntryCardDescription, {
549
546
  size: size,
550
547
  description: description
551
- }), children), thumbnailElement && size !== 'small' && /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement("figure", {
548
+ }), children), thumbnailElement && size !== "small" && /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement("figure", {
552
549
  className: styles.thumbnail(size)
553
550
  }, thumbnailElement)));
554
551
  }
555
- $53f5ebde1e43cd99$var$_EntryCard.displayName = 'EntryCard';
556
- const $53f5ebde1e43cd99$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwardRef($53f5ebde1e43cd99$var$_EntryCard);
552
+ $53f5ebde1e43cd99$var$_EntryCard.displayName = "EntryCard";
553
+ const $53f5ebde1e43cd99$export$326973e3eb2dbf = /*#__PURE__*/ (0, $ej4sI$react.forwardRef)($53f5ebde1e43cd99$var$_EntryCard);
557
554
 
558
555
 
559
556
 
@@ -567,48 +564,48 @@ const $53f5ebde1e43cd99$export$326973e3eb2dbf = /*#__PURE__*/ $ej4sI$react.forwa
567
564
 
568
565
  const $1c0682cd2721a9f0$export$ccfc6dbdba6183be = ()=>{
569
566
  return {
570
- actions: /*#__PURE__*/ $ej4sI$emotion.css({
571
- display: 'flex',
567
+ actions: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
568
+ display: "flex",
572
569
  padding: 0,
573
- marginLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs,
574
- minHeight: 'auto'
570
+ marginLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs,
571
+ minHeight: "auto"
575
572
  }),
576
573
  root: ({ status: status })=>{
577
- const statusColors = $ej4sI$contentfulf36core.getEntityStatusStyles({
574
+ const statusColors = (0, $ej4sI$contentfulf36core.getEntityStatusStyles)({
578
575
  status: status
579
576
  });
580
- return /*#__PURE__*/ $ej4sI$emotion.css({
577
+ return /*#__PURE__*/ (0, $ej4sI$emotion.css)({
581
578
  borderBottomLeftRadius: 0,
582
579
  borderTopLeftRadius: 0,
583
- display: 'inline-flex',
584
- width: 'auto',
585
- verticalAlign: 'middle',
580
+ display: "inline-flex",
581
+ width: "auto",
582
+ verticalAlign: "middle",
586
583
  paddingBottom: 0,
587
584
  paddingTop: 0,
588
- paddingLeft: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingS,
589
- paddingRight: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs,
585
+ paddingLeft: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingS,
586
+ paddingRight: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacing2Xs,
590
587
  '[data-card-part="wrapper"]': {
591
- display: 'inline-flex',
592
- flexDirection: 'row-reverse'
588
+ display: "inline-flex",
589
+ flexDirection: "row-reverse"
593
590
  },
594
- '&::before': {
591
+ "&::before": {
595
592
  backgroundColor: statusColors.color,
596
593
  bottom: 0,
597
594
  content: '""',
598
- display: 'block',
595
+ display: "block",
599
596
  left: 0,
600
- position: 'absolute',
597
+ position: "absolute",
601
598
  top: 0,
602
- width: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacing2Xs
599
+ width: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacing2Xs
603
600
  }
604
601
  });
605
602
  },
606
- skeleton: /*#__PURE__*/ $ej4sI$emotion.css({
607
- display: 'inline-flex',
608
- border: `1px solid ${($parcel$interopDefault($ej4sI$contentfulf36tokens)).gray300}`,
609
- borderTopRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
610
- borderBottomRightRadius: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).borderRadiusMedium,
611
- padding: ($parcel$interopDefault($ej4sI$contentfulf36tokens)).spacingXs
603
+ skeleton: /*#__PURE__*/ (0, $ej4sI$emotion.css)({
604
+ display: "inline-flex",
605
+ border: `1px solid ${(0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).gray300}`,
606
+ borderTopRightRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
607
+ borderBottomRightRadius: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).borderRadiusMedium,
608
+ padding: (0, ($parcel$interopDefault($ej4sI$contentfulf36tokens))).spacingXs
612
609
  })
613
610
  };
614
611
  };
@@ -616,31 +613,31 @@ const $1c0682cd2721a9f0$export$ccfc6dbdba6183be = ()=>{
616
613
 
617
614
 
618
615
 
619
- const $ce99b3784504d625$export$94c16395f9ec3265 = ({ actions: actions , className: className , children: children , status: status , title: title , isLoading: isLoading , testId: testId = 'cf-ui-inline-entry-card' , ...otherProps })=>{
620
- const styles = $1c0682cd2721a9f0$export$ccfc6dbdba6183be();
621
- const header = /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($5b97eda51fdfde91$export$9b6a647253f61c5f, {
616
+ const $ce99b3784504d625$export$94c16395f9ec3265 = ({ actions: actions , className: className , children: children , status: status , title: title , isLoading: isLoading , testId: testId = "cf-ui-inline-entry-card" , ...otherProps })=>{
617
+ const styles = (0, $1c0682cd2721a9f0$export$ccfc6dbdba6183be)();
618
+ const header = /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $5b97eda51fdfde91$export$9b6a647253f61c5f), {
622
619
  buttonProps: {
623
620
  className: styles.actions
624
621
  }
625
622
  }, actions);
626
- if (isLoading) return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonContainer, {
623
+ if (isLoading) return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonContainer), {
627
624
  className: styles.skeleton,
628
625
  svgHeight: "1.25rem",
629
626
  svgWidth: "6rem"
630
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36skeleton.SkeletonBodyText, {
627
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36skeleton.SkeletonBodyText), {
631
628
  numberOfLines: 1
632
629
  }));
633
- return /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36tooltip.Tooltip, {
630
+ return /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36tooltip.Tooltip), {
634
631
  placement: "bottom",
635
632
  content: title
636
- }, /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($7fa2d152b3057b6a$export$ffd8d1a491a618f2, {
633
+ }, /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $7fa2d152b3057b6a$export$ffd8d1a491a618f2), {
637
634
  ...otherProps,
638
- className: $ej4sI$emotion.cx(styles.root({
635
+ className: (0, $ej4sI$emotion.cx)(styles.root({
639
636
  status: status
640
637
  }), className),
641
638
  header: header,
642
639
  testId: testId
643
- }, children || /*#__PURE__*/ ($parcel$interopDefault($ej4sI$react)).createElement($ej4sI$contentfulf36typography.Text, null, title)));
640
+ }, children || /*#__PURE__*/ (0, ($parcel$interopDefault($ej4sI$react))).createElement((0, $ej4sI$contentfulf36typography.Text), null, title)));
644
641
  };
645
642
 
646
643