@contentful/field-editor-reference 6.22.4-canary.21 → 6.22.4-canary.24

package/dist/cjs/assets/MultipleMediaEditor.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "MultipleMediaEditor", {
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _sortable = require("@dnd-kit/sortable");
-const _emotion = require("emotion");
+const _css = require("@emotion/css");
 const _MultipleReferenceEditor = require("../common/MultipleReferenceEditor");
 const _SortableLinkList = require("../common/SortableLinkList");
 const _FetchingWrappedAssetCard = require("./WrappedAssetCard/FetchingWrappedAssetCard");
@@ -56,7 +56,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const styles = {
-    gridContainer: (0, _emotion.css)({
+    gridContainer: (0, _css.css)({
         position: 'relative',
         display: 'flex',
         flexWrap: 'wrap'
@@ -69,7 +69,7 @@ function MultipleMediaEditor(props) {
     }, (childrenProps)=>/*#__PURE__*/ _react.createElement(_SortableLinkList.SortableLinkList, {
             ...childrenProps,
             sortingStrategy: childrenProps.viewType === 'card' ? _sortable.rectSortingStrategy : _sortable.verticalListSortingStrategy,
-            className: (0, _emotion.cx)({
+            className: (0, _css.cx)({
                 [styles.gridContainer]: childrenProps.viewType === 'card'
             })
         }, ({ items, item, index, isDisabled, DragHandle })=>/*#__PURE__*/ _react.createElement(_FetchingWrappedAssetCard.FetchingWrappedAssetCard, {

package/dist/cjs/common/SortableLinkList.js

@@ -13,7 +13,7 @@ const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f
 const _core = require("@dnd-kit/core");
 const _sortable = require("@dnd-kit/sortable");
 const _utilities = require("@dnd-kit/utilities");
-const _emotion = require("emotion");
+const _css = require("@emotion/css");
 const _useSortIDs = require("../utils/useSortIDs");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -21,17 +21,17 @@ function _interop_require_default(obj) {
     };
 }
 const styles = {
-    container: (0, _emotion.css)({
+    container: (0, _css.css)({
         position: 'relative'
     }),
-    item: (0, _emotion.css)({
+    item: (0, _css.css)({
         position: 'relative',
         marginBottom: _f36tokens.default.spacingM
     }),
-    isDragging: (0, _emotion.css)({
+    isDragging: (0, _css.css)({
         zIndex: _f36tokens.default.zIndexModal
     }),
-    dragHandle: (0, _emotion.css)({
+    dragHandle: (0, _css.css)({
         display: 'flex'
     })
 };
@@ -61,7 +61,7 @@ const SortableLink = ({ id, items, item, isDisabled = false, index, children })=
     return /*#__PURE__*/ _react.default.createElement("div", {
         ref: setNodeRef,
         style: style,
-        className: (0, _emotion.cx)(styles.item, {
+        className: (0, _css.cx)(styles.item, {
             [styles.isDragging]: isDragging
         })
     }, children({
@@ -108,7 +108,7 @@ const SortableLinkList = ({ items, isDisabled, className, children, onSortStart,
         items: sortIDs,
         strategy: sortingStrategy
     }, /*#__PURE__*/ _react.default.createElement("div", {
-        className: (0, _emotion.cx)(styles.container, className)
+        className: (0, _css.cx)(styles.container, className)
     }, items.map((item, index)=>{
         const id = sortIDs[index]?.id;
         return /*#__PURE__*/ _react.default.createElement(SortableLink, {

package/dist/esm/assets/MultipleMediaEditor.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { rectSortingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { css, cx } from 'emotion';
+import { css, cx } from '@emotion/css';
 import { MultipleReferenceEditor } from '../common/MultipleReferenceEditor';
 import { SortableLinkList } from '../common/SortableLinkList';
 import { FetchingWrappedAssetCard } from './WrappedAssetCard/FetchingWrappedAssetCard';

package/dist/esm/common/SortableLinkList.js

@@ -3,7 +3,7 @@ import tokens from '@contentful/f36-tokens';
 import { DndContext } from '@dnd-kit/core';
 import { SortableContext, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
-import { css, cx } from 'emotion';
+import { css, cx } from '@emotion/css';
 import { useSortIDs } from '../utils/useSortIDs';
 const styles = {
     container: css({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-reference",
-  "version": "6.22.4-canary.21+dabb1a7b",
+  "version": "6.22.4-canary.24+23aabe26",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -69,5 +69,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "dabb1a7b240f576a01f589a34c05bf41edb2cda2"
+  "gitHead": "23aabe2634ab28c17aa7535c5d46f664a9627617"
 }