@contentful/field-editor-reference 6.10.7 → 6.10.8

package/dist/cjs/assets/WrappedAssetCard/AssetCardActions.js

@@ -131,7 +131,9 @@ function renderAssetInfo(props) {
             as: "dd",
             isTruncated: true
         }, mimeType)), fileSize && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Size:"), /*#__PURE__*/ _react.createElement("dd", null, (0, _fieldeditorshared.shortenStorageUnit)(fileSize, 'B'))), image && /*#__PURE__*/ _react.createElement(_react.Fragment, null, /*#__PURE__*/ _react.createElement("dt", null, "Dimensions:"), /*#__PURE__*/ _react.createElement("dd", null, `${image.width} × ${image.height}`))))
-    ];
+    ].map((item, i)=>/*#__PURE__*/ _react.createElement(_f36components.Menu, {
+            key: i
+        }, item));
 }
 function renderActions(props) {
     const { entityFile, isDisabled, onEdit, onRemove } = props;
@@ -158,5 +160,7 @@ function renderActions(props) {
             onClick: onRemove,
             testId: "card-action-remove"
         }, "Remove") : null
-    ].filter((item)=>item);
+    ].filter((item)=>item).map((item, i)=>/*#__PURE__*/ _react.createElement(_f36components.Menu, {
+            key: i
+        }, item));
 }

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryLinkButton.js

@@ -92,7 +92,7 @@ const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownItems, te
         dropdownSettings: dropdownSettings,
         customDropdownItems: customDropdownItems
     }, ({ isSelecting })=>/*#__PURE__*/ _react.createElement(_f36components.Button, {
-            endIcon: hasDropdown ? /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null) : undefined,
+            endIcon: hasDropdown ? /*#__PURE__*/ _react.createElement(_f36icons.CaretDownIcon, null) : undefined,
             variant: "secondary",
             className: styles.action,
             isDisabled: disabled || isSelecting,

package/dist/cjs/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -190,7 +190,7 @@ const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, contentT
         testId: "add-entry-menu-search",
         value: searchInput,
         onChange: (e)=>setSearchInput(e.target.value)
-    }), /*#__PURE__*/ _react.default.createElement(_f36icons.SearchIcon, {
+    }), /*#__PURE__*/ _react.default.createElement(_f36icons.MagnifyingGlassIcon, {
         className: styles.searchIcon
     })), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_f36components.Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ _react.default.createElement(_f36components.Menu.Item, {
         testId: "suggested",

package/dist/cjs/components/LinkActions/CombinedLinkActions.js

@@ -84,12 +84,12 @@ function CombinedEntryLinkActions(props) {
             onSelect: (contentTypeId)=>{
                 return contentTypeId ? props.onCreate(contentTypeId) : Promise.resolve();
             },
-            customDropdownItems: props.canLinkEntity ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
+            customDropdownItems: props.canLinkEntity ? /*#__PURE__*/ _react.createElement(_f36components.Menu, null, /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 testId: testIds.linkExisting,
                 onClick: ()=>{
                     props.onLinkExisting();
                 }
-            }, "Add existing content") : undefined
+            }, "Add existing content")) : undefined
         });
     } else if (props.canLinkEntity) {
         return /*#__PURE__*/ _react.createElement(_f36components.Button, {
@@ -100,7 +100,7 @@ function CombinedEntryLinkActions(props) {
                 props.onLinkExisting();
             },
             variant: "secondary",
-            startIcon: /*#__PURE__*/ _react.createElement(_f36icons.LinkIcon, null),
+            startIcon: /*#__PURE__*/ _react.createElement(_f36icons.LinkSimpleIcon, null),
             size: "small"
         }, "Add existing content");
     }
