From 6e1865a0ce010134c493ce37ad1e4f2c644d341e Mon Sep 17 00:00:00 2001 From: Timothy Ko Date: Sun, 31 May 2020 18:54:33 -0700 Subject: [PATCH 1/4] first commit --- docs/components/design/buttonStyleText.js | 9 + docs/components/design/colorPalette.js | 2 +- docs/components/layout.js | 2 +- docs/components/sidebar.js | 2 +- docs/package.json | 2 +- docs/pages/_document.js | 5 - docs/pages/design/alerts.mdx | 2 +- docs/pages/design/buttons.mdx | 222 +++++++++++++++++- docs/pages/design/colors.mdx | 2 +- docs/pages/design/tags.mdx | 86 ++++++- docs/pages/design/typography.mdx | 12 +- .../design/tags/tags-dimensions.png | Bin 0 -> 9480 bytes .../design/tags/tags-dimensions.svg | 77 ++++++ .../design/tags/tags-dimensions.tiff | Bin 0 -> 127754 bytes .../docs-content/design/tags/tags-do.svg | 19 ++ .../docs-content/design/tags/tags-dont.svg | 26 ++ docs/yarn.lock | 8 +- package.json | 2 +- src/components/Alert/Alert.js | 1 - 19 files changed, 452 insertions(+), 27 deletions(-) create mode 100644 docs/components/design/buttonStyleText.js create mode 100644 docs/public/docs-content/design/tags/tags-dimensions.png create mode 100644 docs/public/docs-content/design/tags/tags-dimensions.svg create mode 100644 docs/public/docs-content/design/tags/tags-dimensions.tiff create mode 100644 docs/public/docs-content/design/tags/tags-do.svg create mode 100644 docs/public/docs-content/design/tags/tags-dont.svg diff --git a/docs/components/design/buttonStyleText.js b/docs/components/design/buttonStyleText.js new file mode 100644 index 0000000..4bc81f2 --- /dev/null +++ b/docs/components/design/buttonStyleText.js @@ -0,0 +1,9 @@ +import { Text } from '@hack4impact-uiuc/bridge'; + +const ButtonStyleText = ({ children, order, ...props }) => ( + + {children} + +); + +export default ButtonStyleText; diff --git a/docs/components/design/colorPalette.js b/docs/components/design/colorPalette.js index 0755acf..8b2a261 100644 --- 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 index d9d76b1..0a3a56a 100644 --- 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, Link, Heading, Text, theme, } 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 index 99d15dd..2eef0b2 100644 --- a/docs/components/sidebar.js +++ b/docs/components/sidebar.js @@ -7,7 +7,7 @@ const sidebarSection = (section, title) => ( {section.name} { section.routes.map((elm) => ( - {elm.title} + {elm.title} )) } diff --git a/docs/package.json b/docs/package.json index 7625421..1ae86b0 100644 --- 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 index a3ee0e0..72ba28c 100644 --- 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" /> - - - - - diff --git a/docs/pages/design/alerts.mdx b/docs/pages/design/alerts.mdx index 810aceb..8324280 100644 --- 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] - This is a success alert! This is an accompanying link. + This is a success alert! This is an accompanying {" link"}. diff --git a/docs/pages/design/buttons.mdx b/docs/pages/design/buttons.mdx index 4e0ad35..91a04e0 100644 --- a/docs/pages/design/buttons.mdx +++ b/docs/pages/design/buttons.mdx @@ -1,7 +1,223 @@ export const meta = {type: "design", title: "Buttons"} -import ColorPalette from '../../components/design/colorPalette.js' -import { theme, Flex, Box } from '@hack4impact-uiuc/bridge' +import CodeExampleBox from '../../components/CodeExampleBox' +import { theme, Flex, Box, Heading, Button, Link, Text } from '@hack4impact-uiuc/bridge' +import Row from '../../components/row.js' +import Col from '../../components/col.js' +import ButtonStyleText from '../../components/design/buttonStyleText.js' import Layout from '../../components/layout.js' -export default Layout({...meta}) \ No newline at end of file +export default Layout({...meta}) + + + + + + + Primary + + + + + + + + + Secondary + + + + + + + + + Tertiary + + + + + +
+ + + + + + + + + + + + BG Color: #155DA1 + + + Hover BG Color: #0E4E8A + + + Text Color: #FFFFFF + + + + + + + + + + + + + + + + BG Color: #FFFFFF + + + Border/Text Color: #155DA1 + + + Hover Border/Text Color: #0E4E8A + + + + + + + + + + APPLY NOW + + + + + + Text Color: #155DA1 + + + Hover Text Color: #0E4E8A + + + + + + + + + + + + + + + + + + BG Color: #155DA1 + + + Hover BG Color: #0D3F6E + + + Text Color: #FFFFFF + + + + + + + + + + + + + + BG Color: #FFFFFF + + + Border/Text Color: #155DA1 + + + Hover Border/Text Color: #0D3F6E + + + + + + + + + APPLY NOW + + + + + Text Color: #155DA1 + + + Hover Text Color: #0D3F6E + + + + + + + + + + + + + + + + + Background: #FFFFFF + + + Text Color: #2D4979 + + + Drop Shadow on Hover + + + + + + + + + + + + + + Background: #2D4979 + + + Border/Text Color: #FFFFFF + + + Drop Shadow on Hover + + + + + + + + + APPLY NOW + + + + + Text Color: #FFFFFF + + + + + \ No newline at end of file diff --git a/docs/pages/design/colors.mdx b/docs/pages/design/colors.mdx index 2ddbc83..3c2ba91 100644 --- a/docs/pages/design/colors.mdx +++ b/docs/pages/design/colors.mdx @@ -23,7 +23,7 @@ Secondary colors are for actions or states. Green is for success. Red is for err Top color indicates a color that can be used for main text. Bottom color is used for supporting text. - + #### Usage diff --git a/docs/pages/design/tags.mdx b/docs/pages/design/tags.mdx index 088e2f0..a1baba3 100644 --- a/docs/pages/design/tags.mdx +++ b/docs/pages/design/tags.mdx @@ -1,4 +1,88 @@ export const meta = {type: "design", title: "Tags"} +import { Tag, Box, Flex } from '@hack4impact-uiuc/bridge' +import CodeExampleBox from '../../components/CodeExampleBox' + import Layout from '../../components/layout.js' -export default Layout({...meta}) \ No newline at end of file +export default Layout({...meta}) + +Tags are used for categorizing and labeling. Tags may be any color in your color palette, along with their light, primary, dark shades with white text. Check out [Bridge's color palette](/design/colors) for more information on colors. + +
+ +#### Light + +Light Red +Light Yellow +Light Green + +Light Blue +Light Indigo +Light Grey + + +
+ +#### Primary + +Red +Yellow +Green + +Blue +Indigo +Grey + + +
+ +#### Dark + +Dark Red +Dark Yellow +Dark Green + +Dark Blue +Dark Indigo +Dark Grey + + +
+
+
+ +### Tags Visual Style + +**Structure and Spacing** + + + +**Dimensions** + +Tags have horizontal padding of 8 px and vertical padding of 8 px. +Tags have a default height of 28 px. + +
+ +**Borders** + +Tags have a border radius of 4 px. + +
+ +**Text** + +Buttons use body text style. + +
+ +### Usage + + + + + + + + + \ No newline at end of file diff --git a/docs/pages/design/typography.mdx b/docs/pages/design/typography.mdx index d40de81..99d455d 100644 --- a/docs/pages/design/typography.mdx +++ b/docs/pages/design/typography.mdx @@ -1,6 +1,6 @@ export const meta = {type: "design", title: "Typography"} -import { Heading, Text, theme} from '@hack4impact-uiuc/bridge' +import { Heading, Text, Box, theme } from '@hack4impact-uiuc/bridge' import Row from '../../components/row.js' import Col from '../../components/col.js' @@ -412,31 +412,31 @@ typography styles. Font - {theme.typography.body.fontFamily} + {theme.typography.tags.fontFamily} Weight - {theme.typography.body.fontWeight} + {theme.typography.tags.fontWeight} Size - {theme.typography.body.fontSize} + {theme.typography.tags.fontSize} Letter Spacing - {theme.typography.body.letterSpacing} + {theme.typography.tags.letterSpacing} Line Height - {theme.typography.body.lineHeight} + {theme.typography.tags.lineHeight} \ No newline at end of file diff --git a/docs/public/docs-content/design/tags/tags-dimensions.png b/docs/public/docs-content/design/tags/tags-dimensions.png new file mode 100644 index 0000000000000000000000000000000000000000..031fa6d8e0b51343581d835be53676bf3ba9a710 GIT binary patch literal 9480 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 literal 0 HcmV?d00001 diff --git a/docs/public/docs-content/design/tags/tags-dimensions.svg b/docs/public/docs-content/design/tags/tags-dimensions.svg new file mode 100644 index 0000000..ac82070 --- /dev/null +++ b/docs/public/docs-content/design/tags/tags-dimensions.svg @@ -0,0 +1,77 @@ + + + + Tags + Created with Sketch. + + + + + + + + Light Red + + + Light Blue + + + Light Indigo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 8 px + + + 4 px + + + 8 px + + + 8 px + + + 8 px + + + + + + + + + + + \ No newline at end of file diff --git a/docs/public/docs-content/design/tags/tags-dimensions.tiff b/docs/public/docs-content/design/tags/tags-dimensions.tiff new file mode 100644 index 0000000000000000000000000000000000000000..e54379cfb77fa9359879f18c367fdece71d91832 GIT binary patch literal 127754 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 QWc2CaXS>h$kRL+-1II`r`2YX_ literal 0 HcmV?d00001 diff --git a/docs/public/docs-content/design/tags/tags-do.svg b/docs/public/docs-content/design/tags/tags-do.svg new file mode 100644 index 0000000..ef158be --- /dev/null +++ b/docs/public/docs-content/design/tags/tags-do.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/docs/public/docs-content/design/tags/tags-dont.svg b/docs/public/docs-content/design/tags/tags-dont.svg new file mode 100644 index 0000000..f81034f --- /dev/null +++ b/docs/public/docs-content/design/tags/tags-dont.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/yarn.lock b/docs/yarn.lock index d013ec1..ddfd73a 100644 --- a/docs/yarn.lock +++ b/docs/yarn.lock @@ -986,10 +986,10 @@ resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed" integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== -"@hack4impact-uiuc/bridge@^0.0.7": - version "0.0.7" - resolved "https://registry.yarnpkg.com/@hack4impact-uiuc/bridge/-/bridge-0.0.7.tgz#e87e4eec6c1113d0f4c87cb621945d8b960412a5" - integrity sha512-yDDWXi4/WQUIPy874soNspYJsAiiwoP1zEIEGdKVKD6Y0IMWPKBR/AscPPHIc89SclJv1GQCFeZEW1Bnq3ZS/w== +"@hack4impact-uiuc/bridge@^0.0.8": + version "0.0.8" + resolved "https://registry.yarnpkg.com/@hack4impact-uiuc/bridge/-/bridge-0.0.8.tgz#83bc1ac9afcba9b2b3238ba5e775e753d8b56a4f" + integrity sha512-Kjj7Q7+cynq3KeYL1kdoOvWGQ2oV6+56aWPHghu1bk2uqPfjXgRYh2nOzJVetOg1D/xQrOU36UkfxefL0K5OAQ== dependencies: "@styled-system/prop-types" "^5.1.5" "@styled-system/theme-get" "^5.1.2" diff --git a/package.json b/package.json index b8f8d8e..3f67615 100644 --- a/package.json +++ b/package.json @@ -74,7 +74,7 @@ "react": "^16.12.0", "react-dom": "^16.12.0", "react-is": "^16.12.0", - "styled-components": "4.4.1" + "styled-components": "^5.1.0" }, "directories": { "doc": "docs" diff --git a/src/components/Alert/Alert.js b/src/components/Alert/Alert.js index 51e4961..6b80541 100644 --- a/src/components/Alert/Alert.js +++ b/src/components/Alert/Alert.js @@ -24,7 +24,6 @@ const Alert = styled.div` // size padding: 16px 16px; - width: 100%; svg { margin-right: 16px; From 80732781cabb596b26e3711978cb49278ef5e3d7 Mon Sep 17 00:00:00 2001 From: Timothy Ko Date: Sun, 31 May 2020 21:20:43 -0700 Subject: [PATCH 2/4] Buttons --- docs/pages/design/buttons.mdx | 508 ++++++++++++++---- .../docs-content/design/buttons/LgButton.svg | 56 ++ .../docs-content/design/buttons/MedButton.svg | 55 ++ .../docs-content/design/buttons/SmButton.svg | 55 ++ .../design/tags/tags-dimensions.png | Bin 9480 -> 0 bytes .../design/tags/tags-dimensions.tiff | Bin 127754 -> 0 bytes 6 files changed, 581 insertions(+), 93 deletions(-) create mode 100644 docs/public/docs-content/design/buttons/LgButton.svg create mode 100644 docs/public/docs-content/design/buttons/MedButton.svg create mode 100644 docs/public/docs-content/design/buttons/SmButton.svg delete mode 100644 docs/public/docs-content/design/tags/tags-dimensions.png delete mode 100644 docs/public/docs-content/design/tags/tags-dimensions.tiff diff --git a/docs/pages/design/buttons.mdx b/docs/pages/design/buttons.mdx index 91a04e0..7acd5c0 100644 --- a/docs/pages/design/buttons.mdx +++ b/docs/pages/design/buttons.mdx @@ -5,58 +5,57 @@ import { theme, Flex, Box, Heading, Button, Link, Text } from '@hack4impact-uiuc import Row from '../../components/row.js' import Col from '../../components/col.js' import ButtonStyleText from '../../components/design/buttonStyleText.js' +import LgButton from '../../public/docs-content/design/buttons/LgButton.svg' +import MedButton from '../../public/docs-content/design/buttons/MedButton.svg' +import SmButton from '../../public/docs-content/design/buttons/SmButton.svg' import Layout from '../../components/layout.js' export default Layout({...meta}) +A button is used to trigger an action. + +- **Primary Buttons** are strong visual indicators to guide the user to complete their goal or journey. Example situations are where the user would want to go to the next step, starting a journey, etc. These should be obvious. +- **Secondary Buttons** are used for to provide an alternative action to the primary one. These should be clear but not obvious. +- **Tertiary Buttons** are used for actions that may be used by the user but not necessarily the action they would need to do right then. + +For the primary set of colors (blue), you should use a different shade based on the background its on top of (note the differences in hover as well). + +#### Primary Color + - - - Primary - - + Primary - - - Secondary - - + Secondary - - - Tertiary - - + Tertiary +
- + + + - - - - - - + - BG Color: #155DA1 + Background: #155DA1 - Hover BG Color: #0E4E8A + Hover Background: #0E4E8A - Text Color: #FFFFFF + Text: #FFFFFF @@ -64,21 +63,17 @@ export default Layout({...meta}) + - - - - - - + - BG Color: #FFFFFF + Background: #FFFFFF - Border/Text Color: #155DA1 + Border/Text: #155DA1 - Hover Border/Text Color: #0E4E8A + Hover Border/Text: #0E4E8A @@ -86,18 +81,14 @@ export default Layout({...meta}) + APPLY NOW - - APPLY NOW - - - - + - Text Color: #155DA1 + Text: #155DA1 - Hover Text Color: #0E4E8A + Hover Text: #0E4E8A @@ -105,80 +96,66 @@ export default Layout({...meta}) - + - - - - - - + + - BG Color: #155DA1 + Background: #155DA1 - Hover BG Color: #0D3F6E + Hover Background: #0D3F6E - Text Color: #FFFFFF + Text: #FFFFFF + - - + + + Background: #FFFFFF + + + Border/Text: #155DA1 + + + Hover Border/Text: #0D3F6E + - - - BG Color: #FFFFFF - - - Border/Text Color: #155DA1 - - - Hover Border/Text Color: #0D3F6E - - - - - APPLY NOW - - - + APPLY NOW + - Text Color: #155DA1 + Text: #155DA1 - Hover Text Color: #0D3F6E + Hover Text: #0D3F6E - + - - - - - - + + Background: #FFFFFF - Text Color: #2D4979 + Text: #2D4979 Drop Shadow on Hover @@ -188,17 +165,13 @@ export default Layout({...meta}) - - - - - - + + Background: #2D4979 - Border/Text Color: #FFFFFF + Border/Text: #FFFFFF Drop Shadow on Hover @@ -208,16 +181,365 @@ export default Layout({...meta}) + APPLY NOW + + + Text: #FFFFFF + + + + + + + +
+
+ +### Disabled State + + + + + + Primary + + + + + Secondary + + + + + Tertiary + + + + +
+ + + + + - - APPLY NOW + + + Background: #B4D8FA + + + Text: #FFFFFF + - + + + + + + + + + Background: #FFFFFF + + + Border/Text: #B4D8FA + + + + + + + + n/a + + + + + + + + + + + Background: #EBEEF2 + + + Border: #8B9199 + + + + + + + + + + + Background: #FFFFFF + + + Border: #EBEEF2 + + + Text: #8B9199 + + + + + + + + n/a + + + + + + + + + - Text Color: #FFFFFF + Background: #415F94 + + + Text: #7D9CD2 + + + + + + + + + + Background: #2D4979 + + + Border: #415F94 + + + Text Color: #7D9CD2 - \ No newline at end of file + + + n/a + + + +
+ + +#### For all other colors + +This includes secondary colors (red, green, yellow) and indigo. You should use the "dark" shade of the color for the hover state and the "light" shade of the color for disabled state. Look at [Colors](/design/colors) from more specifics. + + + + + State + + + + + Primary + + + + + Secondary + + + + +
+ + + + + Active + + + + + + + Use the primary color in the palette. + + + + + + + + Use the primary color in the palette for both border and text. + + + + + + + + + Hovered + + + + + + + Use the “dark” color in the palette. + + + + + + + + Use the “dark” color in the palette for both border and text.. + + + + + + + + + Disabled + + + + + + + Use the “lighter” color in the palette. + + + + + + + + Use the “lighter” color in the palette for both border and text. + + + + + +
+ +#### Button Sizing +There are 3 sizes of buttons. Large buttons are mainly used for call to actions and homepage. Use sparingly. + +Large + + + +Medium + + + +Small + + +
+ +
+ +#### Basic Visual Style + +**Borders** + +Buttons have a border radius of 13 px. +Secondary Buttons have border widths of 2 px. + +
+ +**Drop Shadow** + +Drop shadows have these attributes: `box-shadow: 0 1px 6px 2px rgba(0,0,0,0.15);` + +
+ +**Inline Links** + +Inline links should inherit text style. + +
+ +**Button Typography** + +Large & Medium Button + + + + Font + {theme.typography.button.fontFamily} + + + + + Weight + {theme.typography.button.fontWeight} + + + + + Size + {theme.typography.button.fontSize} + + + + + Letter Spacing + {theme.typography.button.letterSpacing} + + + + + Line Height + {theme.typography.button.lineHeight} + + + + + +Small Button + + + + Font + {theme.typography.buttonSmall.fontFamily} + + + + + Weight + {theme.typography.buttonSmall.fontWeight} + + + + + Size + {theme.typography.buttonSmall.fontSize} + + + + + Letter Spacing + {theme.typography.buttonSmall.letterSpacing} + + + + + Line Height + {theme.typography.buttonSmall.lineHeight} + + + + + diff --git a/docs/public/docs-content/design/buttons/LgButton.svg b/docs/public/docs-content/design/buttons/LgButton.svg new file mode 100644 index 0000000..b21e940 --- /dev/null +++ b/docs/public/docs-content/design/buttons/LgButton.svg @@ -0,0 +1,56 @@ + + + + LgButton + Created with Sketch. + + + + + + APPLY NOW + + + + LEARN MORE + + + + + + + + 14 px + + + + + + + + + + + + + + 20 px + + + + + + + + + + + 32 px + + + 32 px + + + + + \ No newline at end of file diff --git a/docs/public/docs-content/design/buttons/MedButton.svg b/docs/public/docs-content/design/buttons/MedButton.svg new file mode 100644 index 0000000..b4631bc --- /dev/null +++ b/docs/public/docs-content/design/buttons/MedButton.svg @@ -0,0 +1,55 @@ + + + + MedButton + Created with Sketch. + + + + + + + + 16 px + + + 12 px + + + + + + + + + + + + + + + + + 16 px + + + + + + + + + + + + + + Apply Now + + + Learn More + + + + + \ No newline at end of file diff --git a/docs/public/docs-content/design/buttons/SmButton.svg b/docs/public/docs-content/design/buttons/SmButton.svg new file mode 100644 index 0000000..61c61df --- /dev/null +++ b/docs/public/docs-content/design/buttons/SmButton.svg @@ -0,0 +1,55 @@ + + + + SmButton + Created with Sketch. + + + + + + + + + + + + + + + + + + + + + 12 px + + + 12 px + + + 16 px + + + + + + + + + + + + + Apply Now + + + Learn More + + + + + + + \ No newline at end of file diff --git a/docs/public/docs-content/design/tags/tags-dimensions.png b/docs/public/docs-content/design/tags/tags-dimensions.png deleted file mode 100644 index 031fa6d8e0b51343581d835be53676bf3ba9a710..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9480 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 diff --git a/docs/public/docs-content/design/tags/tags-dimensions.tiff b/docs/public/docs-content/design/tags/tags-dimensions.tiff deleted file mode 100644 index e54379cfb77fa9359879f18c367fdece71d91832..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 127754 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 QWc2CaXS>h$kRL+-1II`r`2YX_ From 54900594c287908155c05abe61a15ed0ed00e178 Mon Sep 17 00:00:00 2001 From: Timothy Ko Date: Sun, 31 May 2020 21:22:08 -0700 Subject: [PATCH 3/4] later --- docs/components/layout.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/components/layout.js b/docs/components/layout.js index 0a3a56a..f254296 100644 --- 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, theme, + Flex, Heading, } from '@hack4impact-uiuc/bridge'; import FeedbackContext from './feedback-context'; import Markdown from './markdown'; From 17968a44309d5c5060d43899b67bebac38a53114 Mon Sep 17 00:00:00 2001 From: Timothy Ko Date: Sun, 31 May 2020 21:27:14 -0700 Subject: [PATCH 4/4] yep --- src/__tests__/__snapshots__/Alert.js.snap | 4 ---- 1 file changed, 4 deletions(-) diff --git a/src/__tests__/__snapshots__/Alert.js.snap b/src/__tests__/__snapshots__/Alert.js.snap index b22382b..bf6901f 100644 --- a/src/__tests__/__snapshots__/Alert.js.snap +++ b/src/__tests__/__snapshots__/Alert.js.snap @@ -24,7 +24,6 @@ exports[`Alert Alert Variants renders error 1`] = ` -ms-flex-align: center; align-items: center; padding: 16px 16px; - width: 100%; } .c0 svg { @@ -71,7 +70,6 @@ exports[`Alert Alert Variants renders information 1`] = ` -ms-flex-align: center; align-items: center; padding: 16px 16px; - width: 100%; } .c0 svg { @@ -118,7 +116,6 @@ exports[`Alert Alert Variants renders success 1`] = ` -ms-flex-align: center; align-items: center; padding: 16px 16px; - width: 100%; } .c0 svg { @@ -165,7 +162,6 @@ exports[`Alert Alert Variants renders warning 1`] = ` -ms-flex-align: center; align-items: center; padding: 16px 16px; - width: 100%; } .c0 svg {