akeneo-design-system 0.1.223 → 0.1.224

package/lib/illustrations/AppIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AppIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AppIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AppIllustration };

package/lib/illustrations/AssetCategoriesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AssetCategoriesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AssetCategoriesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AssetCategoriesIllustration };

package/lib/illustrations/AssetsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AssetsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AssetsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AssetsIllustration };

package/lib/illustrations/AssociationTypesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AssociationTypesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AssociationTypesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AssociationTypesIllustration };

package/lib/illustrations/AttributeGroupsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AttributeGroupsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AttributeGroupsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AttributeGroupsIllustration };

package/lib/illustrations/AttributesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const AttributesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const AttributesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { AttributesIllustration };

package/lib/illustrations/CatalogsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const CatalogsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const CatalogsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { CatalogsIllustration };

package/lib/illustrations/ChannelsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ChannelsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ChannelsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ChannelsIllustration };

package/lib/illustrations/CityIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const CityIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const CityIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { CityIllustration };

package/lib/illustrations/ClientErrorIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ClientErrorIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ClientErrorIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ClientErrorIllustration };

package/lib/illustrations/CodingIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const CodingIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const CodingIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { CodingIllustration };

package/lib/illustrations/CurrenciesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const CurrenciesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const CurrenciesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { CurrenciesIllustration };

package/lib/illustrations/DefaultPictureIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const DefaultPictureIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const DefaultPictureIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { DefaultPictureIllustration };

package/lib/illustrations/DeleteFamilyVariantIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const DeleteFamilyVariantIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const DeleteFamilyVariantIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { DeleteFamilyVariantIllustration };

package/lib/illustrations/DeleteIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const DeleteIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const DeleteIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { DeleteIllustration };

package/lib/illustrations/DraftIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const DraftIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const DraftIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { DraftIllustration };

package/lib/illustrations/EntitiesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const EntitiesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const EntitiesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { EntitiesIllustration };

package/lib/illustrations/EntitiesRecordIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const EntitiesRecordIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const EntitiesRecordIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { EntitiesRecordIllustration };

package/lib/illustrations/ExportBuilderIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ExportBuilderIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ExportBuilderIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ExportBuilderIllustration };

package/lib/illustrations/ExportCsvIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ExportCsvIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ExportCsvIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ExportCsvIllustration };

package/lib/illustrations/ExportIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ExportIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ExportIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ExportIllustration };

package/lib/illustrations/ExportXlsxIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ExportXlsxIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ExportXlsxIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ExportXlsxIllustration };

package/lib/illustrations/ExportYmlIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ExportYmlIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ExportYmlIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ExportYmlIllustration };

package/lib/illustrations/FamilyIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const FamilyIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const FamilyIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { FamilyIllustration };

package/lib/illustrations/FamilyVariantIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const FamilyVariantIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const FamilyVariantIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { FamilyVariantIllustration };

package/lib/illustrations/GraphIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const GraphIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const GraphIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { GraphIllustration };

package/lib/illustrations/GroupsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const GroupsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const GroupsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { GroupsIllustration };

package/lib/illustrations/ImportCsvIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ImportCsvIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ImportCsvIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ImportCsvIllustration };

package/lib/illustrations/ImportIllustration.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
 declare const ImportIllustration: {
-    ({ title, size, animateOnHover, ...props }: IllustrationProps): JSX.Element;
+    ({ title, size, animateOnHover, ...props }: IllustrationProps): React.JSX.Element;
     animatedMixin: import("styled-components").FlattenSimpleInterpolation;
 };
 export { ImportIllustration };

package/lib/illustrations/ImportXlsxIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ImportXlsxIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ImportXlsxIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ImportXlsxIllustration };

package/lib/illustrations/ImportYmlIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ImportYmlIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ImportYmlIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ImportYmlIllustration };

package/lib/illustrations/JuliaIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const JuliaIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const JuliaIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { JuliaIllustration };

package/lib/illustrations/LocaleIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const LocaleIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const LocaleIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { LocaleIllustration };

package/lib/illustrations/MarketplaceIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const MarketplaceIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const MarketplaceIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { MarketplaceIllustration };

