@trebired/configs 0.6.0 → 0.7.0

package/.trebired/frontend/preset_01/button.ts

@@ -143,58 +143,30 @@ export const primitiveButton = {
         },
       },
     },
-    danger: {
-      background: "transparent",
-      border: "currentColor",
-      color: "var(--tbf-tone-red, var(--tbf-tone-error, currentColor))",
-      icon: "currentColor",
-      states: {
-        hover: {
-          background: "color-mix(in srgb, var(--tbf-tone-red, var(--tbf-tone-error, currentColor)) 12%, transparent)",
-          border: "currentColor",
-          color: "currentColor",
-          icon: "currentColor",
-        },
-      },
-    },
-    ghost: {
-      background: "transparent",
-      border: "transparent",
-      color: "var(--tbf-text, currentColor)",
-      icon: "currentColor",
-      states: {
-        hover: {
-          background: "color-mix(in srgb, currentColor 8%, transparent)",
-          border: "transparent",
-          color: "currentColor",
-          icon: "currentColor",
-        },
-      },
-    },
     primary: {
-      background: "var(--tbf-text, currentColor)",
-      border: "transparent",
-      color: "var(--tbf-page, canvas)",
-      icon: "currentColor",
+      background: token.color("gray", 900),
+      border: semantic.borderSurface2,
+      color: semantic.textColor,
+      icon: token.color("gray", 300),
       states: {
         hover: {
-          background: "color-mix(in srgb, var(--tbf-text, currentColor) 88%, var(--tbf-page, canvas))",
-          border: "transparent",
-          color: "var(--tbf-page, canvas)",
+          background: token.color("gray", 800),
+          border: token.color("gray", 700),
+          color: token.color("gray", 200),
           icon: "currentColor",
         },
       },
     },
     secondary: {
-      background: "var(--tbf-ui-btn-root-bg, transparent)",
-      border: "var(--tbf-border, currentColor)",
-      color: "var(--tbf-ui-btn-root-color, var(--tbf-text, currentColor))",
-      icon: "currentColor",
+      background: "transparent",
+      border: semantic.borderSurface1,
+      color: semantic.textColor,
+      icon: token.color("gray", 300),
       states: {
         hover: {
-          background: "var(--tbf-ui-btn-state-hover-bg, var(--tbf-ui-btn-root-bg, transparent))",
-          border: "var(--tbf-border, currentColor)",
-          color: "currentColor",
+          background: token.color("gray", 900),
+          border: semantic.borderSurface2,
+          color: token.color("gray", 200),
           icon: "currentColor",
         },
       },

package/.trebired/frontend/preset_01/choice.ts

@@ -1,9 +1,9 @@
-import { token } from "./tokens";
+import { semantic, token } from "./tokens";
 
 export const primitiveChoice = {
   checked: {
     background: token.color("gray", 900),
-    border: "currentColor",
+    border: semantic.borderSurface2,
   },
   control: {
     activeIconColor: token.color("gray", 600),

package/.trebired/frontend/preset_01/config.ts

@@ -6,7 +6,7 @@ import { systems } from "./systems";
 import { runtime, semantics } from "./theme";
 
 export default {
-  forVersion: "29.11.0",
+  forVersion: "30.0.0",
   assets: {
     fonts: {
       families: {

package/.trebired/frontend/preset_01/palette.ts

@@ -99,7 +99,7 @@ export const palette = {
     "canvas-ansi-13": { family: "ruby", step: "500" },
     "canvas-ansi-14": { family: "cyan", step: "500" },
     "canvas-ansi-15": { family: "gray", step: "200" },
-    "focus-color": { family: "blue", step: "500" },
+    "focus-color": { family: "gray", step: "400" },
     "scroll-thumb": { family: "gray", step: "400" },
     "scroll-thumb-hover": { family: "gray", step: "350" },
     "scroll-track": { family: "gray", step: "600" },

package/.trebired/frontend/preset_01/theme.ts

@@ -23,6 +23,7 @@ export const semantics = {
     gray: token.color("gray", 600),
     green: token.color("green", 600),
     info: token.color("blue", 600),
+    ink: token.color("gray", 0),
     muted: token.color("gray", 600),
     purple: token.color("ruby", 600),
     red: token.color("red", 600),

package/CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to `@trebired/configs` will be documented here.
 
 This project follows semantic versioning once published.
 
+## 0.7.0
+
+- Breaking: the frontend `preset_01` targets `@trebired/frontend` 30.0.0 and the peer range is `^30.0.0`.
+- The frontend `preset_01` sets the `ink` tone to gray 0, white on the dark theme and near black on the light one.
+- The frontend `preset_01` focus colour is gray 400 instead of blue 500. Nothing else in the preset's interface is blue, so focus rings, checked boxes and drop zones no longer stand out in a colour the theme does not use.
+- The frontend `preset_01` is the one definition of buttons for its apps. `primary`, the default in `@trebired/frontend` 30.0.0, is the standard button: gray 900 with a `border-surface-2` hairline. `secondary` is the quiet one: transparent with a `border-surface-1` hairline. The `red`, `yellow` and `green` tones colour the side borders of either, and icon buttons are square in sizes `xs2` to `lg`. The `danger` and `ghost` variants are gone; a destructive action is a button with the `red` tone.
+- The frontend `preset_01` draws a ticked choice row's border in `border-surface-2`, the hairline tone buttons use, instead of `currentColor`. A ticked row no longer gets a full-contrast white or black outline.
+
 ## 0.6.0
 
 - Breaking: every preset has a name under its tool. The Code Discipline baseline moved to `.trebired/code-discipline/preset_01/config.ts`, named `@trebired/configs/code-discipline/preset_01`, and the frontend preset to `.trebired/frontend/preset_01/config.ts`, named `@trebired/configs/frontend/preset_01`. The bare `@trebired/configs` and the package's root export are gone; tools resolve the names through `@trebired/utils`.

package/README.md

@@ -53,7 +53,7 @@ import { defineConfig } from "@trebired/frontend/config";
 import { containers } from "./containers";
 
 export default defineConfig({
-  forVersion: "29.11.0",
+  forVersion: "30.0.0",
   presets: {
     use: ["@trebired/configs/frontend/preset_01"],
   },

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/configs",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Shared Trebired configuration presets for Code Discipline and @trebired/frontend.",
   "type": "module",
   "private": false,
@@ -28,7 +28,7 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@trebired/frontend": "^29.11.0"
+    "@trebired/frontend": "^30.0.0"
   },
   "peerDependenciesMeta": {
     "@trebired/frontend": {
@@ -37,7 +37,7 @@
   },
   "devDependencies": {
     "@trebired/code-discipline": "^8.0.1",
-    "@trebired/frontend": "^29.11.0",
+    "@trebired/frontend": "^30.0.0",
     "typescript": "^6.0.3"
   },
   "repository": {