Buttons & Alert Design Guideline docs (#91)

* first commit * Buttons * later * yep
hack4impact-uiuc · Jun 1, 2020 · bf790e7 · bf790e7 · vercel · Jun 1, 2020
1 parent 2b64752
commit bf790e7
Show file tree

Hide file tree

Showing 21 changed files with 940 additions and 31 deletions.
diff --git a/docs/components/design/buttonStyleText.js b/docs/components/design/buttonStyleText.js
@@ -0,0 +1,9 @@
+import { Text } from '@hack4impact-uiuc/bridge';
+
+const ButtonStyleText = ({ children, order, ...props }) => (
+  <Text type="tags" as="p" mt={order === 1 ? '24px' : '4px'} mb="4px" {...props}>
+    {children}
+  </Text>
+);
+
+export default ButtonStyleText;
diff --git a/docs/components/design/colorPalette.js b/docs/components/design/colorPalette.js
@@ -18,7 +18,7 @@ const PaletteShade = ({ palette, name }) => (
       color = palette.text;
     }
     if (label === 'white') {
-      color = theme.colors.text.grayScale.main;
+      color = theme.colors.text.greyScale.main;
       borderStyling = WhiteBorderStyling;
     }
     if (label === 'primary') {

diff --git a/docs/components/layout.js b/docs/components/layout.js
@@ -2,7 +2,7 @@
 /* eslint-disable global-require */
 import React from 'react';
 import {
-  Flex, Link, Heading, Text,
+  Flex, Heading,
 } from '@hack4impact-uiuc/bridge';
 import FeedbackContext from './feedback-context';
 import Markdown from './markdown';

diff --git a/docs/components/sidebar.js b/docs/components/sidebar.js
@@ -7,7 +7,7 @@ const sidebarSection = (section, title) => (
     <Text type="body" fontWeight="700" as="p" m="24px 0 8px 0">{section.name}</Text>
     {
         section.routes.map((elm) => (
-          <Text as="p" m="5px 0" fontWeight={title === elm.title ? '700' : '500'}><Link href={elm.href}>{elm.title}</Link></Text>
+          <Text key={elm.title} as="p" m="5px 0" fontWeight={title === elm.title ? '700' : '500'}><Link href={elm.href}>{elm.title}</Link></Text>
         ))
       }
   </>

diff --git a/docs/package.json b/docs/package.json
@@ -7,7 +7,7 @@
     "start": "next start"
   },
   "dependencies": {
-    "@hack4impact-uiuc/bridge": "^0.0.7",
+    "@hack4impact-uiuc/bridge": "^0.0.8",
     "@mdx-js/loader": "^1.6.1",
     "@mdx-js/tag": "^0.20.3",
     "@next/mdx": "^9.3.6",

diff --git a/docs/pages/_document.js b/docs/pages/_document.js
@@ -25,15 +25,10 @@ class DocSite extends Document {
             sizes="16x16"
             href="/favicons/favicon-16x16.svg"
           />
-          <link rel="manifest" href="/favicons/site.webmanifest" />
-          <link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#000000" />
           <link rel="shortcut icon" href="/favicons/favicon.ico" />
           <link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap" rel="stylesheet" />
 
-          <meta name="msapplication-TileColor" content="#000000" />
-          <meta name="msapplication-config" content="/favicons/browserconfig.xml" />
           <meta name="theme-color" content="#155DA1" />
-          <link rel="alternate" type="application/rss+xml" href="/feed.xml" />
           <meta charSet="UTF-8" />
         </Head>
         <body style={{ margin: 0 }}>

diff --git a/docs/pages/design/alerts.mdx b/docs/pages/design/alerts.mdx
@@ -57,7 +57,7 @@ Links within alerts are set in 18px HK Grotesk SemiBold text (check [typography]
 
 <CodeExampleBox p="md" pb="xxs">
 <Alert variant="success" mb="md">
-    This is a success alert! This is an accompanying  <Link href="#">link</Link>.
+    This is a success alert! This is an accompanying  <Link href="#">{" link"}</Link>.
 </Alert>
 
 <Alert variant="error" mb="md">