fumadocs-ui 15.0.6 → 15.0.7

package/dist/style.css

@@ -24,7 +24,6 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
-    --font-weight-bold: 700;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
@@ -80,6 +79,16 @@
     --animate-fd-exitToLeft: fd-exitToLeft 250ms ease;
     --animate-fd-exitToRight: fd-exitToRight 250ms ease;
     --spacing-fd-container: 1400px;
+    --fd-sidebar-width: 0px;
+    --fd-toc-width: 0px;
+    --fd-layout-width: 100vw;
+    --fd-banner-height: 0px;
+    --fd-nav-height: 0px;
+    --fd-tocnav-height: 0px;
+    --fd-diff-remove-color: rgba(200, 10, 100, 0.12);
+    --fd-diff-remove-symbol-color: rgb(230, 10, 100);
+    --fd-diff-add-color: rgba(14, 180, 100, 0.12);
+    --fd-diff-add-symbol-color: rgb(10, 200, 100);
   }
 }
 @layer base {
@@ -227,31 +236,6 @@
   .collapse {
     visibility: collapse;
   }
-  .fd-step {
-    &:before {
-      background-color: var(--color-fd-secondary);
-      color: var(--color-fd-secondary-foreground);
-      content: counter(step);
-      counter-increment: step;
-      border-radius: 9999px;
-      justify-content: center;
-      align-items: center;
-      width: 2rem;
-      height: 2rem;
-      font-size: .875rem;
-      line-height: 1.25rem;
-      display: flex;
-      position: absolute;
-      left: -1rem;
-    }
-  }
-  .fd-steps {
-    counter-reset: step;
-    border-left-width: 1px;
-    margin-left: 1rem;
-    padding-left: 1.75rem;
-    position: relative;
-  }
   .absolute {
     position: absolute;
   }
@@ -291,6 +275,9 @@
   .-top-1\.5 {
     top: calc(var(--spacing) * -1.5);
   }
+  .top-\(--fd-banner-height\) {
+    top: var(--fd-banner-height);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -309,18 +296,12 @@
   .top-\[calc\(var\(--fd-banner-height\)\+var\(--fd-nav-height\)\)\] {
     top: calc(var(--fd-banner-height) + var(--fd-nav-height));
   }
-  .top-\[var\(--fd-banner-height\)\] {
-    top: var(--fd-banner-height);
-  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
   .bottom-1\.5 {
     bottom: calc(var(--spacing) * 1.5);
   }
-  .bottom-3 {
-    bottom: calc(var(--spacing) * 3);
-  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -370,12 +351,12 @@
       max-width: 1400px;
     }
   }
-  .-mx-1\.5 {
-    margin-inline: calc(var(--spacing) * -1.5);
-  }
   .-mx-2 {
     margin-inline: calc(var(--spacing) * -2);
   }
+  .mx-4 {
+    margin-inline: calc(var(--spacing) * 4);
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -388,18 +369,12 @@
   .my-6 {
     margin-block: calc(var(--spacing) * 6);
   }
-  .-ms-0\.5 {
-    margin-inline-start: calc(var(--spacing) * -0.5);
-  }
   .-ms-1 {
     margin-inline-start: calc(var(--spacing) * -1);
   }
   .-ms-1\.5 {
     margin-inline-start: calc(var(--spacing) * -1.5);
   }
-  .-ms-3 {
-    margin-inline-start: calc(var(--spacing) * -3);
-  }
   .ms-1 {
     margin-inline-start: calc(var(--spacing) * 1);
   }
@@ -720,14 +695,15 @@
     }
     :where(a:not([data-card])):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
       color: var(--tw-prose-links);
-      transition: text-decoration-color .2s;
+      transition: text-decoration .2s;
       font-weight: 500;
       text-decoration: underline;
       text-underline-offset: 3.5px;
-      text-decoration-color: color-mix(in oklab, var(--tw-prose-links) 50%, transparent);
+      text-decoration-color: var(--color-fd-primary);
+      text-decoration-thickness: 1.5px;
     }
     :where(a:not([data-card]):hover):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
-      text-decoration-color: var(--color-fd-primary);
+      text-decoration-thickness: 3px;
     }
     --tw-prose-body: color-mix(in oklab, var(--color-fd-foreground) 90%, transparent);
     --tw-prose-headings: var(--color-fd-foreground);
