@contentful/field-editor-json 3.6.5 → 3.6.6-canary.24

package/dist/cjs/JsonEditorField.js

@@ -13,8 +13,8 @@ const _langjson = require("@codemirror/lang-json");
 const _language = require("@codemirror/language");
 const _view = require("@codemirror/view");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _css = require("@emotion/css");
 const _reactcodemirror = /*#__PURE__*/ _interop_require_default(require("@uiw/react-codemirror"));
-const _emotion = require("emotion");
 const _utils = require("./utils");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
@@ -63,7 +63,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const styles = {
-    root: (0, _emotion.css)({
+    root: (0, _css.css)({
         cursor: 'text',
         padding: _f36tokens.default.spacingS,
         border: `1px solid ${_f36tokens.default.gray200}`,
@@ -102,7 +102,7 @@ const styles = {
 };
 function JsonEditorField(props) {
     return /*#__PURE__*/ _react.createElement("div", {
-        className: (0, _emotion.cx)(styles.root, {
+        className: (0, _css.cx)(styles.root, {
             disabled: props.isDisabled
         }),
         "data-test-id": "json-editor-code-mirror"

package/dist/cjs/JsonEditorToolbar.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "JsonEditorToolbar", {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
-const _emotion = require("emotion");
+const _css = require("@emotion/css");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -59,7 +59,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const styles = {
-    toolbar: (0, _emotion.css)({
+    toolbar: (0, _css.css)({
         display: 'flex',
         alignItems: 'center',
         padding: _f36tokens.default.spacingXs,
@@ -70,12 +70,12 @@ const styles = {
         borderTopRightRadius: _f36tokens.default.borderRadiusSmall,
         borderBottom: 'none'
     }),
-    title: (0, _emotion.css)({
+    title: (0, _css.css)({
         fontFamily: _f36tokens.default.fontStackPrimary,
         fontSize: _f36tokens.default.fontSizeM,
         color: _f36tokens.default.gray600
     }),
-    actions: (0, _emotion.css)({
+    actions: (0, _css.css)({
         button: {
             marginLeft: _f36tokens.default.spacingS
         }

package/dist/cjs/JsonInvalidStatus.js

@@ -11,8 +11,8 @@ Object.defineProperty(exports, "JsonInvalidStatus", {
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _f36components = require("@contentful/f36-components");
 const _f36tokens = /*#__PURE__*/ _interop_require_default(require("@contentful/f36-tokens"));
+const _css = require("@emotion/css");
 const _core = require("@lingui/core");
-const _emotion = require("emotion");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -63,7 +63,7 @@ function JsonInvalidStatus() {
     return /*#__PURE__*/ _react.createElement("div", {
         role: "status",
         "data-test-id": "json-editor.invalid-json",
-        className: (0, _emotion.css)({
+        className: (0, _css.css)({
             marginTop: _f36tokens.default.spacingS
         })
     }, /*#__PURE__*/ _react.createElement(_f36components.ValidationMessage, null, _core.i18n._({

package/dist/esm/JsonEditorField.js

@@ -3,8 +3,8 @@ import { json } from '@codemirror/lang-json';
 import { indentUnit } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
 import tokens from '@contentful/f36-tokens';
+import { css, cx } from '@emotion/css';
 import CodeMirror from '@uiw/react-codemirror';
-import { css, cx } from 'emotion';
 import { SPACE_INDENT_COUNT } from './utils';
 const styles = {
     root: css({

package/dist/esm/JsonEditorToolbar.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button } from '@contentful/f36-components';
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 const styles = {
     toolbar: css({
         display: 'flex',

package/dist/esm/JsonInvalidStatus.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ValidationMessage } from '@contentful/f36-components';
 import tokens from '@contentful/f36-tokens';
+import { css } from '@emotion/css';
 import { i18n as $_i18n } from "@lingui/core";
-import { css } from 'emotion';
 export function JsonInvalidStatus() {
     return /*#__PURE__*/ React.createElement("div", {
         role: "status",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-json",
-  "version": "3.6.5",
+  "version": "3.6.6-canary.24+23aabe26",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -37,12 +37,12 @@
     "@codemirror/lang-json": "^6.0.0",
     "@codemirror/language": "^6.0.0",
     "@codemirror/view": "^6.0.0",
-    "@contentful/f36-components": "^5.4.1",
-    "@contentful/f36-tokens": "^5.1.0",
+    "@contentful/f36-components": "^6.7.1",
+    "@contentful/f36-tokens": "^6.1.2",
     "@contentful/field-editor-shared": "^3.0.0",
+    "@emotion/css": "^11.13.5",
     "@types/react-codemirror": "1.0.11",
     "@uiw/react-codemirror": "^4.11.4",
-    "emotion": "^10.0.17",
     "lodash": "^4.17.15"
   },
   "devDependencies": {
@@ -51,10 +51,10 @@
   },
   "peerDependencies": {
     "@lingui/core": "^5.3.0",
-    "react": ">=16.8.0"
+    "react": ">=18.3.1"
   },
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "0e85d7a4b5b6f779c01bda0c10de03b13a2cfdc0"
+  "gitHead": "23aabe2634ab28c17aa7535c5d46f664a9627617"
 }