Extract from 53bbbac72089ea7a72ed4fe60d614e52432748ed

.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import {addDecorator, addParameters} from '@storybook/react';
 import {withThemesProvider} from 'themeprovider-storybook';
-import {themes} from '../src/theme';
+import {themes} from '../src/themes';
 import {StoryStyle} from '../src/storybook/PreviewGallery';
 
 addDecorator(story => <StoryStyle>{story()}</StoryStyle>);

lib/index.d.ts

@@ -4,7 +4,4 @@ export * from './icons';
 export * from './illustrations';
 export * from './shared';
 export * from './theme';
-export * from './theme/onboarder';
-export * from './theme/pim';
-export * from './theme/shared-catalogs';
-export * from './theme/connector';
+export * from './themes';

lib/theme/index.d.ts

@@ -1,3 +1,2 @@
 export * from './common';
 export * from './theme';
-export * from './themes';

lib/theme/connector/index.d.ts → lib/themes/connector/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const connectorTheme: Theme;
 export { connectorTheme };

lib/themes/index.d.ts

@@ -0,0 +1,6 @@
+import { pimTheme } from './pim';
+import { onboarderTheme } from './onboarder';
+import { sharedCatalogsTheme } from './shared-catalogs';
+import { connectorTheme } from './connector';
+declare const themes: import("../theme/theme").Theme[];
+export { themes, pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme };

lib/theme/onboarder/index.d.ts → lib/themes/onboarder/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const onboarderTheme: Theme;
 export { onboarderTheme };

lib/theme/pim/index.d.ts → lib/themes/pim/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const pimTheme: Theme;
 export { pimTheme };

lib/theme/shared-catalogs/index.d.ts → lib/themes/shared-catalogs/index.d.ts

@@ -1,3 +1,3 @@
-import { Theme } from '../theme';
+import { Theme } from '../../theme';
 declare const sharedCatalogsTheme: Theme;
 export { sharedCatalogsTheme };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "akeneo-design-system",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Akeneo design system",
   "main": "lib/index.js",
   "scripts": {

src/guidelines/Colors.stories.mdx

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import {Canvas, Meta, Story} from '@storybook/addon-docs';
 import {PreviewGrid, PreviewCard, PreviewContainer, LabelContainer, Subtitle} from '../storybook/PreviewGallery';
-import {themes} from '../theme';
+import {themes} from '../themes';
 
 <Meta title="Guidelines/Colors" />
 

src/guidelines/Iconography.stories.mdx

@@ -1,6 +1,6 @@
 import {Canvas, Meta, Story, ArgsTable} from '@storybook/addon-docs';
 import {PreviewGrid, PreviewCard, PreviewContainer, LabelContainer} from '../storybook/PreviewGallery';
-import {pimTheme} from '../theme/pim/index';
+import {pimTheme} from '../themes';
 import {colors} from './Colors.stories.mdx';
 import * as Icons from '../icons';
 

src/hooks/useTheme.unit.tsx

@@ -2,7 +2,7 @@ import React, {ReactNode} from 'react';
 import {ThemeProvider} from 'styled-components';
 import {renderHook} from '@testing-library/react-hooks';
 import {useTheme} from './useTheme';
-import {pimTheme} from '../theme/pim';
+import {pimTheme} from '../themes/pim';
 
 const wrapper = ({children}: {children: ReactNode}) => <ThemeProvider theme={pimTheme}>{children}</ThemeProvider>;
 

src/index.ts

@@ -4,7 +4,4 @@ export * from './icons';
 export * from './illustrations';
 export * from './shared';
 export * from './theme';
-export * from './theme/onboarder';
-export * from './theme/pim';
-export * from './theme/shared-catalogs';
-export * from './theme/connector';
+export * from './themes';

src/storybook/test-util.tsx

@@ -1,7 +1,7 @@
 import React, {ComponentType, ReactElement, ReactNode} from 'react';
 import {render, RenderOptions} from '@testing-library/react';
 import {ThemeProvider} from 'styled-components';
-import {pimTheme} from '../theme/pim';
+import {pimTheme} from '../themes';
 
 const wrapper: ComponentType = ({children}: {children?: ReactNode}) => (
   <ThemeProvider theme={pimTheme}>{children}</ThemeProvider>

src/theme/index.ts

@@ -1,3 +1,2 @@
 export * from './common';
 export * from './theme';
-export * from './themes';

src/theme/connector/index.ts → src/themes/connector/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const connectorTheme: Theme = {
   name: 'Connector',

src/theme/themes.ts → src/themes/index.ts

@@ -5,4 +5,4 @@ import {connectorTheme} from './connector';
 
 const themes = [pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme];
 
-export {themes};
+export {themes, pimTheme, onboarderTheme, sharedCatalogsTheme, connectorTheme};

src/theme/onboarder/index.ts → src/themes/onboarder/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const onboarderTheme: Theme = {
   name: 'Onboarder',

src/theme/pim/index.ts → src/themes/pim/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, colorAlternative, fontSize, palette, fontFamily} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const pimTheme: Theme = {
   name: 'PIM',

src/theme/shared-catalogs/index.ts → src/themes/shared-catalogs/index.ts

@@ -1,5 +1,4 @@
-import {Theme} from '../theme';
-import {color, fontSize, palette, fontFamily, colorAlternative} from '../common';
+import {Theme, color, fontSize, palette, fontFamily, colorAlternative} from '../../theme';
 
 const sharedCatalogsTheme: Theme = {
   name: 'Shared Catalogs',