@clarify-labs/renderer 0.11.3 → 0.11.4

package/output/renderer.css

@@ -1094,24 +1094,19 @@
     }
   }
 
-  .clarify-mdx-page .clarify-page-title-row:first-child {
-    margin-bottom: 1rem;
-  }
-
-  .clarify-mdx-page .clarify-prose > .clarify-page-title-row:first-child .clarify-page-title, .clarify-openapi-header .clarify-page-title {
-    letter-spacing: -.04em;
-    max-width: 48rem;
-    font-size: clamp(2rem, 5vw, 3rem);
-    line-height: 1.05;
-  }
-
-  .clarify-mdx-page .clarify-prose > .clarify-page-title-row:first-child + p, .clarify-openapi-header .lead {
+  .clarify-openapi-header .lead {
     max-width: 44rem;
     color: var(--clarify-ui-text-soft);
     font-size: var(--text-base);
     line-height: var(--text-base--line-height);
   }
 
+  @media (min-width: 40rem) {
+    .clarify-mdx-page > .clarify-prose > :first-child, .clarify-openapi-header > :first-child, .clarify-openapi-header > .clarify-page-title {
+      max-width: min(48rem, 100% - 12rem) !important;
+    }
+  }
+
   .clarify-hero-pattern-mask:is(.dark *) {
     -webkit-mask-image: linear-gradient(#fff, #0000);
     mask-image: linear-gradient(#fff, #0000);
@@ -2390,6 +2385,10 @@
     margin-bottom: calc(var(--spacing) * 3);
   }
 
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -3708,6 +3707,10 @@
     background-color: var(--clarify-ui-active-background);
   }
 
+  .bg-\(--clarify-ui-hover-background\) {
+    background-color: var(--clarify-ui-hover-background);
+  }
+
   .bg-\(--clarify-ui-overlay-background\) {
     background-color: var(--clarify-ui-overlay-background);
   }
@@ -5235,6 +5238,10 @@
     display: none;
   }
 
+  .focus-within\:border-\(--clarify-theme-tokens-colors-primary\):focus-within {
+    border-color: var(--clarify-theme-tokens-colors-primary);
+  }
+
   .focus-within\:bg-\(--clarify-ui-hover-background\):focus-within {
     background-color: var(--clarify-ui-hover-background);
   }
@@ -5243,6 +5250,21 @@
     opacity: 1;
   }
 
+  .focus-within\:ring-2:focus-within {
+    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .focus-within\:ring-\(--clarify-theme-tokens-colors-primary\)\/15:focus-within {
+    --tw-ring-color: var(--clarify-theme-tokens-colors-primary);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .focus-within\:ring-\(--clarify-theme-tokens-colors-primary\)\/15:focus-within {
+      --tw-ring-color: color-mix(in oklab, var(--clarify-theme-tokens-colors-primary) 15%, transparent);
+    }
+  }
+
   @media (hover: hover) {
     .hover\:-translate-y-0\.5:hover {
       --tw-translate-y: calc(var(--spacing) * -.5);
@@ -5611,6 +5633,22 @@
   }
 
   @media (min-width: 40rem) {
+    .sm\:absolute {
+      position: absolute;
+    }
+
+    .sm\:top-14 {
+      top: calc(var(--spacing) * 14);
+    }
+
+    .sm\:top-16 {
+      top: calc(var(--spacing) * 16);
+    }
+
+    .sm\:right-0 {
+      right: 0;
+    }
+
     .sm\:right-3 {
       right: calc(var(--spacing) * 3);
     }
@@ -5627,6 +5665,10 @@
       margin-top: calc(var(--spacing) * 5);
     }
 
+    .sm\:mb-0 {
+      margin-bottom: 0;
+    }
+
     .sm\:flex {
       display: flex;
     }
@@ -6703,6 +6745,15 @@
   html :where(.\[html_\:where\(\&\>\*\)\]\:min-w-0 > *) {
     min-width: 0;
   }
+
+  .clarify-mdx-page .clarify-prose > .clarify-page-title:first-child, .clarify-openapi-header .clarify-page-title {
+    max-width: 48rem;
+    margin-bottom: 2rem;
+  }
+
+  .clarify-openapi-header .clarify-page-title + .lead {
+    margin-top: 0;
+  }
 }
 
 @property --tw-translate-x {

package/output/server.cjs

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_ClarifyShell = require("./ClarifyShell-D25PYLE0.cjs");
-const require_PageActions = require("./PageActions-GVAsO16x.cjs");
+const require_ClarifyShell = require("./ClarifyShell-Cvb7Nk3A.cjs");
+const require_PageActions = require("./PageActions-ypH6U0Vc.cjs");
 let react = require("react");
 let react_router_dom = require("react-router-dom");
 let react_jsx_runtime = require("react/jsx-runtime");

package/output/server.js

@@ -1,5 +1,5 @@
-import { t as ClarifyShell } from "./ClarifyShell-4hlqrEgp.js";
-import { T as prefixHref } from "./PageActions-Bnz5Bybt.js";
+import { t as ClarifyShell } from "./ClarifyShell-gzlibEm8.js";
+import { T as prefixHref } from "./PageActions-BBRz0tJ4.js";
 import { StrictMode } from "react";
 import { StaticRouter } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clarify-labs/renderer",
-  "version": "0.11.3",
+  "version": "0.11.4",
   "license": "AGPL-3.0-only",
   "type": "module",
   "repository": {