Update Card and Box typing

Author: tko22

docs/pages/components/cards.mdx

@@ -7,7 +7,7 @@ export default Layout({...meta})
 
 `Card` is used to contain information together. There are multiple ways to customize the content within the card. Cards are 100% wide unless otherwise stated.
 
-For information on Card style and usage guidelines, check out [Card Design Guidelines](/design/card).
+For information on Card style and usage guidelines, check out [Card Design Guidelines](/design/cards).
 
 #### Example
 

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@^1.2.3":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@hack4impact-uiuc/bridge/-/bridge-1.2.2.tgz#652b0d80943a99340a5ba535b92176e5d8472452"
-  integrity sha512-J2UT2JLxk25YgcecLXoqPS9fhB5ZNJjXTwmESpKhUbfOHwdYHHAvPBe/qiTDUcNc5cHADw/1zaQ5+un1V0wjgQ==
+"@hack4impact-uiuc/bridge@^1.2.5":
+  version "1.2.5"
+  resolved "https://registry.yarnpkg.com/@hack4impact-uiuc/bridge/-/bridge-1.2.5.tgz#dc9d799938c2bddedc277e6618d43cf2f293d5ab"
+  integrity sha512-C7id+SlAJluaXpM11EueRauX/ovRdWY8aXo0hEChBQhUO7Gj3bMnu1Gm9WjR2SW9tKr/WwnrO9PyWVqIHVlpeA==
   dependencies:
     "@styled-system/prop-types" "^5.1.5"
     "@styled-system/theme-get" "^5.1.2"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hack4impact-uiuc/bridge",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "description": "Hack4Impact UIUC's Design System + React Component library",
   "main": "dist/index.js",
   "author": "Timothy Ko <[email protected]>",

src/components/Box/index.d.ts

@@ -1,6 +1,6 @@
 import { FlexboxProps, Theme } from "styled-system";
 import { FunctionComponent } from "react";
-import { BorderProps, CommonProps } from "../../utils/common";
+import { BordersProps, CommonProps } from "../../utils/common";
 
 export interface BoxProps extends BordersProps, CommonProps, FlexboxProps {
   theme?: Theme;

src/components/Card/index.d.ts

@@ -1,15 +1,15 @@
 import { FunctionComponent, HTMLProps } from "react";
 import { Theme } from "styled-system";
 import { CommonProps, TypographyProps } from "../../utils/common";
-import { BoxProps } from "../Box";
+import { FlexProps } from "../Flex";
 
-interface CardWrapperProps extends BoxProps {
-  theme: Theme;
+interface CardWrapperProps extends FlexProps {
+  theme?: Theme;
 }
 
 // TODO: is there better naming for this?
 interface CardTypographyProps extends CommonProps, TypographyProps {
-  theme: Theme;
+  theme?: Theme;
 }
 
 export interface CardProps extends CardWrapperProps {}
@@ -21,7 +21,7 @@ export interface CardContentProps extends CardWrapperProps {}
 export interface CardFooterProps extends CardWrapperProps {}
 
 export interface CardImageProps extends HTMLProps<HTMLImageElement> {
-  theme: Theme;
+  theme?: Theme;
 }
 
 export interface CardOverlineProps extends CardTypographyProps {}