@trebired/configs 0.5.0 → 0.7.0

package/.trebired/code-discipline/{config.ts → preset_01/config.ts}

@@ -1,5 +1,5 @@
 export default {
-  forVersion: "7.2.0",
+  forVersion: "8.0.0",
   logging: {
     warnings: false,
   },

package/.trebired/frontend/{button.ts → 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/{choice.ts → 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/{config.ts → preset_01/config.ts}

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

package/.trebired/frontend/{palette.ts → 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/{theme.ts → 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),
@@ -30,6 +31,7 @@ export const semantics = {
     warning: token.color("yellow", 600),
     yellow: token.color("yellow", 600),
   },
+  targetMin: "1.5rem",
 } satisfies NonNullable<FrontendDesignConfig["semantics"]>;
 
 export const theme = {

package/CHANGELOG.md

@@ -4,6 +4,21 @@ 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`.
+- Retargeted the Code Discipline preset at `@trebired/code-discipline` 8.0, the first line that reads named presets. 8.0.1 is its first published release.
+- Set the touch-target floor in the frontend `preset_01` to the dense 1.5rem, so text inputs, dropdowns and buttons keep the preset's control heights.
+- Retargeted the frontend `preset_01` at `@trebired/frontend` 29.11.0 and raised the peer range to `^29.11.0`.
+
 ## 0.5.0
 
 - Added the `@trebired/frontend` preset at `.trebired/frontend/config.ts`. An application loads it with `presets: { use: ["@trebired/configs"] }`, the same shape as the Code Discipline preset. It sets fonts, icon packs, palette, semantic tokens, theme, runtime options, systems and every component token, motion included.

package/README.md

@@ -14,29 +14,38 @@ bun i @trebired/configs
 
 ## Quick Start
 
-Use the package as an external Code Discipline preset:
+Name a preset as `<package>/<tool>/<preset>` in that tool's config:
 
 ```ts
 import { defineConfig } from "@trebired/code-discipline";
 
 export default defineConfig({
   presets: {
-    use: ["@trebired/configs"],
+    use: ["@trebired/configs/code-discipline/preset_01"],
   },
 });
 ```
 
 ## Configuration
 
-### Code Discipline
+### Presets per tool
 
-The root export points at `.trebired/code-discipline/config.ts`. The config declares the Code Discipline major and minor version it targets through `forVersion`.
+Each tool's presets live in that tool's folder, one folder per named preset:
 
-Repositories add only their own overrides in `.trebired/code-discipline/config.ts`.
+| Preset | File | Name in `presets.use` |
+| --- | --- | --- |
+| Code Discipline `preset_01` | `.trebired/code-discipline/preset_01/config.ts` | `@trebired/configs/code-discipline/preset_01` |
+| Frontend `preset_01` | `.trebired/frontend/preset_01/config.ts` | `@trebired/configs/frontend/preset_01` |
 
-### Frontend
+Every tool resolves these names through `applyPresets` in `@trebired/utils`. A name always carries the package, the tool and the preset, and a tool refuses a preset written for another tool. Each preset declares the tool version it targets through `forVersion`.
 
-`.trebired/frontend/config.ts` is a complete `@trebired/frontend` config: fonts, icon packs, the palette with its dark and light modes, semantic tokens, the theme, runtime options, systems, and every token of every package component, motion included. An application loads it the same way it loads the Code Discipline preset:
+### Code Discipline preset_01
+
+`preset_01` is the Trebired baseline: comment removal, aliases, formatting, structural blank lines, 350-line files, 50-line functions, 150-character lines, the duplicate check and the banned spec files. Repositories add only their own overrides.
+
+### Frontend preset_01
+
+`preset_01` is a complete `@trebired/frontend` config: fonts, icon packs, the palette with its dark and light modes, semantic tokens, the touch-target floor, the theme, runtime options, systems, and every token of every package component, motion included. An application adds only its own containers:
 
 ```ts
 import { defineConfig } from "@trebired/frontend/config";
@@ -44,30 +53,28 @@ import { defineConfig } from "@trebired/frontend/config";
 import { containers } from "./containers";
 
 export default defineConfig({
-  forVersion: "29.10.0",
+  forVersion: "30.0.0",
   presets: {
-    use: ["@trebired/configs"],
+    use: ["@trebired/configs/frontend/preset_01"],
   },
   containers,
 });
 ```
 
-`@trebired/frontend` reads the preset from this package's `.trebired/frontend/config.ts` and merges the application's own config over it. The preset declares the `@trebired/frontend` version it targets through `forVersion`.
-
 The application installs the packages the preset names: `@fontsource/inter`, `remixicon`, `simple-icons` and `material-icon-theme`. A missing icon pack renders no icons from that pack.
 
 `@trebired/frontend` is an optional peer dependency. A repository that loads only the Code Discipline preset does not install it.
 
 ## Public API
 
-The package root default-exports the Code Discipline preset. The frontend preset is read from `.trebired/frontend/config.ts` by `@trebired/frontend`, not imported. The package exports no helper functions.
+The package has no import entry. Tools read its presets from the `.trebired/<tool>/<preset>/` folders through `@trebired/utils`. The package exports no helper functions.
 
 ## What It Does Not Do
 
 This package does not:
 
 - Own application-specific banned patterns.
-- Own an application's frontend containers. The preset styles the package's components; each application declares its own boxes.
+- Own an application's frontend containers. A frontend preset styles the package's components; each application declares its own boxes.
 - Set `forVersion` for an application's frontend config. The application states the `@trebired/frontend` version it targets.
 - Wrap or replace `@trebired/code-discipline`.
 - Ship generated alias maps for consuming repositories.

package/package.json

@@ -8,7 +8,7 @@
     }
   },
   "name": "@trebired/configs",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Shared Trebired configuration presets for Code Discipline and @trebired/frontend.",
   "type": "module",
   "private": false,
@@ -17,17 +17,9 @@
   "engines": {
     "bun": ">=1.0.0"
   },
-  "main": "./.trebired/code-discipline/config.ts",
-  "types": "./.trebired/code-discipline/config.ts",
-  "exports": {
-    ".": {
-      "import": "./.trebired/code-discipline/config.ts",
-      "types": "./.trebired/code-discipline/config.ts"
-    }
-  },
   "files": [
-    ".trebired/code-discipline/config.ts",
-    ".trebired/frontend",
+    ".trebired/code-discipline/preset_01",
+    ".trebired/frontend/preset_01",
     "CHANGELOG.md",
     "LICENSE",
     "README.md"
@@ -36,7 +28,7 @@
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@trebired/frontend": "^29.10.0"
+    "@trebired/frontend": "^30.0.0"
   },
   "peerDependenciesMeta": {
     "@trebired/frontend": {
@@ -44,8 +36,8 @@
     }
   },
   "devDependencies": {
-    "@trebired/code-discipline": "7.2.3",
-    "@trebired/frontend": "^29.10.0",
+    "@trebired/code-discipline": "^8.0.1",
+    "@trebired/frontend": "^30.0.0",
     "typescript": "^6.0.3"
   },
   "repository": {