@crewlethq/tokens 0.13.0 → 0.15.0

package/README.md

@@ -273,7 +273,7 @@ The surface ramp was three rungs (`background`, `subtle` and `elevated`) plus fo
 ```css
 :root { --density: 1 }
 :root[data-density="compact"] { --density: 0.82 }
-:root[data-density="comfortable"] { --density: 1.14 }
+:root[data-density="comfortable"] { --density: 1.16 }
 ```
 
 Every spacing and size token is emitted as `calc(Npx * var(--density, 1))`, so a density setting is a real change to every gap, pad, row and control rather than to three font sizes, and every value is unchanged at density 1. The stylesheet is a separate import because a product with no density control should not ship the selectors that switch one; the tokens themselves work without it.

package/dist/css/density.css

@@ -19,5 +19,5 @@
 }
 
 :root[data-density="comfortable"] {
-  --density: 1.14;
+  --density: 1.16;
 }

package/dist/css/themes/all.css

@@ -355,7 +355,7 @@
   --color-brand-accent-soft: rgba(84, 105, 212, 0.158);
   --color-brand-accent-rgb: 84, 105, 212;
   --color-brand-accent-soft-strong: rgba(84, 105, 212, 0.32);
-  --color-border-default: #3f4145;
+  --color-border-default: #2e2e30;
   --color-border-hover: #3f4145;
   --color-border-strong: #4a4d52;
   --color-border-strong-hover: #4a4d52;

package/dist/css/themes/origin.css

@@ -35,7 +35,7 @@
   --color-brand-accent-soft: rgba(84, 105, 212, 0.158);
   --color-brand-accent-rgb: 84, 105, 212;
   --color-brand-accent-soft-strong: rgba(84, 105, 212, 0.32);
-  --color-border-default: #3f4145;
+  --color-border-default: #2e2e30;
   --color-border-hover: #3f4145;
   --color-border-strong: #4a4d52;
   --color-border-strong-hover: #4a4d52;

package/dist/css/tokens.css

@@ -120,7 +120,7 @@
   --color-scrollbar-hover: rgba(255, 255, 255, 0.26);
   --density-compact: 0.82; /** The three steps --density takes, set on the root by @crewlethq/tokens/css/density. Every spacing and size token is emitted as calc(Npx * var(--density, 1)), so a density is a real change to every surface rather than to three font sizes, and every value is unchanged at 1. */
   --density-normal: 1;
-  --density-comfortable: 1.14;
+  --density-comfortable: 1.16;
   --motion-duration-instant: 75ms; /** Tooltip flash, dropdown indicator nudge. */
   --motion-duration-fast: 120ms; /** Menu hover and active state changes. */
   --motion-duration-base: 150ms; /** Default UI transition. */

package/dist/index.d.ts

@@ -140,7 +140,7 @@ export declare const color: {
 export declare const density: {
     readonly compact: "0.82";
     readonly normal: "1";
-    readonly comfortable: "1.14";
+    readonly comfortable: "1.16";
 };
 export declare const motion: {
     readonly duration: {

package/dist/index.js

@@ -141,7 +141,7 @@ export const color = {
 export const density = {
     "compact": "0.82",
     "normal": "1",
-    "comfortable": "1.14"
+    "comfortable": "1.16"
 };
 export const motion = {
     "duration": {

package/dist/themes.d.ts

@@ -373,7 +373,7 @@ export declare const themeRegistry: readonly [{
             readonly sheet: "#0e0f13";
             readonly card: "#1c1e24";
             readonly raised: "#23262c";
-            readonly hairline: "#3f4145";
+            readonly hairline: "#2e2e30";
             readonly text: "#ececee";
             readonly muted: "#60646b";
             readonly accent: "#5469d4";

package/dist/themes.js

@@ -381,7 +381,7 @@ export const themeRegistry = [
                 "sheet": "#0e0f13",
                 "card": "#1c1e24",
                 "raised": "#23262c",
-                "hairline": "#3f4145",
+                "hairline": "#2e2e30",
                 "text": "#ececee",
                 "muted": "#60646b",
                 "accent": "#5469d4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/tokens",
-  "version": "0.13.0",
+  "version": "0.15.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

@@ -374,6 +374,10 @@ export const RAIL_PAINTS = [
   ['a hovered row, label and glyph', '--color-text-primary', null, ['a hovered row'], 4.5],
   ['the current row, label, glyph and count', '--color-text-primary', null, ['the row the reader is on'], 4.5],
   ['a group label and its action, a count, a foot row', '--color-text-tertiary', null, ['a row', 'a hovered row'], 4.5],
+  // A foot row's count of what is wrong (the alarms standing on a node), its
+  // figure and mark in the warning ink. The row lifts under the pointer and
+  // while the panel it opens is open, the hover's ground both times.
+  ["a foot row's warning count", '--color-feedback-warning-ink', null, ['a row', 'a hovered row'], 4.5],
   [
     "a project's key chip",
     '--color-text-secondary',