docs: adds decision tree for color usage

db-ui · Aug 1, 2024 · e178ef0 · e178ef0
1 parent 48d1459
commit e178ef0
Show file tree

Hide file tree

Showing 7 changed files with 517 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx
@@ -171,6 +171,10 @@ export const ROUTES: NavigationItem[] = [
 					{
 						label: 'Color Schemes',
 						path: '/foundations/colors/color-schemes'
+					},
+					{
+						label: 'Color Usage Guide',
+						path: '/foundations/colors/color-usage-guide'
 					}
 				]
 			},

diff --git a/showcases/patternhub/package.json b/showcases/patternhub/package.json
@@ -26,6 +26,7 @@
     "highlight.js": "^11.10.0",
     "next": "14.2.5",
     "react": "18.3.1",
+    "react-archer": "^4.4.0",
     "react-dom": "18.3.1",
     "rehype-slug": "6.0.0",
     "remark-gfm": "4.0.0"

diff --git a/showcases/patternhub/pages/_app.tsx b/showcases/patternhub/pages/_app.tsx
@@ -4,6 +4,7 @@ import type { AppProps } from 'next/app';
 import Head from 'next/head';
 import '../styles/globals.scss';
 import '../styles/highlight.scss';
+import '../styles/decision-tree.scss';
 import '../../showcase-styles.css';
 import LinkHeader from '../components/link-header';