@farming-labs/theme 0.0.53 → 0.0.55

package/dist/docs-feedback.mjs

@@ -105,6 +105,7 @@ function DocsFeedback({ pathname, entry, locale, question = "How is this guide?"
 	const [status, setStatus] = useState("idle");
 	const normalizedPathname = useMemo(() => normalizePathname(pathname), [pathname]);
 	const showForm = selected !== null;
+	const submitButtonLabel = status === "submitted" ? "Submitted" : submitLabel;
 	useEffect(() => {
 		setSelected(null);
 		setComment("");
@@ -184,7 +185,7 @@ function DocsFeedback({ pathname, entry, locale, question = "How is this guide?"
 								"aria-hidden": "true"
 							}),
 							status === "submitted" && /* @__PURE__ */ jsx(CheckIcon, {}),
-							/* @__PURE__ */ jsx("span", { children: status === "submitted" ? "Submitted" : submitLabel })
+							/* @__PURE__ */ jsx("span", { children: submitButtonLabel })
 						]
 					}), status === "submitted" && /* @__PURE__ */ jsx("p", {
 						className: "fd-feedback-status",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farming-labs/theme",
-  "version": "0.0.53",
+  "version": "0.0.55",
   "description": "Theme package for @farming-labs/docs — layout, provider, MDX components, and styles",
   "keywords": [
     "docs",
@@ -115,7 +115,7 @@
     "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "@farming-labs/docs": "0.0.53"
+    "@farming-labs/docs": "0.0.55"
   },
   "peerDependencies": {
     "@farming-labs/docs": ">=0.0.1",

package/styles/base.css

@@ -447,7 +447,8 @@ figure.shiki:has(figcaption) figcaption {
   min-height: 4.75rem;
   resize: vertical;
   padding: 0.875rem 1rem;
-  border: 1px solid var(--color-fd-border, hsl(0 0% 80% / 50%));
+  border: 1px solid
+    color-mix(in srgb, var(--color-fd-border, hsl(0 0% 80% / 50%)) 78%, var(--color-fd-foreground) 22%);
   background: var(--color-fd-card, transparent);
   color: var(--color-fd-foreground);
   font: inherit;
@@ -472,11 +473,13 @@ figure.shiki:has(figcaption) figcaption {
   display: flex;
   align-items: center;
   gap: 0.75rem;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  min-height: 2rem;
 }
 
 .fd-feedback-submit {
   min-width: 7rem;
+  padding-inline: 0.875rem;
   justify-content: center;
 }
 
@@ -495,15 +498,18 @@ figure.shiki:has(figcaption) figcaption {
 }
 
 .fd-feedback-status {
-  margin: 0;
-  font-size: 0.8125rem;
+  margin: 0 !important;
+  font-size: 0.75rem;
+  line-height: 1.3;
   color: var(--color-fd-muted-foreground, hsl(0 0% 45%));
 }
 
 .fd-feedback-status[data-status="success"] {
   display: inline-flex;
+  align-self: center;
   align-items: center;
   gap: 0.4rem;
+  min-height: 2rem;
 }
 
 .fd-feedback-status[data-status="error"] {
@@ -546,6 +552,10 @@ figure.shiki:has(figcaption) figcaption {
     align-items: flex-start;
   }
 
+  .fd-feedback-submit-row {
+    flex-wrap: wrap;
+  }
+
   .fd-last-updated-footer {
     margin-left: 0;
     width: 100%;