added redesign storybook

ui/components/redesign/index.js

@@ -0,0 +1 @@
+export { TokenList } from './token-list';

ui/components/redesign/token-list/index.js

@@ -0,0 +1 @@
+export { TokenList } from './token-list';

ui/components/redesign/token-list/token-list.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import Box from '../../ui/box/box';
+
+export const TokenList = () => {
+  return <Box>Token List</Box>;
+};
+
+TokenList.propTypes = {
+  /**
+   * TokenList also accepts all props from Box
+   */
+  ...Box.propTypes,
+};

ui/components/redesign/token-list/token-list.stories.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import README from './README.mdx';
+import { TokenList } from './token-list';
+
+export default {
+  title: 'Components/Redesign/TokenList',
+  component: TokenList,
+  parameters: {
+    docs: {
+      page: README,
+    },
+  },
+};
+
+export const DefaultStory = () => <TokenList />;
+
+DefaultStory.storyName = 'Default';

ui/css/index.scss

@@ -9,6 +9,7 @@
 @import './utilities/colors.scss';
 @import './base-styles.scss';
 @import '../components/component-library/component-library-components.scss';
+@import '../components/redesign/redesign-components.scss';
 @import '../components/app/app-components';
 @import '../components/ui/ui-components';
 @import '../pages/pages';