fix: reverted default mono font, font-ld only for buttons (#155)

Author: rsodre

src/components/primitives/button/utils.ts

@@ -1,7 +1,7 @@
 import { cva } from "class-variance-authority";
 
 export const buttonVariants = cva(
-  "select-none inline-flex justify-center items-center gap-1.5 whitespace-nowrap rounded-md uppercase font-mono font-semibold ring-offset-background transition-colors transition-opacity focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:pointer-events-none",
+  "select-none inline-flex justify-center items-center gap-1.5 whitespace-nowrap rounded-md uppercase font-ld font-semibold ring-offset-background transition-colors transition-opacity focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:pointer-events-none",
   {
     variants: {
       variant: {

src/components/typography/ld.stories.tsx

@@ -0,0 +1,71 @@
+import { cn } from "@/utils";
+import type { Meta, StoryObj } from "@storybook/react";
+
+const P = ({ label, className }: { label: string; className: string }) => {
+  return <p className={cn("font-ld", className)}>{label}</p>;
+};
+
+const meta: Meta<typeof P> = {
+  title: "Typography/LD Mono",
+  component: P,
+  tags: ["autodocs"],
+  parameters: {
+    layout: "centered",
+  },
+  args: {
+    label: "The quick brown fox jumps over the lazy dog.",
+    className: "",
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof P>;
+
+export const Light14px: Story = {
+  args: {
+    className: "text-sm font-light",
+  },
+};
+
+export const Regular14px: Story = {
+  args: {
+    className: "text-sm",
+  },
+};
+
+export const Medium14px: Story = {
+  args: {
+    className: "text-sm font-medium",
+  },
+};
+
+export const SemiBold14px: Story = {
+  args: {
+    className: "text-sm font-semibold",
+  },
+};
+
+export const Light16px: Story = {
+  args: {
+    className: "text-base font-light",
+  },
+};
+
+export const Regular16px: Story = {
+  args: {
+    className: "text-base",
+  },
+};
+
+export const Medium16px: Story = {
+  args: {
+    className: "text-base font-medium",
+  },
+};
+
+export const SemiBold16px: Story = {
+  args: {
+    className: "text-base font-semibold",
+  },
+};

src/preset.ts

@@ -91,7 +91,8 @@ export const cartridgeTWPreset: Partial<Config> = {
     extend: {
       fontFamily: {
         sans: ["Inter", ...defaultTheme.fontFamily.sans],
-        mono: ["LD_Mono", "IBM Plex Mono", ...defaultTheme.fontFamily.mono],
+        mono: ["IBM Plex Mono", ...defaultTheme.fontFamily.mono],
+        ld: ["LD_Mono", ...defaultTheme.fontFamily.mono],
       },
       fontSize: {
         ["2xs"]: "10px",