update emotion css for vercel app (#8945)

contentful · Sep 23, 2024 · a7170e4 · a7170e4
1 parent 72bbb65
commit a7170e4
Show file tree

Hide file tree

Showing 11 changed files with 6,659 additions and 1,110 deletions.
diff --git a/apps/vercel/frontend/package-lock.json b/apps/vercel/frontend/package-lock.json
diff --git a/apps/vercel/frontend/package.json b/apps/vercel/frontend/package.json
@@ -7,8 +7,8 @@
     "@contentful/f36-components": "4.67.0",
     "@contentful/f36-tokens": "4.0.5",
     "@contentful/react-apps-toolkit": "1.2.16",
+    "@emotion/css": "^11.13.0",
     "contentful-management": "10.38.3",
-    "emotion": "10.0.27",
     "lodash": "^4.17.21",
     "react": "18.2.0",
     "react-dom": "18.2.0"

diff --git a/apps/vercel/frontend/src/components/common/GrayInfoBox/GrayInfoBox.styles.ts b/apps/vercel/frontend/src/components/common/GrayInfoBox/GrayInfoBox.styles.ts
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const useStyles = (rootOptions: any) => ({

diff --git a/apps/vercel/frontend/src/components/common/SectionWrapper/SectionWrapper.styles.ts b/apps/vercel/frontend/src/components/common/SectionWrapper/SectionWrapper.styles.ts
@@ -1,4 +1,4 @@
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   box: css({

diff --git a/...ontend/src/components/config-screen/AuthenticationSection/AuthenticationSection.styles.ts b/...ontend/src/components/config-screen/AuthenticationSection/AuthenticationSection.styles.ts
@@ -1,4 +1,4 @@
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   box: css({

diff --git a/...thSection/ContentTypePreviewPathSelectionRow/ContentTypePreviewPathSelectionRow.styles.ts b/...thSection/ContentTypePreviewPathSelectionRow/ContentTypePreviewPathSelectionRow.styles.ts
@@ -1,4 +1,4 @@
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   wrapper: css({

diff --git a/...nfig-screen/ContentTypePreviewPathSection/InformationalModal/InformationalModal.styles.ts b/...nfig-screen/ContentTypePreviewPathSection/InformationalModal/InformationalModal.styles.ts
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   firstParagraph: css({

diff --git a/...pePreviewPathSection/InformationalModal/InformationalTables/InfoTable/InfoTable.styles.ts b/...pePreviewPathSection/InformationalModal/InformationalTables/InfoTable/InfoTable.styles.ts
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 import { INFORMATIONAL_MODAL_COLUMN_WIDTH } from '@constants/styles';
 
 export const styles = {

diff --git a/...pePreviewPathSection/InformationalModal/InformationalTables/InformationalTables.styles.ts b/...pePreviewPathSection/InformationalModal/InformationalTables/InformationalTables.styles.ts
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   linkParagraph: css({

diff --git a/...ig-screen/ContentTypePreviewPathSection/PreviewPathInfoNote/PreviewPathInfoNote.styles.ts b/...ig-screen/ContentTypePreviewPathSection/PreviewPathInfoNote/PreviewPathInfoNote.styles.ts
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 
 export const styles = {
   root: css({

diff --git a/apps/vercel/frontend/src/locations/ConfigScreen.styles.tsx b/apps/vercel/frontend/src/locations/ConfigScreen.styles.tsx
@@ -1,5 +1,5 @@
 import tokens from '@contentful/f36-tokens';
-import { css } from 'emotion';
+import { css } from '@emotion/css';
 import { VercelBrand } from '@components/common/VercelIcon';
 
 export const styles = {