feat: move image component from alpha release

contentful · May 23, 2024 · ad25a30 · ad25a30
1 parent 02b9eac
commit ad25a30
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 8 deletions.
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -7,7 +7,6 @@
     }
   ],
   "ignore": [
-    "@contentful/f36-image",
     "@contentful/f36-header",
     "@contentful/f36-layout",
     "@contentful/f36-navbar",
@@ -50,6 +49,7 @@
       "@contentful/f36-tooltip",
       "@contentful/f36-typography",
       "@contentful/f36-components",
+      "@contentful/f36-image",
       "@contentful/f36-avatar"
     ]
   ],

diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json
@@ -7,7 +7,7 @@
   },
   "dependencies": {
     "@contentful/f36-core": "^4.65.6",
-    "@contentful/f36-image": "^4.0.0-alpha.0",
+    "@contentful/f36-image": "4.0.0",
     "@contentful/f36-menu": "^4.65.6",
     "@contentful/f36-tokens": "^4.0.5",
     "@contentful/f36-tooltip": "^4.65.6",

diff --git a/packages/components/image/README.mdx b/packages/components/image/README.mdx
@@ -14,6 +14,8 @@ Image component that can handle showing a loading skeleton while the image is lo
 
 ```jsx static=true
 import { Image } from '@contentful/f36-image';
+// or
+import { Image } from '@contentful/f36-component';
 ```
 
 ## Examples

diff --git a/packages/components/image/package.json b/packages/components/image/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@contentful/f36-image",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0",
   "description": "Forma 36: Image component",
   "scripts": {
     "build": "tsup"

diff --git a/packages/forma-36-react-components/package.json b/packages/forma-36-react-components/package.json
@@ -48,6 +48,7 @@
     "@contentful/f36-forms": "^4.65.6",
     "@contentful/f36-icon": "^4.65.6",
     "@contentful/f36-icons": "^4.28.1",
+    "@contentful/f36-image": "4.0.0",
     "@contentful/f36-list": "^4.65.6",
     "@contentful/f36-menu": "^4.65.6",
     "@contentful/f36-modal": "^4.65.6",

diff --git a/packages/forma-36-react-components/src/index.ts b/packages/forma-36-react-components/src/index.ts
@@ -1,6 +1,7 @@
 export * from '@contentful/f36-accordion';
 export * from '@contentful/f36-asset';
 export * from '@contentful/f36-autocomplete';
+export * from '@contentful/f36-avatar';
 export * from '@contentful/f36-badge';
 export * from '@contentful/f36-button';
 export * from '@contentful/f36-card';
@@ -14,6 +15,7 @@ export * from '@contentful/f36-entity-list';
 export * from '@contentful/f36-empty-state';
 export * from '@contentful/f36-forms';
 export * from '@contentful/f36-icon';
+export * from '@contentful/f36-image';
 export * from '@contentful/f36-list';
 export * from '@contentful/f36-menu';
 export * from '@contentful/f36-modal';
@@ -30,6 +32,5 @@ export * from '@contentful/f36-tabs';
 export * from '@contentful/f36-text-link';
 export * from '@contentful/f36-tooltip';
 export * from '@contentful/f36-typography';
-export * from '@contentful/f36-avatar';
 
 // -- Add imports above this line (required by plopfile.js) --
diff --git a/packages/website/components/LiveEditor/ComponentSource.tsx b/packages/website/components/LiveEditor/ComponentSource.tsx
@@ -14,7 +14,6 @@ import { Multiselect } from '@contentful/f36-multiselect';
 import { NavList } from '@contentful/f36-navlist';
 import * as f36utils from '@contentful/f36-utils';
 import { Header } from '@contentful/f36-header';
-import { Image } from '@contentful/f36-image';
 import { Layout } from '@contentful/f36-layout';
 import { useForm, useController } from 'react-hook-form';
 import { MdAccessAlarm } from 'react-icons/md';
@@ -41,7 +40,6 @@ const liveProviderScope = {
   ...f36icons,
   ...f36utils,
   Header, // Remove when added to f36-components
-  Image, // Remove when added to f36-components
   Layout, // Remove when added to f36-components
   Multiselect, // Remove when added to f36-components
   NavList, // Remove when added to f36-components

diff --git a/packages/website/components/Playground/SandpackRenderer.tsx b/packages/website/components/Playground/SandpackRenderer.tsx
@@ -96,7 +96,6 @@ export function SandpackRenderer({
           'react-scripts': '^4.0.0',
           '@contentful/f36-components': '^4.0.0',
           '@contentful/f36-header': '^4.0.0-alpha.0', // Remove when added to f36-components
-          '@contentful/f36-image': '^4.0.0-alpha.0', // Remove when added to f36-components
           '@contentful/f36-layout': '^4.0.0-alpha.0', // Remove when added to f36-components
           '@contentful/f36-multiselect': '^4.0.0', // Remove when added to f36-components
           '@contentful/f36-navlist': '^4.1.0-alpha.0', // Remove when added to f36-components

diff --git a/packages/website/package.json b/packages/website/package.json
@@ -17,7 +17,7 @@
     "@contentful/f36-header": "^4.0.0-alpha.0",
     "@contentful/f36-icon": "^4.65.6",
     "@contentful/f36-icons": "^4.28.2",
-    "@contentful/f36-image": "^4.0.0-alpha.0",
+    "@contentful/f36-image": "4.0.0",
     "@contentful/f36-layout": "^4.0.0-alpha.0",
     "@contentful/f36-multiselect": "^4.23.1",
     "@contentful/f36-navlist": "4.1.0-alpha.1",