@@ -780,31 +756,26 @@
       border-bottom-color: var(--tw-prose-th-borders);
     }
   }
-  .prose-no-margin {
-    & > :first-child {
-      margin-top: 0;
-    }
-    & > :last-child {
-      margin-bottom: 0;
-    }
-  }
-  .mt-8 {
-    margin-top: calc(var(--spacing) * 8);
-  }
-  .mt-\[var\(--fd-nav-height\)\] {
+  .mt-\(--fd-nav-height\) {
     margin-top: var(--fd-nav-height);
   }
-  .mt-\[var\(--fd-top\)\] {
+  .mt-\(--fd-top\) {
     margin-top: var(--fd-top);
   }
+  .mt-2 {
+    margin-top: calc(var(--spacing) * 2);
+  }
+  .mt-8 {
+    margin-top: calc(var(--spacing) * 8);
+  }
   .mt-auto {
     margin-top: auto;
   }
   .-mb-1 {
     margin-bottom: calc(var(--spacing) * -1);
   }
-  .-mb-3 {
-    margin-bottom: calc(var(--spacing) * -3);
+  .-mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * -1.5);
   }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
@@ -858,32 +829,38 @@
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
-  .size-7 {
-    width: calc(var(--spacing) * 7);
-    height: calc(var(--spacing) * 7);
+  .size-6\.5 {
+    width: calc(var(--spacing) * 6.5);
+    height: calc(var(--spacing) * 6.5);
   }
   .size-full {
     width: 100%;
     height: 100%;
   }
-  .h-1\.5 {
-    height: calc(var(--spacing) * 1.5);
-  }
-  .h-14 {
-    height: calc(var(--spacing) * 14);
-  }
-  .h-\[var\(--fd-height\)\] {
+  .h-\(--fd-height\) {
     height: var(--fd-height);
   }
-  .h-\[var\(--fd-toc-height\)\] {
+  .h-\(--fd-toc-height\) {
     height: var(--fd-toc-height);
   }
-  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
+  .h-\(--radix-navigation-menu-viewport-height\) {
     height: var(--radix-navigation-menu-viewport-height);
   }
+  .h-1\.5 {
+    height: calc(var(--spacing) * 1.5);
+  }
+  .h-8 {
+    height: calc(var(--spacing) * 8);
+  }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
   .h-full {
     height: 100%;
   }
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
   .max-h-\[400px\] {
     max-height: 400px;
   }
@@ -893,15 +870,18 @@
   .max-h-\[600px\] {
     max-height: 600px;
   }
-  .max-h-\[var\(--radix-popover-content-available-height\)\] {
-    max-height: var(--radix-popover-content-available-height);
-  }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
   .min-h-10 {
     min-height: calc(var(--spacing) * 10);
   }
+  .w-\(--fd-toc-width\) {
+    width: var(--fd-toc-width);
+  }
+  .w-\(--radix-popover-trigger-width\) {
+    width: var(--radix-popover-trigger-width);
+  }
   .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -920,15 +900,6 @@
   .w-\[98vw\] {
     width: 98vw;
   }
-  .w-\[260px\] {
-    width: 260px;
-  }
-  .w-\[var\(--fd-toc-width\)\] {
-    width: var(--fd-toc-width);
-  }
-  .w-\[var\(--radix-popover-trigger-width\)\] {
-    width: var(--radix-popover-trigger-width);
-  }
   .w-fit {
     width: fit-content;
   }
@@ -997,6 +968,9 @@
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
+  .rotate-90 {
+    rotate: 90deg;
+  }
   .transform {
     transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y);
   }
@@ -1094,6 +1068,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -1115,6 +1092,10 @@
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
+  .rounded-s-none {
+    border-start-start-radius: 0;
+    border-end-start-radius: 0;
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1123,6 +1104,14 @@
     border-inline-start-style: var(--tw-border-style);
     border-inline-start-width: 1px;
   }
+  .border-s-0 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 0px;
+  }
+  .border-s-2 {
+    border-inline-start-style: var(--tw-border-style);
+    border-inline-start-width: 2px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -1141,7 +1130,16 @@
   .border-transparent {
     border-color: transparent;
   }
-  .bg-\[var\(--shiki-light-bg\)\] {
+  .border-s-blue-500\/50 {
+    border-inline-start-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);
+  }
+  .border-s-orange-500\/50 {
+    border-inline-start-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
+  }
+  .border-s-red-500\/50 {
+    border-inline-start-color: color-mix(in oklab, var(--color-red-500) 50%, transparent);
+  }
+  .bg-\(--shiki-light-bg\) {
     background-color: var(--shiki-light-bg);
   }
   .bg-black\/30 {
@@ -1219,9 +1217,6 @@
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
-  .p-\[3px\] {
-    padding: 3px;
-  }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
   }
@@ -1261,11 +1256,8 @@
   .ps-2 {
     padding-inline-start: calc(var(--spacing) * 2);
   }
-  .ps-3\.5 {
-    padding-inline-start: calc(var(--spacing) * 3.5);
-  }
-  .ps-4 {
-    padding-inline-start: calc(var(--spacing) * 4);
+  .ps-3 {
+    padding-inline-start: calc(var(--spacing) * 3);
   }
   .ps-6 {
     padding-inline-start: calc(var(--spacing) * 6);
@@ -1273,15 +1265,15 @@
   .ps-8 {
     padding-inline-start: calc(var(--spacing) * 8);
   }
-  .pe-3 {
-    padding-inline-end: calc(var(--spacing) * 3);
+  .ps-px {
+    padding-inline-start: 1px;
+  }
+  .pe-\(--fd-layout-offset\) {
+    padding-inline-end: var(--fd-layout-offset);
   }
   .pe-4 {
     padding-inline-end: calc(var(--spacing) * 4);
   }
-  .pe-\[var\(--fd-layout-offset\)\] {
-    padding-inline-end: var(--fd-layout-offset);
-  }
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -1338,9 +1330,8 @@
   .text-\[13px\] {
     font-size: 13px;
   }
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
+  .text-\[15px\] {
+    font-size: 15px;
   }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
@@ -1371,6 +1362,9 @@
   .text-fd-foreground {
     color: var(--color-fd-foreground);
   }
+  .text-fd-foreground\/30 {
+    color: color-mix(in oklab, var(--color-fd-foreground) 30%, transparent);
+  }
   .text-fd-muted-foreground {
     color: var(--color-fd-muted-foreground);
   }
@@ -1582,6 +1576,13 @@
       }
     }
   }
+  .hover\:opacity-80 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 80%;
+      }
+    }
+  }
   .hover\:transition-none {
     &:hover {
       @media (hover: hover) {
@@ -1821,9 +1822,9 @@
       position: sticky;
     }
   }
-  .md\:order-first {
+  .md\:mx-6 {
     @media (width >= 48rem) {
-      order: -9999;
+      margin-inline: calc(var(--spacing) * 6);
     }
   }
   .md\:ms-auto {
@@ -1831,7 +1832,7 @@
       margin-inline-start: auto;
     }
   }
-  .md\:-me-\[var\(--fd-sidebar-width\)\] {
+  .md\:-me-\(--fd-sidebar-width\) {
     @media (width >= 48rem) {
       margin-inline-end: calc(var(--fd-sidebar-width) * -1);
     }
@@ -1841,12 +1842,12 @@
       display: none;
     }
   }
-  .md\:h-\[var\(--fd-sidebar-height\)\] {
+  .md\:h-\(--fd-sidebar-height\) {
     @media (width >= 48rem) {
       height: var(--fd-sidebar-height);
     }
   }
-  .md\:w-\[var\(--fd-sidebar-width\)\] {
+  .md\:w-\(--fd-sidebar-width\) {
     @media (width >= 48rem) {
       width: var(--fd-sidebar-width);
     }
@@ -1884,16 +1885,31 @@
       padding-inline: calc(var(--spacing) * 2);
     }
   }
+  .md\:px-6 {
+    @media (width >= 48rem) {
+      padding-inline: calc(var(--spacing) * 6);
+    }
+  }
   .md\:py-1\.5 {
     @media (width >= 48rem) {
       padding-block: calc(var(--spacing) * 1.5);
     }
   }
-  .md\:ps-\[var\(--fd-layout-offset\)\] {
+  .md\:py-3 {
+    @media (width >= 48rem) {
+      padding-block: calc(var(--spacing) * 3);
+    }
+  }
+  .md\:ps-\(--fd-layout-offset\) {
     @media (width >= 48rem) {
       padding-inline-start: var(--fd-layout-offset);
     }
   }
+  .md\:ps-5 {
+    @media (width >= 48rem) {
+      padding-inline-start: calc(var(--spacing) * 5);
+    }
+  }
   .md\:pt-4 {
     @media (width >= 48rem) {
       padding-top: calc(var(--spacing) * 4);
@@ -1962,9 +1978,9 @@
       border-width: 1px;
     }
   }
-  .lg\:px-8 {
+  .lg\:\[--fd-sidebar-width\:286px\] {
     @media (width >= 64rem) {
-      padding-inline: calc(var(--spacing) * 8);
+      --fd-sidebar-width: 286px;
     }
   }
   .xl\:mx-auto {
@@ -1977,6 +1993,11 @@
       display: none;
     }
   }
+  .xl\:px-12 {
+    @media (width >= 80rem) {
+      padding-inline: calc(var(--spacing) * 12);
+    }
+  }
   .xl\:\[--fd-toc-width\:268px\] {
     @media (width >= 80rem) {
       --fd-toc-width: 268px;
@@ -1992,13 +2013,6 @@
       --fd-tocnav-height: 0px;
     }
   }
-  .xl\:md\:\[--fd-sidebar-width\:286px\] {
-    @media (width >= 80rem) {
-      @media (width >= 48rem) {
-        --fd-sidebar-width: 286px;
-      }
-    }
-  }
   .rtl\:-scale-x-100 {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       --tw-scale-x: calc(100% * -1);
@@ -2010,7 +2024,7 @@
       rotate: 180deg;
     }
   }
-  .rtl\:md\:translate-x-\[var\(--fd-sidebar-offset\)\] {
+  .rtl\:md\:translate-x-\(--fd-sidebar-offset\) {
     &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
       @media (width >= 48rem) {
         --tw-translate-x: var(--fd-sidebar-offset);
@@ -2018,7 +2032,7 @@
       }
     }
   }
-  .dark\:bg-\[var\(--shiki-dark-bg\)\] {
+  .dark\:bg-\(--shiki-dark-bg\) {
     &:where(.dark, .dark *) {
       background-color: var(--shiki-dark-bg);
     }
@@ -2035,6 +2049,12 @@
       height: calc(var(--spacing) * 4);
     }
   }
+  .\[\&_svg\]\:size-4\.5 {
+    & svg {
+      width: calc(var(--spacing) * 4.5);
+      height: calc(var(--spacing) * 4.5);
+    }
+  }
   .\[\&_svg\]\:size-5 {
     & svg {
       width: calc(var(--spacing) * 5);
@@ -2046,6 +2066,14 @@
       flex-shrink: 0;
     }
   }
+  .md\:\[\&_svg\]\:size-4\.5 {
+    @media (width >= 48rem) {
+      & svg {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
   .\[\&\>figure\:only-child\]\:-m-4 {
     &>figure:only-child {
       margin: calc(var(--spacing) * -4);
@@ -2149,6 +2177,37 @@
     background-color: var(--color-fd-background);
   }
 }
+@layer utilities {
+  .fd-steps {
+    counter-reset: step;
+    border-left-width: 1px;
+    margin-left: 1rem;
+    padding-left: 1.75rem;
+    position: relative;
+  }
+  .fd-step:before {
+    background-color: var(--color-fd-secondary);
+    color: var(--color-fd-secondary-foreground);
+    content: counter(step);
+    counter-increment: step;
+    border-radius: 9999px;
+    justify-content: center;
+    align-items: center;
+    width: 2rem;
+    height: 2rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    display: flex;
+    position: absolute;
+    left: -1rem;
+  }
+  .prose-no-margin > :first-child {
+    margin-top: 0;
+  }
+  .prose-no-margin > :last-child {
+    margin-bottom: 0;
+  }
+}
 @layer base {
   body {
     display: flex;
@@ -2159,20 +2218,6 @@
     cursor: pointer;
   }
 }
-@layer base {
-  :root {
-    --fd-sidebar-width: 0px;
-    --fd-toc-width: 0px;
-    --fd-layout-width: 100vw;
-    --fd-banner-height: 0px;
-    --fd-nav-height: 0px;
-    --fd-tocnav-height: 0px;
-    --fd-diff-remove-color: rgba(200,10,100,0.12);
-    --fd-diff-remove-symbol-color: rgb(230,10,100);
-    --fd-diff-add-color: rgba(14,180,100,0.12);
-    --fd-diff-add-symbol-color: rgb(10,200,100);
-  }
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);

package/dist/theme/typography/styles.js

@@ -408,14 +408,15 @@ export const DEFAULT = {
             },
             'a:not([data-card])': {
                 color: 'var(--tw-prose-links)',
-                transition: 'text-decoration-color .2s',
+                transition: 'text-decoration .2s',
                 fontWeight: '500',
                 textDecoration: 'underline',
                 textUnderlineOffset: '3.5px',
-                textDecorationColor: 'color-mix(in oklab, var(--tw-prose-links) 50%, transparent)',
+                textDecorationColor: 'var(--color-fd-primary)',
+                textDecorationThickness: '1.5px',
             },
             'a:not([data-card]):hover': {
-                textDecorationColor: 'var(--color-fd-primary)',
+                textDecorationThickness: '3px',
             },
         },
         colors,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fumadocs-ui",
-  "version": "15.0.6",
+  "version": "15.0.7",
   "description": "The framework for building a documentation website in Next.js",
   "keywords": [
     "NextJs",
@@ -81,7 +81,7 @@
     "tsc-alias": "^1.8.10",
     "@fumadocs/cli": "0.0.8",
     "eslint-config-custom": "0.0.0",
-    "fumadocs-core": "15.0.6",
+    "fumadocs-core": "15.0.7",
     "tsconfig": "0.0.0"
   },
   "peerDependencies": {
@@ -89,7 +89,7 @@
     "react": "18.x.x || 19.x.x",
     "react-dom": "18.x.x || 19.x.x",
     "tailwindcss": "^3.4.14 || ^4.0.0",
-    "fumadocs-core": "15.0.6"
+    "fumadocs-core": "15.0.7"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {

package/dist/theme/docs-ui.d.ts

@@ -1,23 +0,0 @@
-export interface DocsUIOptions {
-    /**
-     * Prefix to the variable name of colors
-     *
-     * @defaultValue 'fd'
-     */
-    cssPrefix?: string;
-    /**
-     * Add Fumadocs UI `fd-*` colors to global colors
-     *
-     * @defaultValue false
-     */
-    addGlobalColors?: boolean;
-    /**
-     * Max width of docs layout
-     *
-     * @defaultValue '100vw'
-     */
-    layoutWidth?: string;
-}
-export declare const docsUi: unknown;
-export default docsUi;
-//# sourceMappingURL=docs-ui.d.ts.map

package/dist/theme/docs-ui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"docs-ui.d.ts","sourceRoot":"","sources":["../../src/theme/docs-ui.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA4CD,eAAO,MAAM,MAAM,EAAE,OAuBpB,CAAC;AAEF,eAAe,MAAM,CAAC"}