@@ -146,7 +146,7 @@ function CombinedAssetLinkActions(props) {
             setOpen(true);
         }
     }, /*#__PURE__*/ _react.createElement(_f36components.Menu.Trigger, null, /*#__PURE__*/ _react.createElement(_f36components.Button, {
-        endIcon: /*#__PURE__*/ _react.createElement(_f36icons.ChevronDownIcon, null),
+        endIcon: /*#__PURE__*/ _react.createElement(_f36icons.CaretDownIcon, null),
         isDisabled: props.isDisabled,
         testId: testIds.actionsWrapper,
         className: _redesignStyles.action,

package/dist/cjs/components/LinkActions/LinkActions.js

@@ -145,7 +145,7 @@ function LinkActions(props) {
             props.onLinkExisting();
         },
         variant: "secondary",
-        startIcon: /*#__PURE__*/ _react.createElement(_f36icons.LinkIcon, null),
+        startIcon: /*#__PURE__*/ _react.createElement(_f36icons.LinkSimpleIcon, null),
         size: "small"
     }, labels.linkExisting({
         canLinkMultiple: props.canLinkMultiple

package/dist/cjs/components/MissingAssetCard/MissingAssetCard.js

@@ -11,7 +11,13 @@ Object.defineProperty(exports, "MissingAssetCard", {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _styles = /*#__PURE__*/ _interop_require_wildcard(require("./styles"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -67,8 +73,8 @@ function MissingAssetCard(props) {
         marginBottom: "none"
     }, "Asset is missing or inaccessible")), !props.isDisabled && props.onRemove && /*#__PURE__*/ _react.createElement(_f36components.IconButton, {
         variant: "transparent",
-        icon: /*#__PURE__*/ _react.createElement(_f36icons.CloseIcon, {
-            variant: "muted"
+        icon: /*#__PURE__*/ _react.createElement(_f36icons.XIcon, {
+            color: _f36tokens.default.gray600
         }),
         "aria-label": "Delete",
         onClick: ()=>{

package/dist/cjs/components/MissingEntityCard/MissingEntityCard.js

@@ -11,6 +11,7 @@ Object.defineProperty(exports, "MissingEntityCard", {
 const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _core = require("@lingui/core");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -26,8 +27,8 @@ function MissingEntityCard({ as = 'a', providerName = 'Source', customMessage, i
         if (isDisabled || !onRemove) return null;
         return /*#__PURE__*/ _react.default.createElement(_f36components.IconButton, {
             "aria-label": "Actions",
-            icon: /*#__PURE__*/ _react.default.createElement(_f36icons.CloseIcon, {
-                variant: "muted"
+            icon: /*#__PURE__*/ _react.default.createElement(_f36icons.XIcon, {
+                color: _f36tokens.default.gray600
             }),
             size: "small",
             variant: "transparent",

package/dist/cjs/components/ResourceEntityErrorCard/FunctionInvocationErrorCard.js

@@ -11,9 +11,15 @@ Object.defineProperty(exports, "FunctionInvocationErrorCard", {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36icons = require("@contentful/f36-icons");
+const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
 const _core = require("@lingui/core");
 const _ = require("..");
 const _EntityStore = require("../../common/EntityStore");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -70,8 +76,8 @@ function FunctionInvocationErrorCard({ providerName = 'Source', organizationId,
     }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         justifyContent: "left",
         alignItems: "center"
-    }, /*#__PURE__*/ _react.createElement(_f36icons.ErrorCircleOutlineIcon, {
-        variant: "negative"
+    }, /*#__PURE__*/ _react.createElement(_f36icons.WarningOctagonIcon, {
+        color: _f36tokens.default.colorNegative
     }), /*#__PURE__*/ _react.createElement(_f36components.Text, {
         fontColor: "colorNegative"
     }, " ", _core.i18n._({
@@ -84,7 +90,7 @@ function FunctionInvocationErrorCard({ providerName = 'Source', organizationId,
         message: "For more information, go to"
     }), " ", /*#__PURE__*/ _react.createElement(_f36components.TextLink, {
         testId: "cf-ui-function-invocation-log-link",
-        icon: /*#__PURE__*/ _react.createElement(_f36icons.ExternalLinkIcon, null),
+        icon: /*#__PURE__*/ _react.createElement(_f36icons.ArrowSquareOutIcon, null),
         target: "_blank",
         alignIcon: "end",
         href: functionLink

package/dist/cjs/components/SpaceName/SpaceName.js

@@ -84,7 +84,7 @@ function SpaceName(props) {
     }, /*#__PURE__*/ _react.createElement(_f36components.Flex, {
         alignItems: "center",
         gap: "spacingXs"
-    }, /*#__PURE__*/ _react.createElement(_f36icons.FolderOpenTrimmedIcon, {
+    }, /*#__PURE__*/ _react.createElement(_f36icons.FolderOpenIcon, {
         className: styles.spaceIcon,
         size: "tiny",
         "aria-label": "Source space"

package/dist/cjs/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -144,14 +144,14 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
         withDragHandle: !!renderDragHandle && !isDisabled,
         draggable: !!renderDragHandle && !isDisabled,
         actions: onEdit || onRemove ? [
-            hasCardEditActions && onEdit ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            hasCardEditActions && onEdit ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 key: "edit",
                 testId: "edit",
                 onClick: ()=>{
                     onEdit && onEdit();
                 }
             }, "Edit") : null,
-            hasCardRemoveActions && onRemove && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            hasCardRemoveActions && onRemove && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 key: "delete",
                 testId: "delete",
                 onClick: ()=>{
@@ -161,17 +161,19 @@ function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales, localeC
             hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.MenuDivider, {
                 key: "divider"
             }) : null,
-            hasCardMoveActions && onMoveTop && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            hasCardMoveActions && onMoveTop && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 key: "move-top",
                 onClick: ()=>onMoveTop && onMoveTop(),
                 testId: "move-top"
             }, "Move to top") : null,
-            hasCardMoveActions && onMoveBottom && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.MenuItem, {
+            hasCardMoveActions && onMoveBottom && !isDisabled ? /*#__PURE__*/ _react.createElement(_f36components.Menu.Item, {
                 key: "move-bottom",
                 onClick: ()=>onMoveBottom && onMoveBottom(),
                 testId: "move-bottom"
             }, "Move to bottom") : null
-        ].filter((item)=>item) : [],
+        ].filter((item)=>item).map((item, i)=>/*#__PURE__*/ _react.createElement(_f36components.Menu, {
+                key: i
+            }, item)) : [],
         onClick: isClickable ? (e)=>{
             e.preventDefault();
             if (onClick) return onClick(e);

package/dist/esm/assets/WrappedAssetCard/AssetCardActions.js

@@ -67,7 +67,9 @@ export function renderAssetInfo(props) {
             as: "dd",
             isTruncated: true
         }, mimeType)), fileSize && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("dt", null, "Size:"), /*#__PURE__*/ React.createElement("dd", null, shortenStorageUnit(fileSize, 'B'))), image && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("dt", null, "Dimensions:"), /*#__PURE__*/ React.createElement("dd", null, `${image.width} × ${image.height}`))))
-    ];
+    ].map((item, i)=>/*#__PURE__*/ React.createElement(Menu, {
+            key: i
+        }, item));
 }
 export function renderActions(props) {
     const { entityFile, isDisabled, onEdit, onRemove } = props;
@@ -94,5 +96,7 @@ export function renderActions(props) {
             onClick: onRemove,
             testId: "card-action-remove"
         }, "Remove") : null
-    ].filter((item)=>item);
+    ].filter((item)=>item).map((item, i)=>/*#__PURE__*/ React.createElement(Menu, {
+            key: i
+        }, item));
 }

package/dist/esm/components/CreateEntryLinkButton/CreateEntryLinkButton.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@contentful/f36-components';
-import { ChevronDownIcon, PlusIcon } from '@contentful/f36-icons';
+import { CaretDownIcon, PlusIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { css } from 'emotion';
 import get from 'lodash/get';
@@ -36,7 +36,7 @@ export const CreateEntryLinkButton = ({ contentTypes, onSelect, customDropdownIt
         dropdownSettings: dropdownSettings,
         customDropdownItems: customDropdownItems
     }, ({ isSelecting })=>/*#__PURE__*/ React.createElement(Button, {
-            endIcon: hasDropdown ? /*#__PURE__*/ React.createElement(ChevronDownIcon, null) : undefined,
+            endIcon: hasDropdown ? /*#__PURE__*/ React.createElement(CaretDownIcon, null) : undefined,
             variant: "secondary",
             className: styles.action,
             isDisabled: disabled || isSelecting,

package/dist/esm/components/CreateEntryLinkButton/CreateEntryMenuTrigger.js

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useMemo } from 'react';
 import { TextInput, Menu } from '@contentful/f36-components';
-import { SearchIcon } from '@contentful/f36-icons';
+import { MagnifyingGlassIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { css } from 'emotion';
 import get from 'lodash/get';
@@ -134,7 +134,7 @@ export const CreateEntryMenuTrigger = ({ contentTypes, suggestedContentTypeId, c
         testId: "add-entry-menu-search",
         value: searchInput,
         onChange: (e)=>setSearchInput(e.target.value)
-    }), /*#__PURE__*/ React.createElement(SearchIcon, {
+    }), /*#__PURE__*/ React.createElement(MagnifyingGlassIcon, {
         className: styles.searchIcon
     })), /*#__PURE__*/ React.createElement(Menu.Divider, null)), searchInput && renderSearchResultsCount(searchFilteredContentTypes.length), suggestedContentType && !searchInput && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Menu.SectionTitle, null, "Suggested Content Type"), /*#__PURE__*/ React.createElement(Menu.Item, {
         testId: "suggested",

package/dist/esm/components/LinkActions/CombinedLinkActions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Menu } from '@contentful/f36-components';
-import { LinkIcon, PlusIcon, ChevronDownIcon } from '@contentful/f36-icons';
+import { CaretDownIcon, LinkSimpleIcon, PlusIcon } from '@contentful/f36-icons';
 import { CreateEntryLinkButton } from '../CreateEntryLinkButton/CreateEntryLinkButton';
 import { testIds as sharedTextIds } from './LinkActions';
 import { NoLinkPermissionsInfo } from './NoLinkPermissionsInfo';
@@ -33,12 +33,12 @@ function CombinedEntryLinkActions(props) {
             onSelect: (contentTypeId)=>{
                 return contentTypeId ? props.onCreate(contentTypeId) : Promise.resolve();
             },
-            customDropdownItems: props.canLinkEntity ? /*#__PURE__*/ React.createElement(Menu.Item, {
+            customDropdownItems: props.canLinkEntity ? /*#__PURE__*/ React.createElement(Menu, null, /*#__PURE__*/ React.createElement(Menu.Item, {
                 testId: testIds.linkExisting,
                 onClick: ()=>{
                     props.onLinkExisting();
                 }
-            }, "Add existing content") : undefined
+            }, "Add existing content")) : undefined
         });
     } else if (props.canLinkEntity) {
         return /*#__PURE__*/ React.createElement(Button, {
@@ -49,7 +49,7 @@ function CombinedEntryLinkActions(props) {
                 props.onLinkExisting();
             },
             variant: "secondary",
-            startIcon: /*#__PURE__*/ React.createElement(LinkIcon, null),
+            startIcon: /*#__PURE__*/ React.createElement(LinkSimpleIcon, null),
             size: "small"
         }, "Add existing content");
     }
@@ -95,7 +95,7 @@ function CombinedAssetLinkActions(props) {
             setOpen(true);
         }
     }, /*#__PURE__*/ React.createElement(Menu.Trigger, null, /*#__PURE__*/ React.createElement(Button, {
-        endIcon: /*#__PURE__*/ React.createElement(ChevronDownIcon, null),
+        endIcon: /*#__PURE__*/ React.createElement(CaretDownIcon, null),
         isDisabled: props.isDisabled,
         testId: testIds.actionsWrapper,
         className: styles.action,

package/dist/esm/components/LinkActions/LinkActions.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@contentful/f36-components';
-import { PlusIcon, LinkIcon } from '@contentful/f36-icons';
+import { LinkSimpleIcon, PlusIcon } from '@contentful/f36-icons';
 import { i18n as $_i18n } from "@lingui/core";
 import { CreateEntryLinkButton } from '../CreateEntryLinkButton/CreateEntryLinkButton';
 import { NoLinkPermissionsInfo } from './NoLinkPermissionsInfo';
@@ -86,7 +86,7 @@ export function LinkActions(props) {
             props.onLinkExisting();
         },
         variant: "secondary",
-        startIcon: /*#__PURE__*/ React.createElement(LinkIcon, null),
+        startIcon: /*#__PURE__*/ React.createElement(LinkSimpleIcon, null),
         size: "small"
     }, labels.linkExisting({
         canLinkMultiple: props.canLinkMultiple

package/dist/esm/components/MissingAssetCard/MissingAssetCard.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Card, Flex, IconButton, SectionHeading } from '@contentful/f36-components';
-import { CloseIcon } from '@contentful/f36-icons';
+import { XIcon } from '@contentful/f36-icons';
+import tokens from '@contentful/f36-tokens';
 import * as styles from './styles';
 export function MissingAssetCard(props) {
     return /*#__PURE__*/ React.createElement(Card, {
@@ -16,8 +17,8 @@ export function MissingAssetCard(props) {
         marginBottom: "none"
     }, "Asset is missing or inaccessible")), !props.isDisabled && props.onRemove && /*#__PURE__*/ React.createElement(IconButton, {
         variant: "transparent",
-        icon: /*#__PURE__*/ React.createElement(CloseIcon, {
-            variant: "muted"
+        icon: /*#__PURE__*/ React.createElement(XIcon, {
+            color: tokens.gray600
         }),
         "aria-label": "Delete",
         onClick: ()=>{

package/dist/esm/components/MissingEntityCard/MissingEntityCard.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { EntryCard, IconButton } from '@contentful/f36-components';
-import { CloseIcon } from '@contentful/f36-icons';
+import { XIcon } from '@contentful/f36-icons';
+import tokens from '@contentful/f36-tokens';
 import { i18n as $_i18n } from "@lingui/core";
 export function MissingEntityCard({ as = 'a', providerName = 'Source', customMessage, isDisabled, isSelected, onRemove, testId = 'cf-ui-missing-entity-card', children }) {
     const description = customMessage ?? $_i18n._({
@@ -11,8 +12,8 @@ export function MissingEntityCard({ as = 'a', providerName = 'Source', customMes
         if (isDisabled || !onRemove) return null;
         return /*#__PURE__*/ React.createElement(IconButton, {
             "aria-label": "Actions",
-            icon: /*#__PURE__*/ React.createElement(CloseIcon, {
-                variant: "muted"
+            icon: /*#__PURE__*/ React.createElement(XIcon, {
+                color: tokens.gray600
             }),
             size: "small",
             variant: "transparent",

package/dist/esm/components/ResourceEntityErrorCard/FunctionInvocationErrorCard.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Flex, Text, TextLink } from '@contentful/f36-components';
-import { ErrorCircleOutlineIcon, ExternalLinkIcon } from '@contentful/f36-icons';
+import { WarningOctagonIcon, ArrowSquareOutIcon } from '@contentful/f36-icons';
+import tokens from '@contentful/f36-tokens';
 import { i18n as $_i18n } from "@lingui/core";
 import { MissingEntityCard } from '..';
 import { useResourceProvider } from '../../common/EntityStore';
@@ -19,8 +20,8 @@ export function FunctionInvocationErrorCard({ providerName = 'Source', organizat
     }, /*#__PURE__*/ React.createElement(Flex, {
         justifyContent: "left",
         alignItems: "center"
-    }, /*#__PURE__*/ React.createElement(ErrorCircleOutlineIcon, {
-        variant: "negative"
+    }, /*#__PURE__*/ React.createElement(WarningOctagonIcon, {
+        color: tokens.colorNegative
     }), /*#__PURE__*/ React.createElement(Text, {
         fontColor: "colorNegative"
     }, " ", $_i18n._({
@@ -33,7 +34,7 @@ export function FunctionInvocationErrorCard({ providerName = 'Source', organizat
         message: "For more information, go to"
     }), " ", /*#__PURE__*/ React.createElement(TextLink, {
         testId: "cf-ui-function-invocation-log-link",
-        icon: /*#__PURE__*/ React.createElement(ExternalLinkIcon, null),
+        icon: /*#__PURE__*/ React.createElement(ArrowSquareOutIcon, null),
         target: "_blank",
         alignIcon: "end",
         href: functionLink

package/dist/esm/components/SpaceName/SpaceName.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Flex, Text, Tooltip } from '@contentful/f36-components';
-import { FolderOpenTrimmedIcon } from '@contentful/f36-icons';
+import { FolderOpenIcon } from '@contentful/f36-icons';
 import tokens from '@contentful/f36-tokens';
 import { css } from 'emotion';
 const styles = {
@@ -28,7 +28,7 @@ export function SpaceName(props) {
     }, /*#__PURE__*/ React.createElement(Flex, {
         alignItems: "center",
         gap: "spacingXs"
-    }, /*#__PURE__*/ React.createElement(FolderOpenTrimmedIcon, {
+    }, /*#__PURE__*/ React.createElement(FolderOpenIcon, {
         className: styles.spaceIcon,
         size: "tiny",
         "aria-label": "Source space"

package/dist/esm/entries/WrappedEntryCard/WrappedEntryCard.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { EntryCard, MenuItem, MenuDivider } from '@contentful/f36-components';
+import { EntryCard, Menu, MenuDivider } from '@contentful/f36-components';
 import { entityHelpers, isValidImage } from '@contentful/field-editor-shared';
 import { AssetThumbnail, MissingEntityCard, EntityStatusBadge } from '../../components';
 import { SpaceName } from '../../components/SpaceName/SpaceName';
@@ -93,14 +93,14 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
         withDragHandle: !!renderDragHandle && !isDisabled,
         draggable: !!renderDragHandle && !isDisabled,
         actions: onEdit || onRemove ? [
-            hasCardEditActions && onEdit ? /*#__PURE__*/ React.createElement(MenuItem, {
+            hasCardEditActions && onEdit ? /*#__PURE__*/ React.createElement(Menu.Item, {
                 key: "edit",
                 testId: "edit",
                 onClick: ()=>{
                     onEdit && onEdit();
                 }
             }, "Edit") : null,
-            hasCardRemoveActions && onRemove && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
+            hasCardRemoveActions && onRemove && !isDisabled ? /*#__PURE__*/ React.createElement(Menu.Item, {
                 key: "delete",
                 testId: "delete",
                 onClick: ()=>{
@@ -110,17 +110,19 @@ export function WrappedEntryCard({ entry, entryUrl, contentType, activeLocales,
             hasCardMoveActions && (onMoveTop || onMoveBottom) && !isDisabled ? /*#__PURE__*/ React.createElement(MenuDivider, {
                 key: "divider"
             }) : null,
-            hasCardMoveActions && onMoveTop && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
+            hasCardMoveActions && onMoveTop && !isDisabled ? /*#__PURE__*/ React.createElement(Menu.Item, {
                 key: "move-top",
                 onClick: ()=>onMoveTop && onMoveTop(),
                 testId: "move-top"
             }, "Move to top") : null,
-            hasCardMoveActions && onMoveBottom && !isDisabled ? /*#__PURE__*/ React.createElement(MenuItem, {
+            hasCardMoveActions && onMoveBottom && !isDisabled ? /*#__PURE__*/ React.createElement(Menu.Item, {
                 key: "move-bottom",
                 onClick: ()=>onMoveBottom && onMoveBottom(),
                 testId: "move-bottom"
             }, "Move to bottom") : null
-        ].filter((item)=>item) : [],
+        ].filter((item)=>item).map((item, i)=>/*#__PURE__*/ React.createElement(Menu, {
+                key: i
+            }, item)) : [],
         onClick: isClickable ? (e)=>{
             e.preventDefault();
             if (onClick) return onClick(e);

package/dist/types/assets/WrappedAssetCard/AssetCardActions.d.ts

@@ -8,4 +8,4 @@ export declare function renderActions(props: {
     onRemove?: () => void;
     isDisabled: boolean;
     entityFile?: File;
-}): (React.JSX.Element | null)[];
+}): React.JSX.Element[];

package/dist/types/components/CreateEntryLinkButton/CreateEntryLinkButton.d.ts

@@ -15,5 +15,5 @@ interface CreateEntryLinkButtonProps {
         position: 'bottom-left' | 'bottom-right';
     };
 }
-export declare const CreateEntryLinkButton: ({ contentTypes, onSelect, customDropdownItems, text, testId, hasPlusIcon, useExperimentalStyles, suggestedContentTypeId, dropdownSettings, disabled, }: CreateEntryLinkButtonProps) => React.JSX.Element;
+export declare const CreateEntryLinkButton: ({ contentTypes, onSelect, customDropdownItems, text, testId, hasPlusIcon, useExperimentalStyles, suggestedContentTypeId, dropdownSettings, disabled }: CreateEntryLinkButtonProps) => React.JSX.Element;
 export {};

package/dist/types/components/CreateEntryLinkButton/CreateEntryMenuTrigger.d.ts

@@ -6,7 +6,7 @@ type CreateEntryMenuTriggerChildProps = {
     isSelecting: boolean;
 };
 export type CreateEntryMenuTriggerChild = (props: CreateEntryMenuTriggerChildProps) => React.ReactElement;
-export type CreateCustomEntryMenuItems = ({ closeMenu, }: {
+export type CreateCustomEntryMenuItems = ({ closeMenu }: {
     closeMenu: Function;
 }) => React.ReactElement;
 interface CreateEntryMenuTrigger {
@@ -25,7 +25,7 @@ interface CreateEntryMenuTrigger {
     filterExperienceTypes?: boolean;
 }
 export declare const CreateEntryMenuTrigger: {
-    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes, }: CreateEntryMenuTrigger): React.JSX.Element;
+    ({ contentTypes, suggestedContentTypeId, contentTypesLabel, onSelect, testId, dropdownSettings, customDropdownItems, children, menuProps, filterExperienceTypes }: CreateEntryMenuTrigger): React.JSX.Element;
     defaultProps: {
         testId: string;
         contentTypesLabel: string;

package/dist/types/components/ResourceEntityErrorCard/FunctionInvocationErrorCard.d.ts

@@ -7,5 +7,5 @@ type FunctionInvocationErrorCardProps = {
     onRemove?: Function;
     providerName?: string;
 };
-export declare function FunctionInvocationErrorCard({ providerName, organizationId, appDefinitionId, isDisabled, isSelected, onRemove, }: FunctionInvocationErrorCardProps): React.JSX.Element;
+export declare function FunctionInvocationErrorCard({ providerName, organizationId, appDefinitionId, isDisabled, isSelected, onRemove }: FunctionInvocationErrorCardProps): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.10.7",
+  "version": "6.10.8",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -36,10 +36,10 @@
     "tsc": "tsc -p ./ --noEmit"
   },
   "dependencies": {
-    "@contentful/f36-components": "^4.70.0",
-    "@contentful/f36-icons": "^4.29.0",
-    "@contentful/f36-tokens": "^4.0.5",
-    "@contentful/field-editor-shared": "^2.11.1",
+    "@contentful/f36-components": "5.1.1",
+    "@contentful/f36-icons": "5.1.1",
+    "@contentful/f36-tokens": "5.1.0",
+    "@contentful/field-editor-shared": "^2.11.2",
     "@contentful/mimetype": "^2.2.29",
     "@dnd-kit/core": "^6.0.8",
     "@dnd-kit/modifiers": "^7.0.0",
@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "@contentful/app-sdk": "^4.29.0",
-    "@contentful/field-editor-test-utils": "^1.6.0",
+    "@contentful/field-editor-test-utils": "^1.6.1",
     "@lingui/core": "5.3.0",
     "@testing-library/react-hooks": "^8.0.1"
   },
@@ -67,5 +67,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "f1cb85110b2358bffa0aba4596a6d5c637e8a04e"
+  "gitHead": "8ab6bd7a3ce2979634ab53673c6b122a6b1b5efb"
 }