@lax-wp/design-system 0.9.14 → 0.9.16

package/dist/index.es.js

@@ -5684,7 +5684,7 @@ const mt = $e(({
     switch (t) {
       case "primary":
         return {
-          backgroundImage: "repeating-linear-gradient(3deg, #016DCF, #016DCF 10px, transparent 10px, transparent 19px, #016DCF 19px), repeating-linear-gradient(93deg, #016DCF, #016DCF 10px, transparent 10px, transparent 19px, #016DCF 19px), repeating-linear-gradient(183deg, #016DCF, #016DCF 10px, transparent 10px, transparent 19px, #016DCF 19px), repeating-linear-gradient(273deg, #016DCF, #016DCF 10px, transparent 10px, transparent 19px, #016DCF 19px)",
+          backgroundImage: "repeating-linear-gradient(3deg, var(--color-primary-600), var(--color-primary-600) 10px, transparent 10px, transparent 19px, var(--color-primary-600) 19px), repeating-linear-gradient(93deg, var(--color-primary-600), var(--color-primary-600) 10px, transparent 10px, transparent 19px, var(--color-primary-600) 19px), repeating-linear-gradient(183deg, var(--color-primary-600), var(--color-primary-600) 10px, transparent 10px, transparent 19px, var(--color-primary-600) 19px), repeating-linear-gradient(273deg, var(--color-primary-600), var(--color-primary-600) 10px, transparent 10px, transparent 19px, var(--color-primary-600) 19px)",
           backgroundSize: "1px 100%, 100% 1px, 1px 100% , 100% 1px",
           backgroundPosition: "0 0, 0 0, 100% 0, 0 100%",
           backgroundRepeat: "no-repeat"
@@ -73770,41 +73770,43 @@ const Bne = {
     {
       ref: i,
       className: z(
-        "markdown-preview prose prose-sm dark:prose-invert max-w-none",
-        // Headings - consistent spacing, inherit color so className overrides work
-        "[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-7 [&_h1]:text-inherit",
-        "[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-7 [&_h2]:text-inherit",
-        "[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-6 [&_h3]:text-inherit",
+        "markdown-preview max-w-none",
+        // Base typography - match input exactly
+        "font-inter font-medium text-sm leading-4.5",
+        // Headings - inherit base styling
+        "[&_h1]:text-2xl [&_h1]:font-bold [&_h1]:my-1 [&_h1]:leading-5 [&_h1]:text-inherit",
+        "[&_h2]:text-xl [&_h2]:font-bold [&_h2]:my-1 [&_h2]:leading-5 [&_h2]:text-inherit",
+        "[&_h3]:text-lg [&_h3]:font-semibold [&_h3]:my-1 [&_h3]:leading-5 [&_h3]:text-inherit leading-4.5",
         "[&_h4]:text-inherit [&_h5]:text-inherit [&_h6]:text-inherit",
-        // Paragraphs
-        "[&_p]:my-1 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-6",
-        // Lists - conditional indentation
-        a ? "[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-1 [&_ul]:my-1" : "[&_ul]:list-disc [&_ul]:ml-8 [&_ul]:space-y-1 [&_ul]:my-1",
-        a ? "[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-1 [&_ol]:my-1" : "[&_ol]:list-decimal [&_ol]:ml-8 [&_ol]:space-y-1 [&_ol]:my-1",
-        "[&_li]:mb-0 [&_li]:text-sm [&_li]:font-medium [&_li]:leading-5 [&_li::marker]:text-inherit",
+        // Paragraphs - already inherits from base
+        "[&_p]:my-0",
+        // Lists - conditional indentation, match input
+        a ? "[&_ul]:list-disc [&_ul]:ml-0 [&_ul]:pl-6 [&_ul]:space-y-0 [&_ul]:my-0" : "[&_ul]:list-disc [&_ul]:ml-5 [&_ul]:space-y-0 [&_ul]:my-0",
+        a ? "[&_ol]:list-decimal [&_ol]:ml-0 [&_ol]:pl-6 [&_ol]:space-y-0 [&_ol]:my-0" : "[&_ol]:list-decimal [&_ol]:ml-5 [&_ol]:space-y-0 [&_ol]:my-0",
+        "[&_li]:mb-0 [&_li::marker]:text-inherit",
         a ? "[&_li]:pl-2" : "",
         // Task list items (checkboxes) - hide bullets and adjust spacing
         "[&_li:has(input[type='checkbox'])]:list-none",
         a ? "[&_li:has(input[type='checkbox'])]:pl-0 [&_li:has(input[type='checkbox'])]:-ml-4.5" : "[&_li:has(input[type='checkbox'])]:-ml-4.5",
         "[&_li>input[type='checkbox']]:mr-2",
-        // Blockquotes
+        // Blockquotes - match input line height
         "[&_blockquote]:border-l-4 [&_blockquote]:border-neutral-300 [&_blockquote]:dark:border-neutral-600",
-        a ? "[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-0" : "[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-1 [&_blockquote]:leading-6 [&_blockquote]:ml-4",
+        a ? "[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-0" : "[&_blockquote]:pl-4 [&_blockquote]:py-2 [&_blockquote]:italic [&_blockquote]:my-0 [&_blockquote]:leading-5 [&_blockquote]:ml-4",
         // Links
         "[&_a]:text-primary-600 [&_a]:dark:text-primary-400 [&_a]:underline",
         // Text styles
         "[&_strong]:font-semibold [&_em]:italic [&_u]:underline [&_del]:line-through",
         // Images
-        "[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-1",
+        "[&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:my-0",
         // Tables
-        "[&_table]:w-full [&_table]:border-collapse [&_table]:my-1",
+        "[&_table]:w-full [&_table]:border-collapse [&_table]:my-0",
         "[&_th]:border [&_th]:border-neutral-300 [&_th]:dark:border-neutral-600",
         "[&_th]:px-3 [&_th]:py-2 [&_th]:bg-neutral-50 [&_th]:dark:bg-neutral-800",
         "[&_th]:font-semibold [&_th]:text-left",
         "[&_td]:border [&_td]:border-neutral-300 [&_td]:dark:border-neutral-600",
         "[&_td]:px-3 [&_td]:py-2",
         // Horizontal rules
-        "[&_hr]:my-1 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600",
+        "[&_hr]:my-0 [&_hr]:border-neutral-300 [&_hr]:dark:border-neutral-600",
         // Default text color (can be overridden by className)
         "text-[#101828] dark:text-neutral-100",
         // User className applied last for maximum specificity
@@ -73863,7 +73865,8 @@ const Bne = {
               ] }) : /* @__PURE__ */ l(
                 "code",
                 {
-                  className: z(s, "bg-neutral-100 dark:bg-neutral-800 px-1.5 py-0.5 rounded font-mono text-[#101828] dark:text-neutral-200"),
+                  className: z(s, "bg-neutral-100 dark:bg-neutral-800 px-1 rounded font-inter"),
+                  style: { fontSize: "inherit", color: "inherit" },
                   ...A,
                   children: o
                 }