Skip to content

Commit bf790e7

Browse files
tko22tko22
authored
Buttons & Alert Design Guideline docs (#91)
* first commit * Buttons * later * yep
1 parent 2b64752 commit bf790e7

File tree

21 files changed

+940
-31
lines changed

21 files changed

+940
-31
lines changed

‎docs/components/design/buttonStyleText.js

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import { Text } from '@hack4impact-uiuc/bridge';
2+
3+
const ButtonStyleText = ({ children, order, ...props }) => (
4+
<Text type="tags" as="p" mt={order === 1 ? '24px' : '4px'} mb="4px" {...props}>
5+
{children}
6+
</Text>
7+
);
8+
9+
export default ButtonStyleText;

‎docs/components/design/colorPalette.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ const PaletteShade = ({ palette, name }) => (
1818
color = palette.text;
1919
}
2020
if (label === 'white') {
21-
color = theme.colors.text.grayScale.main;
21+
color = theme.colors.text.greyScale.main;
2222
borderStyling = WhiteBorderStyling;
2323
}
2424
if (label === 'primary') {

‎docs/components/layout.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
/* eslint-disable global-require */
33
import React from 'react';
44
import {
5-
Flex, Link, Heading, Text,
5+
Flex, Heading,
66
} from '@hack4impact-uiuc/bridge';
77
import FeedbackContext from './feedback-context';
88
import Markdown from './markdown';

‎docs/components/sidebar.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ const sidebarSection = (section, title) => (
77
<Text type="body" fontWeight="700" as="p" m="24px 0 8px 0">{section.name}</Text>
88
{
99
section.routes.map((elm) => (
10-
<Text as="p" m="5px 0" fontWeight={title === elm.title ? '700' : '500'}><Link href={elm.href}>{elm.title}</Link></Text>
10+
<Text key={elm.title} as="p" m="5px 0" fontWeight={title === elm.title ? '700' : '500'}><Link href={elm.href}>{elm.title}</Link></Text>
1111
))
1212
}
1313
</>

‎docs/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
"start": "next start"
88
},
99
"dependencies": {
10-
"@hack4impact-uiuc/bridge": "^0.0.7",
10+
"@hack4impact-uiuc/bridge": "^0.0.8",
1111
"@mdx-js/loader": "^1.6.1",
1212
"@mdx-js/tag": "^0.20.3",
1313
"@next/mdx": "^9.3.6",

‎docs/pages/_document.js

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,15 +25,10 @@ class DocSite extends Document {
2525
sizes="16x16"
2626
href="/favicons/favicon-16x16.svg"
2727
/>
28-
<link rel="manifest" href="/favicons/site.webmanifest" />
29-
<link rel="mask-icon" href="favicons/safari-pinned-tab.svg" color="#000000" />
3028
<link rel="shortcut icon" href="/favicons/favicon.ico" />
3129
<link href="https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap" rel="stylesheet" />
3230

33-
<meta name="msapplication-TileColor" content="#000000" />
34-
<meta name="msapplication-config" content="/favicons/browserconfig.xml" />
3531
<meta name="theme-color" content="#155DA1" />
36-
<link rel="alternate" type="application/rss+xml" href="/feed.xml" />
3732
<meta charSet="UTF-8" />
3833
</Head>
3934
<body style={{ margin: 0 }}>

‎docs/pages/design/alerts.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ Links within alerts are set in 18px HK Grotesk SemiBold text (check [typography]
5757

5858
<CodeExampleBox p="md" pb="xxs">
5959
<Alert variant="success" mb="md">
60-
This is a success alert! This is an accompanying <Link href="#">link</Link>.
60+
This is a success alert! This is an accompanying <Link href="#">{" link"}</Link>.
6161
</Alert>
6262

6363
<Alert variant="error" mb="md">

0 commit comments

Comments
 (0)