chore(storybook): add welcome page

carbon-design-system · Feb 23, 2021 · 25d6cdb · 25d6cdb
1 parent 3a43cf7
commit 25d6cdb
Show file tree

Hide file tree

Showing 12 changed files with 67 additions and 11 deletions.
diff --git a/packages/react/.storybook/WelcomePage/Welcome-story.js b/packages/react/.storybook/WelcomePage/Welcome-story.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/* eslint-disable no-console */
+
+import React from 'react';
+import { Welcome as Intro } from './Welcome';
+
+export default {
+  title: ' Welcome',
+  component: Intro,
+};
+
+export const Welcome = () => <Intro />;
diff --git a/packages/react/.storybook/WelcomePage/Welcome.js b/packages/react/.storybook/WelcomePage/Welcome.js
@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2016, 2018
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from 'react';
+import bg from './carbon_bg.png';
+
+export const Welcome = () => {
+  return <div>Welcome!</div>;
+};
diff --git a/packages/react/.storybook/WelcomePage/carbon_bg.png b/packages/react/.storybook/WelcomePage/carbon_bg.png
diff --git a/packages/react/.storybook/main.js b/packages/react/.storybook/main.js
@@ -9,5 +9,9 @@
 
 module.exports = {
   addons: ['storybook-preset-carbon'],
-  stories: ['../src/**/*-story.js', '../src/**/*.stories.mdx'],
+  stories: [
+    './WelcomePage/Welcome-story.js',
+    '../src/**/*-story.js',
+    '../src/**/*.stories.mdx',
+  ],
 };
diff --git a/packages/react/.storybook/manager-head.html b/packages/react/.storybook/manager-head.html
@@ -34,3 +34,22 @@
     document.title = 'Carbon Components React';
   }, 1000);
 </script>
+
+<!-- Style overrides -->
+<style>
+  body a[href='/?path=/settings/about'] {
+    display: none;
+  }
+
+  .simplebar-content form span {
+    font-weight: 600;
+  }
+
+  .simplebar-content a button {
+    color: #161616;
+  }
+
+  .simplebar-content .sidebar-item.selected {
+    color: #161616;
+  }
+</style>
diff --git a/packages/react/.storybook/preview-head.html b/packages/react/.storybook/preview-head.html
@@ -3,6 +3,10 @@
   rel="stylesheet"
 /> -->
 <style>
+  .sbdocs-li {
+    list-style: circle;
+  }
+
   .sbdocs-wrapper .sbdocs-a {
     color: #0f62fe;
   }

diff --git a/packages/react/.storybook/preview.js b/packages/react/.storybook/preview.js
@@ -40,6 +40,7 @@ addParameters({
       // determine order later on.
       const UNKNOWN_KEYWORD = 3;
       const keywords = new Map([
+        ['welcome', 0],
         ['default', 1],
         ['usage', 2],
         ['playground', 4],
@@ -67,6 +68,8 @@ addParameters({
         if (idB.includes(keyword)) {
           matches.set(idB, weight);
         }
+
+        console.log(idA);
       }
 
       // If we have matches for either id, then we will compare the ids based on

diff --git a/packages/react/.storybook/styles.scss b/packages/react/.storybook/styles.scss
@@ -104,7 +104,3 @@ $prefix: 'bx';
     }
   }
 }
-
-.sbdocs-li {
-  list-style: circle;
-}
diff --git a/packages/react/.storybook/theme.js b/packages/react/.storybook/theme.js
@@ -5,7 +5,7 @@ import PackageInfo from './../package.json';
 const {
   field01,
   interactive01,
-  interactive02,
+  selectedUI,
   text01,
   inverse01,
   ui01,
@@ -18,12 +18,12 @@ export default create({
   base: 'light',
 
   colorPrimary: interactive01,
-  colorSecondary: interactive02,
+  colorSecondary: selectedUI,
 
   // UI
   appBg: uiBackground,
   appContentBg: ui01,
-  appBorderColor: ui04,
+  appBorderColor: ui03,
   appBorderRadius: 0,
 
   // Typography

diff --git a/packages/react/src/components/Accordion/Accordion-story.js b/packages/react/src/components/Accordion/Accordion-story.js
@@ -25,7 +25,7 @@ import Button from '../Button';
 import mdx from './Accordion.mdx';
 
 export default {
-  title: 'Accordion',
+  title: 'Components/Accordion',
   component: Accordion,
   subcomponents: {
     AccordionItem,

diff --git a/packages/react/src/components/DataTable/DataTable-story.js b/packages/react/src/components/DataTable/DataTable-story.js
@@ -43,7 +43,7 @@ const props = () => ({
 });
 
 export default {
-  title: 'DataTable',
+  title: 'Components/DataTable',
   component: DataTable,
   subcomponents: {
     TableContainer,

diff --git a/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js b/packages/react/src/components/DataTable/stories/DataTable-batch-actions-story.js
@@ -37,7 +37,7 @@ import { batchActionClick, rows, headers } from './shared';
 import mdx from '../DataTable.mdx';
 
 export default {
-  title: 'DataTable/Batch Actions',
+  title: 'Components/DataTable/Batch Actions',
   component: DataTable,
   subcomponents: {
     TableBatchAction,