feat: add pages for design addons

plugins/addon-images/ImagesPage.d.ts

@@ -0,0 +1,3 @@
+import ImagesPage from './dist/ImagesPage/ImagesPage';
+
+export default ImagesPage;

plugins/addon-images/ImagesPage.js

@@ -0,0 +1 @@
+module.exports = require('./dist/ImagesPage');

plugins/addon-images/package.json

@@ -12,7 +12,9 @@
   "files": [
     "dist/",
     "package.json",
-    "README.md"
+    "README.md",
+    "ImagesPage.d.ts",
+    "ImagesPage.js"
   ],
   "scripts": {
     "build": "yarn cross-env NODE_ENV=production rollup -c",

plugins/addon-images/rollup.config.js

@@ -1,5 +1,8 @@
 import { config } from '../../rollup-config';
 
 export default config({
-  input: ['./src/index.ts'],
+  input: ['./src/index.ts', './src/ImagesPage/ImagesPage.tsx'],
+  output: {
+    exports: 'auto',
+  },
 });

plugins/addon-images/src/ImagesPage/ImagesPage.tsx

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { TabConfiguration } from '@component-controls/core';
+import { Description } from '@component-controls/blocks';
+import { ImagesBlock, ImagesBlockProps } from '../ImagesBlock';
+
+const ImagesPage: FC<ImagesBlockProps> = props => (
+  <>
+    <Description />
+    <ImagesBlock {...props} />
+  </>
+);
+
+export default {
+  title: 'Images',
+  component: ImagesPage,
+  isVisible: ({ story }) => story.plugins?.images,
+} as TabConfiguration;

plugins/addon-notes/NotesPage.d.ts

@@ -0,0 +1,3 @@
+import NotesPage from './dist/NotesPage/NotesPage';
+
+export default NotesPage;

plugins/addon-notes/NotesPage.js

@@ -0,0 +1 @@
+module.exports = require('./dist/NotesPage');

plugins/addon-notes/package.json

@@ -12,7 +12,9 @@
   "files": [
     "dist/",
     "package.json",
-    "README.md"
+    "README.md",
+    "NotesPage.d.ts",
+    "NotesPage.js"
   ],
   "scripts": {
     "build": "yarn cross-env NODE_ENV=production rollup -c",

plugins/addon-notes/rollup.config.js

@@ -1,5 +1,8 @@
 import { config } from '../../rollup-config';
 
 export default config({
-  input: ['./src/index.ts'],
+  input: ['./src/index.ts', './src/NotesPage/NotesPage.tsx'],
+  output: {
+    exports: 'auto',
+  },
 });

plugins/addon-notes/src/NotesPage/NotesPage.tsx

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { TabConfiguration } from '@component-controls/core';
+import { Description } from '@component-controls/blocks';
+import { NotesBlock, NotesBlockProps } from '../NotesBlock';
+
+const NotesPage: FC<NotesBlockProps> = props => (
+  <>
+    <Description />
+    <NotesBlock {...props} />
+  </>
+);
+
+export default {
+  title: 'Notes',
+  component: NotesPage,
+  isVisible: ({ story }) => story.plugins?.notes,
+} as TabConfiguration;

plugins/axe-plugin/rollup.config.js

@@ -2,4 +2,7 @@ import { config } from '../../rollup-config';
 
 export default config({
   input: ['./src/index.tsx', './src/AllyPage/AllyPage.tsx'],
+  output: {
+    exports: 'auto',
+  },
 });

plugins/figma-embed/FigmaEmbedPage.d.ts

@@ -0,0 +1,3 @@
+import FigmaEmbedPage from './dist/FigmaEmbedPage/FigmaEmbedPage';
+
+export default FigmaEmbedPage;

plugins/figma-embed/FigmaEmbedPage.js

@@ -0,0 +1 @@
+module.exports = require('./dist/FigmaEmbedPage');

plugins/figma-embed/package.json

@@ -12,7 +12,9 @@
   "files": [
     "dist/",
     "package.json",
-    "README.md"
+    "README.md",
+    "FigmaEmbedPage.d.ts",
+    "FigmaEmbedPage.js"
   ],
   "scripts": {
     "build": "yarn cross-env NODE_ENV=production rollup -c",

plugins/figma-embed/rollup.config.js

@@ -1,5 +1,8 @@
 import { config } from '../../rollup-config';
 
 export default config({
-  input: ['./src/index.ts'],
+  input: ['./src/index.ts', './src/FigmaEmbedPage/FigmaEmbedPage.tsx'],
+  output: {
+    exports: 'auto',
+  },
 });

plugins/figma-embed/src/FigmaEmbedPage/FigmaEmbedPage.tsx

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { TabConfiguration } from '@component-controls/core';
+import { Description } from '@component-controls/blocks';
+import { FigmaEmbedBlock, FigmaEmbedBlockProps } from '../FigmaEmbedBlock';
+
+const FigmaEmbedPage: FC<FigmaEmbedBlockProps> = props => (
+  <>
+    <Description />
+    <FigmaEmbedBlock {...props} />
+  </>
+);
+
+export default {
+  title: 'Figma',
+  component: FigmaEmbedPage,
+  isVisible: ({ story }) => story.plugins?.figma,
+} as TabConfiguration;

plugins/viewport-plugin/rollup.config.js

@@ -2,4 +2,7 @@ import { config } from '../../rollup-config';
 
 export default config({
   input: ['./src/index.ts', './src/ViewportPage/ViewportPage.tsx'],
+  output: {
+    exports: 'auto',
+  },
 });