@farm.js/core 0.1.0-beta.40 → 0.1.0-beta.43

package/dist/client-plugins.mjs

@@ -1,9 +1,9 @@
 import {
   FarmClientPluginManager,
   createClientPluginManager
-} from "./chunk-3GG6EBH5.mjs";
-import "./chunk-PCDBGY4A.mjs";
-import "./chunk-KDJLFIHM.mjs";
+} from "./chunk-7U6Q7NLJ.mjs";
+import "./chunk-FXG2PS27.mjs";
+import "./chunk-MPY5IS76.mjs";
 import "./chunk-CGILA3WO.mjs";
 export {
   FarmClientPluginManager,

package/dist/client.cjs

@@ -5609,8 +5609,8 @@ body {
   --farm-error-bg: #fafafa;
   --farm-error-fg: #171717;
   --farm-error-muted: #737373;
-  --farm-error-line: rgba(0, 0, 0, 0.16);
-  --farm-error-line-strong: rgba(0, 0, 0, 0.34);
+  --farm-error-line: rgba(0, 0, 0, 0.1);
+  --farm-error-line-strong: rgba(0, 0, 0, 0.22);
   --farm-error-panel: rgba(0, 0, 0, 0.018);
   --farm-error-button-fg: #ffffff;
   --farm-error-source-line: rgba(185, 28, 28, 0.08);
@@ -5653,8 +5653,8 @@ body {
 @supports (-webkit-text-stroke: 1px currentColor) {
   .farm-default-error__code {
     color: var(--farm-error-bg);
-    -webkit-text-stroke: 2px var(--farm-error-fg);
-    text-shadow: 4px 4px 0 var(--farm-error-fg);
+    -webkit-text-stroke: 1.5px var(--farm-error-fg);
+    text-shadow: 2px 2px 0 var(--farm-error-fg);
   }
 }
 
@@ -5725,10 +5725,8 @@ body {
 .farm-default-error__label,
 .farm-default-error__value,
 .farm-default-error__details-title,
-.farm-default-error__copy,
 .farm-default-error__source-path,
-.farm-default-error__meta,
-.farm-default-error__action {
+.farm-default-error__meta {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
 }
 
@@ -5780,10 +5778,11 @@ body {
   border-radius: 0;
   color: var(--farm-error-fg);
   background: transparent;
-  font-size: 11px;
-  font-weight: 500;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-size: 12px;
+  font-weight: 600;
   line-height: 1;
-  letter-spacing: 0.04em;
+  letter-spacing: 0.01em;
   cursor: pointer;
   transition: border-color 150ms ease-out, background 150ms ease-out;
 }
@@ -5820,7 +5819,7 @@ body {
   display: grid;
   grid-template-columns: 68px minmax(0, 1fr);
   padding: 0 14px 0 0;
-  border-left: 2px solid transparent;
+  border-left: 1px solid transparent;
 }
 
 .farm-default-error__source-line--active {
@@ -5876,20 +5875,22 @@ body {
   align-items: center;
   justify-content: center;
   padding: 0 20px;
-  border: 1px solid var(--farm-error-fg);
+  border: 1px solid var(--farm-error-line-strong);
   border-radius: 0;
   color: var(--farm-error-fg);
   background: transparent;
-  font-size: 12px;
-  font-weight: 500;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-size: 13px;
+  font-weight: 600;
   line-height: 1;
-  letter-spacing: 0.08em;
+  letter-spacing: 0.01em;
   text-decoration: none;
   cursor: pointer;
   transition: opacity 150ms ease-out, transform 100ms ease-out;
 }
 
 .farm-default-error__action--primary {
+  border-color: var(--farm-error-fg);
   color: var(--farm-error-button-fg);
   background: var(--farm-error-fg);
 }
@@ -5924,8 +5925,8 @@ body {
 
 .farm-default-error__copy:focus-visible,
 .farm-default-error__action:focus-visible {
-  outline: 2px solid var(--farm-error-fg);
-  outline-offset: 3px;
+  outline: 1px solid var(--farm-error-fg);
+  outline-offset: 2px;
 }
 
 @media (max-width: 620px) {
@@ -5980,8 +5981,8 @@ body {
     --farm-error-bg: #0a0a0a;
     --farm-error-fg: #ededed;
     --farm-error-muted: #a1a1a1;
-    --farm-error-line: rgba(255, 255, 255, 0.14);
-    --farm-error-line-strong: rgba(255, 255, 255, 0.3);
+    --farm-error-line: rgba(255, 255, 255, 0.1);
+    --farm-error-line-strong: rgba(255, 255, 255, 0.22);
     --farm-error-panel: rgba(255, 255, 255, 0.018);
     --farm-error-button-fg: #0a0a0a;
     --farm-error-source-line: rgba(248, 113, 113, 0.12);
@@ -5996,8 +5997,8 @@ body {
   --farm-error-bg: #0a0a0a;
   --farm-error-fg: #ededed;
   --farm-error-muted: #a1a1a1;
-  --farm-error-line: rgba(255, 255, 255, 0.14);
-  --farm-error-line-strong: rgba(255, 255, 255, 0.3);
+  --farm-error-line: rgba(255, 255, 255, 0.1);
+  --farm-error-line-strong: rgba(255, 255, 255, 0.22);
   --farm-error-panel: rgba(255, 255, 255, 0.018);
   --farm-error-button-fg: #0a0a0a;
   --farm-error-source-line: rgba(248, 113, 113, 0.12);
@@ -6011,8 +6012,8 @@ body {
   --farm-error-bg: #fafafa;
   --farm-error-fg: #171717;
   --farm-error-muted: #737373;
-  --farm-error-line: rgba(0, 0, 0, 0.16);
-  --farm-error-line-strong: rgba(0, 0, 0, 0.34);
+  --farm-error-line: rgba(0, 0, 0, 0.1);
+  --farm-error-line-strong: rgba(0, 0, 0, 0.22);
   --farm-error-panel: rgba(0, 0, 0, 0.018);
   --farm-error-button-fg: #ffffff;
   --farm-error-source-line: rgba(185, 28, 28, 0.08);
@@ -6034,7 +6035,7 @@ body {
 `;
 
 // package.json
-var version = "0.1.0-beta.40";
+var version = "0.1.0-beta.43";
 
 // src/version.ts
 var FARM_VERSION = version;
@@ -6135,6 +6136,11 @@ var OVERLAY_STYLES = `
   min-width: 166px;
 }
 
+.farm-runtime-error__action:focus {
+  outline: 1px solid var(--farm-error-fg);
+  outline-offset: 2px;
+}
+
 .farm-runtime-error__viewport .farm-default-error__panel {
   border: 0;
   box-shadow: inset 0 0 0 0.5px var(--farm-error-line-strong);