feat: finalize tool cards

packages/website-ue/src/components/Text/index.css

@@ -4,4 +4,24 @@
   &[data-size="minor"] {
     font-size: var(--font-size-minor);
   }
+
+  &[data-weight="light"] {
+    font-weight: var(--weight-light);
+  }
+
+  &[data-weight="regular"] {
+    font-weight: var(--weight-regular);
+  }
+
+  &[data-weight="medium"] {
+    font-weight: var(--weight-medium);
+  }
+
+  &[data-weight="bold"] {
+    font-weight: var(--weight-bold);
+  }
+
+  &[data-weight="black"] {
+    font-weight: var(--weight-black);
+  }
 }

packages/website-ue/src/components/Text/index.tsx

@@ -5,6 +5,7 @@ import "./index.css";
 
 export interface TextProps extends ComponentProps<"span"> {
   color?: Color;
+  weight?: "light" | "regular" | "medium" | "bold" | "black";
   lowContrast?: boolean;
   size?: "regular" | "minor";
 }
@@ -14,13 +15,16 @@ export function Text({
   lowContrast,
   className,
   size = "regular",
+  weight,
+  style,
   ...props
 }: TextProps) {
   return (
     <span
       className={classNames("text", className)}
-      style={{ color: `var(--${color}-${lowContrast ? 11 : 12})` }}
+      style={{ color: `var(--${color}-${lowContrast ? 11 : 12})`, ...style }}
       data-size={size}
+      data-weight={weight}
       {...props}
     />
   );