package/lib/illustrations/MeasurementIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const MeasurementIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const MeasurementIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { MeasurementIllustration };

package/lib/illustrations/MediaFileIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const MediaFileIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const MediaFileIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { MediaFileIllustration };

package/lib/illustrations/MoneyIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const MoneyIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const MoneyIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { MoneyIllustration };

package/lib/illustrations/NewsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const NewsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const NewsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { NewsIllustration };

package/lib/illustrations/NoResultsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const NoResultsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const NoResultsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { NoResultsIllustration };

package/lib/illustrations/ProductCategoryIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProductCategoryIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProductCategoryIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProductCategoryIllustration };

package/lib/illustrations/ProductModelIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProductModelIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProductModelIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProductModelIllustration };

package/lib/illustrations/ProductPublishedIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProductPublishedIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProductPublishedIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProductPublishedIllustration };

package/lib/illustrations/ProductsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProductsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProductsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProductsIllustration };

package/lib/illustrations/ProjectIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProjectIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProjectIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProjectIllustration };

package/lib/illustrations/ProposalsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ProposalsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ProposalsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ProposalsIllustration };

package/lib/illustrations/RulesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const RulesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const RulesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { RulesIllustration };

package/lib/illustrations/ServerErrorIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ServerErrorIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ServerErrorIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ServerErrorIllustration };

package/lib/illustrations/ServerIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ServerIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ServerIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ServerIllustration };

package/lib/illustrations/SettingsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const SettingsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const SettingsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { SettingsIllustration };

package/lib/illustrations/StatusIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const StatusIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const StatusIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { StatusIllustration };

package/lib/illustrations/SurveyIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const SurveyIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const SurveyIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { SurveyIllustration };

package/lib/illustrations/TimezoneIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const TimezoneIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const TimezoneIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { TimezoneIllustration };

package/lib/illustrations/UserGroupsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const UserGroupsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const UserGroupsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { UserGroupsIllustration };

package/lib/illustrations/UserRolesIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const UserRolesIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const UserRolesIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { UserRolesIllustration };

package/lib/illustrations/UsersIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const UsersIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const UsersIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { UsersIllustration };

package/lib/illustrations/UsingIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const UsingIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const UsingIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { UsingIllustration };

package/lib/illustrations/ViewsIllustration.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IllustrationProps } from './IllustrationProps';
-declare const ViewsIllustration: ({ title, size, ...props }: IllustrationProps) => JSX.Element;
+declare const ViewsIllustration: ({ title, size, ...props }: IllustrationProps) => React.JSX.Element;
 export { ViewsIllustration };

package/lib/storybook/components/FullscreenPreview.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 declare type FullscreenPreviewProps = {
     title: string;
     src: string;
     onClose: () => void;
     children: ReactNode;
 };
-declare const FullscreenPreview: ({ title, src, onClose, children }: FullscreenPreviewProps) => JSX.Element;
+declare const FullscreenPreview: ({ title, src, onClose, children }: FullscreenPreviewProps) => React.JSX.Element;
 export { FullscreenPreview };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "akeneo-design-system",
-  "version": "0.1.223",
+  "version": "0.1.224",
   "description": "Akeneo design system",
   "main": "lib/index.js",
   "scripts": {
@@ -22,8 +22,8 @@
   "author": "akeneo",
   "license": "OSL-3.0",
   "peerDependencies": {
-    "react": "^16.14.0",
-    "react-dom": "^16.9.12",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "styled-components": "^5.1.11"
   },
   "dependencies": {
@@ -51,8 +51,8 @@
     "@types/jest-environment-puppeteer": "^4.3.2",
     "@types/jest-image-snapshot": "^3.1.0",
     "@types/puppeteer": "^3.0.1",
-    "@types/react": "^16.14.0",
-    "@types/react-dom": "^16.9.12",
+    "@types/react": "^17.0.2",
+    "@types/react-dom": "^17.0.2",
     "@types/react-draft-wysiwyg": "^1.12.13",
     "@types/styled-components": "^5.1.1",
     "@types/testing-library__jest-dom": "^5.9.2",