Use "Inter" as default typeface (#5741)

* Inter * tweaks * tweaks
2023-08-31 18:07:45 -04:00
parent 7abb4f9ad6
commit 4e53029377
15 changed files with 60 additions and 44 deletions
--- a/app/components/Text.ts
+++ b/app/components/Text.ts
@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";

 type Props = {
  type?: "secondary" | "tertiary" | "danger";
@@ -31,12 +31,17 @@ const Text = styled.p<Props>`
      : props.size === "xsmall"
      ? "13px"
      : "inherit"};
-  font-weight: ${(props) =>
-    props.weight === "bold"
-      ? 500
-      : props.weight === "normal"
-      ? "normal"
-      : "inherit"};
+
+  ${(props) =>
+    props.weight &&
+    css`
+      font-weight: ${props.weight === "bold"
+        ? 500
+        : props.weight === "normal"
+        ? 400
+        : "inherit"};
+    `}
+
  white-space: normal;
  user-select: ${(props) => (props.selectable ? "text" : "none")};
 `;