@crewlethq/tokens 0.22.0 → 0.23.0

package/README.md

@@ -45,6 +45,14 @@ const accent = color.brand.accent;
 CSS variables follow Style Dictionary's `--{group}-{path}` convention,
 for example `var(--color-brand-accent)` or `var(--spacing-4)`.
 
+## Changed in 0.23.0: a text field's edge
+
+`--color-border-field` is new, in every theme and both palettes: the edge of a box a person types into. It is the strong border (a secondary button's edge) lifted only as far as 3:1 on the four rungs a field stands on, and the palette suite holds it there (`a field boundary clears 3:1`). `--color-border-control` keeps its 3:1 over every row composite as well, for a checkbox, a switch and an editor inside a row; held to those, it measured 4.9:1 on the card a search box sits on, the brightest edge on the page.
+
+| What changed | What to change |
+| --- | --- |
+| `--color-border-field` added | Nothing. A stylesheet drawing a text box of its own can take it in place of `--color-border-control`. |
+
 ## Changed in 0.18.0: presence, change marks and the sheet row
 
 Five tokens for the collaborative sheet and the presence marks. Nothing that existed moved.
@@ -261,6 +269,8 @@ Where an approved value failed one of the suite's floors, the floor won and the
 | `--color-text-muted` light | `#8a90a3` | `#878d9f` | 1.04 | 2.69:1 on the frame, under the decoration band |
 | `--color-border-control` dark | `#6a7186`, the neutral mark | `#7f879c` | 7.38 | 2.23:1 on a pressed row inside a raised surface |
 | `--color-border-control` light | `#a5a8b1`, the neutral mark | `#777a83` | 15.20 | 1.66:1 on a pressed row on the frame |
+| `--color-border-field` dark | `#2d3448`, the strong border | `#687187` | 22.16 | 1.19:1 on the raised rung |
+| `--color-border-field` light | `#c9cfdc`, the strong border | `#838894` | 22.72 | 1.32:1 on the frame |
 | `--color-data-other` light | `#a5a8b1` | `#85868d` | 11.05 | 2.01:1 as a mark on the frame |
 
 ### Breaking change in 0.5.0: the four rungs

package/dist/css/themes/abyss.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #4a3e64;
   --color-border-hatch: #2b1e41;
   --color-border-control: #7b738e;
+  --color-border-field: #6b5f86;
   --color-focus: #8e4eff;
   --color-feedback-success: #16d297;
   --color-feedback-success-ink: #70e7b5;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #bcb5cc;
     --color-border-hatch: #dedae9;
     --color-border-control: #78708b;
+    --color-border-field: #868094;
     --color-focus: #6b11da;
     --color-feedback-success: #019472;
     --color-feedback-success-ink: #074f35;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #bcb5cc;
   --color-border-hatch: #dedae9;
   --color-border-control: #78708b;
+  --color-border-field: #868094;
   --color-focus: #6b11da;
   --color-feedback-success: #019472;
   --color-feedback-success-ink: #074f35;

package/dist/css/themes/all.css

@@ -43,6 +43,7 @@
   --color-border-strong-hover: #3e3e48;
   --color-border-hatch: #232329;
   --color-border-control: #797983;
+  --color-border-field: #66666f;
   --color-focus: #7e5bff;
   --color-feedback-success: #3ecf8f;
   --color-feedback-success-ink: #72dead;
@@ -151,6 +152,7 @@
     --color-border-strong-hover: #c2c2bc;
     --color-border-hatch: #e2e2df;
     --color-border-control: #7b7a81;
+    --color-border-field: #888884;
     --color-focus: #6b45f0;
     --color-feedback-success: #009b74;
     --color-feedback-success-ink: #106d46;
@@ -259,6 +261,7 @@
   --color-border-strong-hover: #c2c2bc;
   --color-border-hatch: #e2e2df;
   --color-border-control: #7b7a81;
+  --color-border-field: #888884;
   --color-focus: #6b45f0;
   --color-feedback-success: #009b74;
   --color-feedback-success-ink: #106d46;
@@ -367,6 +370,7 @@
   --color-border-strong-hover: #4a4d52;
   --color-border-hatch: #323439;
   --color-border-control: #828ca0;
+  --color-border-field: #6c6f74;
   --color-focus: #7d8fe8;
   --color-feedback-success: #3eba82;
   --color-feedback-success-ink: #5db76d;
@@ -475,6 +479,7 @@
     --color-border-strong-hover: #b4b4bc;
     --color-border-hatch: #e5e5e8;
     --color-border-control: #71717a;
+    --color-border-field: #87878b;
     --color-focus: #5469d4;
     --color-feedback-success: #0f9a73;
     --color-feedback-success-ink: #0b6a4b;
@@ -583,6 +588,7 @@
   --color-border-strong-hover: #b4b4bc;
   --color-border-hatch: #e5e5e8;
   --color-border-control: #71717a;
+  --color-border-field: #87878b;
   --color-focus: #5469d4;
   --color-feedback-success: #0f9a73;
   --color-feedback-success-ink: #0b6a4b;
@@ -691,6 +697,7 @@
   --color-border-strong-hover: #4a3e64;
   --color-border-hatch: #2b1e41;
   --color-border-control: #7b738e;
+  --color-border-field: #6b5f86;
   --color-focus: #8e4eff;
   --color-feedback-success: #16d297;
   --color-feedback-success-ink: #70e7b5;
@@ -799,6 +806,7 @@
     --color-border-strong-hover: #bcb5cc;
     --color-border-hatch: #dedae9;
     --color-border-control: #78708b;
+    --color-border-field: #868094;
     --color-focus: #6b11da;
     --color-feedback-success: #019472;
     --color-feedback-success-ink: #074f35;
@@ -907,6 +915,7 @@
   --color-border-strong-hover: #bcb5cc;
   --color-border-hatch: #dedae9;
   --color-border-control: #78708b;
+  --color-border-field: #868094;
   --color-focus: #6b11da;
   --color-feedback-success: #019472;
   --color-feedback-success-ink: #074f35;
@@ -1015,6 +1024,7 @@
   --color-border-strong-hover: #48415d;
   --color-border-hatch: #292339;
   --color-border-control: #767285;
+  --color-border-field: #66607a;
   --color-focus: #9584ff;
   --color-feedback-success: #27cf9b;
   --color-feedback-success-ink: #65e8c7;
@@ -1123,6 +1133,7 @@
     --color-border-strong-hover: #b6b2c8;
     --color-border-hatch: #dbd8e7;
     --color-border-control: #4c495b;
+    --color-border-field: #858294;
     --color-focus: #4a2abd;
     --color-feedback-success: #039571;
     --color-feedback-success-ink: #055e47;
@@ -1231,6 +1242,7 @@
   --color-border-strong-hover: #b6b2c8;
   --color-border-hatch: #dbd8e7;
   --color-border-control: #4c495b;
+  --color-border-field: #858294;
   --color-focus: #4a2abd;
   --color-feedback-success: #039571;
   --color-feedback-success-ink: #055e47;
@@ -1339,6 +1351,7 @@
   --color-border-strong-hover: #473e53;
   --color-border-hatch: #292232;
   --color-border-control: #837b92;
+  --color-border-field: #6c6278;
   --color-focus: #d6b7fc;
   --color-feedback-success: #8ec899;
   --color-feedback-success-ink: #65af76;
@@ -1447,6 +1460,7 @@
     --color-border-strong-hover: #bbb4c4;
     --color-border-hatch: #dcd7e3;
     --color-border-control: #7d7089;
+    --color-border-field: #888290;
     --color-focus: #4e247e;
     --color-feedback-success: #527b67;
     --color-feedback-success-ink: #026452;
@@ -1555,6 +1569,7 @@
   --color-border-strong-hover: #bbb4c4;
   --color-border-hatch: #dcd7e3;
   --color-border-control: #7d7089;
+  --color-border-field: #888290;
   --color-focus: #4e247e;
   --color-feedback-success: #527b67;
   --color-feedback-success-ink: #026452;
@@ -1663,6 +1678,7 @@
   --color-border-strong-hover: #384158;
   --color-border-hatch: #1f2432;
   --color-border-control: #727a8f;
+  --color-border-field: #5e677c;
   --color-focus: #606af8;
   --color-feedback-success: #34c98b;
   --color-feedback-success-ink: #74dcae;
@@ -1771,6 +1787,7 @@
     --color-border-strong-hover: #b5bdce;
     --color-border-hatch: #dbdfe8;
     --color-border-control: #74798c;
+    --color-border-field: #838894;
     --color-focus: #4c55e6;
     --color-feedback-success: #00916f;
     --color-feedback-success-ink: #0b6a4b;
@@ -1879,6 +1896,7 @@
   --color-border-strong-hover: #b5bdce;
   --color-border-hatch: #dbdfe8;
   --color-border-control: #74798c;
+  --color-border-field: #838894;
   --color-focus: #4c55e6;
   --color-feedback-success: #00916f;
   --color-feedback-success-ink: #0b6a4b;
@@ -1987,6 +2005,7 @@
   --color-border-strong-hover: #38405a;
   --color-border-hatch: #1f2432;
   --color-border-control: #72798b;
+  --color-border-field: #5e667c;
   --color-focus: #9584ff;
   --color-feedback-success: #20cc98;
   --color-feedback-success-ink: #65e8c7;
@@ -2095,6 +2114,7 @@
     --color-border-strong-hover: #b7becd;
     --color-border-hatch: #dbdfe8;
     --color-border-control: #464b5c;
+    --color-border-field: #818692;
     --color-focus: #4a2abd;
     --color-feedback-success: #039571;
     --color-feedback-success-ink: #055e47;
@@ -2203,6 +2223,7 @@
   --color-border-strong-hover: #b7becd;
   --color-border-hatch: #dbdfe8;
   --color-border-control: #464b5c;
+  --color-border-field: #818692;
   --color-focus: #4a2abd;
   --color-feedback-success: #039571;
   --color-feedback-success-ink: #055e47;
@@ -2311,6 +2332,7 @@
   --color-border-strong-hover: #4b473e;
   --color-border-hatch: #2b2923;
   --color-border-control: #827d74;
+  --color-border-field: #6c6961;
   --color-focus: #5272f6;
   --color-feedback-success: #53cc8f;
   --color-feedback-success-ink: #95d6a3;
@@ -2419,6 +2441,7 @@
     --color-border-strong-hover: #bab1a0;
     --color-border-hatch: #ddd9cf;
     --color-border-control: #7e776b;
+    --color-border-field: #8b8477;
     --color-focus: #2f50d8;
     --color-feedback-success: #1a9368;
     --color-feedback-success-ink: #246937;
@@ -2527,6 +2550,7 @@
   --color-border-strong-hover: #bab1a0;
   --color-border-hatch: #ddd9cf;
   --color-border-control: #7e776b;
+  --color-border-field: #8b8477;
   --color-focus: #2f50d8;
   --color-feedback-success: #1a9368;
   --color-feedback-success-ink: #246937;
@@ -2635,6 +2659,7 @@
   --color-border-strong-hover: #b8b8c8;
   --color-border-hatch: #61616f;
   --color-border-control: #a2a2b4;
+  --color-border-field: #9a9aae;
   --color-focus: #ffe066;
   --color-feedback-success: #34c98b;
   --color-feedback-success-ink: #8cefc4;
@@ -2743,6 +2768,7 @@
     --color-border-strong-hover: #383846;
     --color-border-hatch: #92929e;
     --color-border-control: #5b5b69;
+    --color-border-field: #4f4f60;
     --color-focus: #4424c4;
     --color-feedback-success: #0b9a74;
     --color-feedback-success-ink: #004b30;
@@ -2851,6 +2877,7 @@
   --color-border-strong-hover: #383846;
   --color-border-hatch: #92929e;
   --color-border-control: #5b5b69;
+  --color-border-field: #4f4f60;
   --color-focus: #4424c4;
   --color-feedback-success: #0b9a74;
   --color-feedback-success-ink: #004b30;

package/dist/css/themes/dusk.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #473e53;
   --color-border-hatch: #292232;
   --color-border-control: #837b92;
+  --color-border-field: #6c6278;
   --color-focus: #d6b7fc;
   --color-feedback-success: #8ec899;
   --color-feedback-success-ink: #65af76;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #bbb4c4;
     --color-border-hatch: #dcd7e3;
     --color-border-control: #7d7089;
+    --color-border-field: #888290;
     --color-focus: #4e247e;
     --color-feedback-success: #527b67;
     --color-feedback-success-ink: #026452;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #bbb4c4;
   --color-border-hatch: #dcd7e3;
   --color-border-control: #7d7089;
+  --color-border-field: #888290;
   --color-focus: #4e247e;
   --color-feedback-success: #527b67;
   --color-feedback-success-ink: #026452;

package/dist/css/themes/high-contrast.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #b8b8c8;
   --color-border-hatch: #61616f;
   --color-border-control: #a2a2b4;
+  --color-border-field: #9a9aae;
   --color-focus: #ffe066;
   --color-feedback-success: #34c98b;
   --color-feedback-success-ink: #8cefc4;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #383846;
     --color-border-hatch: #92929e;
     --color-border-control: #5b5b69;
+    --color-border-field: #4f4f60;
     --color-focus: #4424c4;
     --color-feedback-success: #0b9a74;
     --color-feedback-success-ink: #004b30;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #383846;
   --color-border-hatch: #92929e;
   --color-border-control: #5b5b69;
+  --color-border-field: #4f4f60;
   --color-focus: #4424c4;
   --color-feedback-success: #0b9a74;
   --color-feedback-success-ink: #004b30;

package/dist/css/themes/iris.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #48415d;
   --color-border-hatch: #292339;
   --color-border-control: #767285;
+  --color-border-field: #66607a;
   --color-focus: #9584ff;
   --color-feedback-success: #27cf9b;
   --color-feedback-success-ink: #65e8c7;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #b6b2c8;
     --color-border-hatch: #dbd8e7;
     --color-border-control: #4c495b;
+    --color-border-field: #858294;
     --color-focus: #4a2abd;
     --color-feedback-success: #039571;
     --color-feedback-success-ink: #055e47;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #b6b2c8;
   --color-border-hatch: #dbd8e7;
   --color-border-control: #4c495b;
+  --color-border-field: #858294;
   --color-focus: #4a2abd;
   --color-feedback-success: #039571;
   --color-feedback-success-ink: #055e47;

package/dist/css/themes/ledger.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #4b473e;
   --color-border-hatch: #2b2923;
   --color-border-control: #827d74;
+  --color-border-field: #6c6961;
   --color-focus: #5272f6;
   --color-feedback-success: #53cc8f;
   --color-feedback-success-ink: #95d6a3;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #bab1a0;
     --color-border-hatch: #ddd9cf;
     --color-border-control: #7e776b;
+    --color-border-field: #8b8477;
     --color-focus: #2f50d8;
     --color-feedback-success: #1a9368;
     --color-feedback-success-ink: #246937;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #bab1a0;
   --color-border-hatch: #ddd9cf;
   --color-border-control: #7e776b;
+  --color-border-field: #8b8477;
   --color-focus: #2f50d8;
   --color-feedback-success: #1a9368;
   --color-feedback-success-ink: #246937;

package/dist/css/themes/nightshade.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #38405a;
   --color-border-hatch: #1f2432;
   --color-border-control: #72798b;
+  --color-border-field: #5e667c;
   --color-focus: #9584ff;
   --color-feedback-success: #20cc98;
   --color-feedback-success-ink: #65e8c7;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #b7becd;
     --color-border-hatch: #dbdfe8;
     --color-border-control: #464b5c;
+    --color-border-field: #818692;
     --color-focus: #4a2abd;
     --color-feedback-success: #039571;
     --color-feedback-success-ink: #055e47;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #b7becd;
   --color-border-hatch: #dbdfe8;
   --color-border-control: #464b5c;
+  --color-border-field: #818692;
   --color-focus: #4a2abd;
   --color-feedback-success: #039571;
   --color-feedback-success-ink: #055e47;

package/dist/css/themes/nocturne.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #384158;
   --color-border-hatch: #1f2432;
   --color-border-control: #727a8f;
+  --color-border-field: #5e677c;
   --color-focus: #606af8;
   --color-feedback-success: #34c98b;
   --color-feedback-success-ink: #74dcae;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #b5bdce;
     --color-border-hatch: #dbdfe8;
     --color-border-control: #74798c;
+    --color-border-field: #838894;
     --color-focus: #4c55e6;
     --color-feedback-success: #00916f;
     --color-feedback-success-ink: #0b6a4b;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #b5bdce;
   --color-border-hatch: #dbdfe8;
   --color-border-control: #74798c;
+  --color-border-field: #838894;
   --color-focus: #4c55e6;
   --color-feedback-success: #00916f;
   --color-feedback-success-ink: #0b6a4b;

package/dist/css/themes/origin.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #4a4d52;
   --color-border-hatch: #323439;
   --color-border-control: #828ca0;
+  --color-border-field: #6c6f74;
   --color-focus: #7d8fe8;
   --color-feedback-success: #3eba82;
   --color-feedback-success-ink: #5db76d;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #b4b4bc;
     --color-border-hatch: #e5e5e8;
     --color-border-control: #71717a;
+    --color-border-field: #87878b;
     --color-focus: #5469d4;
     --color-feedback-success: #0f9a73;
     --color-feedback-success-ink: #0b6a4b;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #b4b4bc;
   --color-border-hatch: #e5e5e8;
   --color-border-control: #71717a;
+  --color-border-field: #87878b;
   --color-focus: #5469d4;
   --color-feedback-success: #0f9a73;
   --color-feedback-success-ink: #0b6a4b;

package/dist/css/themes/violet.css

@@ -41,6 +41,7 @@
   --color-border-strong-hover: #3e3e48;
   --color-border-hatch: #232329;
   --color-border-control: #797983;
+  --color-border-field: #66666f;
   --color-focus: #7e5bff;
   --color-feedback-success: #3ecf8f;
   --color-feedback-success-ink: #72dead;
@@ -149,6 +150,7 @@
     --color-border-strong-hover: #c2c2bc;
     --color-border-hatch: #e2e2df;
     --color-border-control: #7b7a81;
+    --color-border-field: #888884;
     --color-focus: #6b45f0;
     --color-feedback-success: #009b74;
     --color-feedback-success-ink: #106d46;
@@ -257,6 +259,7 @@
   --color-border-strong-hover: #c2c2bc;
   --color-border-hatch: #e2e2df;
   --color-border-control: #7b7a81;
+  --color-border-field: #888884;
   --color-focus: #6b45f0;
   --color-feedback-success: #009b74;
   --color-feedback-success-ink: #106d46;

package/dist/css/themes.css

@@ -47,6 +47,7 @@
   --color-border-strong-hover: #424f74;
   --color-border-hatch: #202534;
   --color-border-control: #7f879c;
+  --color-border-field: #687187;
   --color-focus: #8572fe;
   --color-feedback-success: #34c98b;
   --color-feedback-success-ink: #74dcae;
@@ -158,6 +159,7 @@
     --color-border-strong-hover: #acb6cc;
     --color-border-hatch: #dbdfe8;
     --color-border-control: #777a83;
+    --color-border-field: #838894;
     --color-focus: #735af2;
     --color-feedback-success: #0b9a74;
     --color-feedback-success-ink: #0b6a4b;
@@ -267,6 +269,7 @@
   --color-border-strong-hover: #acb6cc;
   --color-border-hatch: #dbdfe8;
   --color-border-control: #777a83;
+  --color-border-field: #838894;
   --color-focus: #735af2;
   --color-feedback-success: #0b9a74;
   --color-feedback-success-ink: #0b6a4b;

package/dist/css/tokens.css

@@ -54,6 +54,7 @@
   --color-border-strong-hover: #5a5e65; /** One step past strong, so the strong pair is a real pair. */
   --color-border-hatch: #2c2e31; /** The arranging hatch's line: strong at 60% over the sheet. A board under construction draws its diagonals in it, and so does a note standing on that board, which is why it is a colour of its own and not the strong border faded on a layer. */
   --color-border-control: #7f848e; /** The boundary of an input, a checkbox or a switch. It clears 3:1 on every surface a control can sit on, the overlay composites included: a checkbox inside a hovered row in a dialog body is the case the opaque surfaces alone do not catch. */
+  --color-border-field: #66696e; /** The strong border, #4a4d52, lightened dE 10.06: the least move that clears 3:1 on every rung a text field sits on (3.00:1 on the raised rung, the worst). A field stands on a rung and never inside a hovered or pressed row, so it is held to the rungs alone rather than to the composites the control boundary clears, and it reads as quietly as a secondary button's edge allows. */
   --color-focus: #7e5bff; /** The focus indicator, drawn as an OUTLINE at 2px and offset 2px. Forced-colors mode drops every box-shadow and keeps outlines, so a ring drawn as a shadow alone disappears for exactly the readers who need one. It is the ACCENT, lightened dE 1.06 along lightness, which clears this root at 3.01:1: #7c56ff itself measured 2.89:1 on a pressed row inside a raised surface, under the 3:1 a ring has to clear, and the accent cannot make that move for it, because any lighter takes the white label of a primary button under the text floor. */
   --color-feedback-success: #3ecf8f; /** DONE: work that finished. The four states are what a piece of work is doing, and their meanings never move: info is working, warning needs a person, danger is stopped, success is done. The names stay generic because a badge, a callout and a toast mean the same four things. The values here are this root's own; each theme draws its four in tokens/themes, whose comments say what moved each from the approved palette. */
   --color-feedback-success-ink: #72dead;

package/dist/index.d.ts

@@ -61,6 +61,7 @@ export declare const color: {
         readonly strongHover: "#5a5e65";
         readonly hatch: "#2c2e31";
         readonly control: "#7f848e";
+        readonly field: "#66696e";
     };
     readonly focus: "#7e5bff";
     readonly feedback: {

package/dist/index.js

@@ -61,7 +61,8 @@ export const color = {
         "strong": "#4a4d52",
         "strongHover": "#5a5e65",
         "hatch": "#2c2e31",
-        "control": "#7f848e"
+        "control": "#7f848e",
+        "field": "#66696e"
     },
     "focus": "#7e5bff",
     "feedback": {

package/dist/themes.d.ts

@@ -50,6 +50,7 @@ export declare const themes: {
                 readonly strongHover: "#acb6cc";
                 readonly hatch: "#dbdfe8";
                 readonly control: "#777a83";
+                readonly field: "#838894";
             };
             readonly focus: "#735af2";
             readonly feedback: {
@@ -174,6 +175,7 @@ export declare const themes: {
                 readonly strongHover: "#424f74";
                 readonly hatch: "#202534";
                 readonly control: "#7f879c";
+                readonly field: "#687187";
             };
             readonly focus: "#8572fe";
             readonly feedback: {

package/dist/themes.js

@@ -50,7 +50,8 @@ export const themes = {
                 "strong": "#c9cfdc",
                 "strongHover": "#acb6cc",
                 "hatch": "#dbdfe8",
-                "control": "#777a83"
+                "control": "#777a83",
+                "field": "#838894"
             },
             "focus": "#735af2",
             "feedback": {
@@ -174,7 +175,8 @@ export const themes = {
                 "strong": "#2d3448",
                 "strongHover": "#424f74",
                 "hatch": "#202534",
-                "control": "#7f879c"
+                "control": "#7f879c",
+                "field": "#687187"
             },
             "focus": "#8572fe",
             "feedback": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/tokens",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Crewlet design tokens. Single JSON source compiled to CSS variables and typed JS modules.",
   "license": "MIT AND OFL-1.1",
   "repository": {

package/test/palette.mjs

@@ -1165,6 +1165,18 @@ function checkState(state, values, profile, push, theme = { tint: null, contrast
     say('a control boundary clears 3:1', low.ratio >= 3, '--color-border-control', low.ratio, `${low.ratio.toFixed(2)}:1 (worst on ${low.name})`);
   }
 
+  {
+    // A TEXT FIELD'S EDGE, held to the rungs alone. A field stands on the
+    // sheet, a card or a raised surface and is never drawn inside a hovered
+    // or pressed row, so the composites above are not grounds it meets. Held
+    // to all of them as the control boundary is, it measured 4.9:1 on the
+    // card it nearly always sits on: a box drawn brighter than any other edge
+    // on the page. A checkbox, a switch and an editor inside a row keep the
+    // control boundary.
+    const low = worst(colour('--color-border-field'), opaque);
+    say('a field boundary clears 3:1', low.ratio >= 3, '--color-border-field', low.ratio, `${low.ratio.toFixed(2)}:1 (worst on ${low.name})`);
+  }
+
   // Glass is the ground of what floats OVER CONTENT rather than over
   // interface: a canvas's bars and notes, and a chart's reading, which stands
   // beside the mark it reads and so over its neighbours. Each carries words,