Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions FORJAMIE.md
Original file line number Diff line number Diff line change
Expand Up @@ -100,6 +100,7 @@ pnpm test:mcp-contract # MCP contract tests

## Recent Changes

- **2026-02-24:** Updated `@design-studio/make-template` to consume `@design-studio/astudio-icons` (dependency + source import) and synchronized shipped guidelines examples to the renamed package path. Refreshed `pnpm-lock.yaml` to keep workspace resolution consistent. Impact: template consumers now install and import the same icon package name that the template source and docs reference.
- **2026-02-22:** Added a repo-local `design-system` Codex skill at `.agents/skills/design-system/` with a focused `SKILL.md`, canonical design-system source map, output template, contract/evals, and OpenAI skill metadata. Then removed `skill_gate` warnings by adding explicit `schema_version` guidance, cleaning high-risk wording, renaming the prohibited `## Inputs` heading to `## Required inputs`, and adding variation/empowerment guidance. Validation now passes cleanly (`quick_validate`, `skill_gate`, `openclaw`), `analyze_skill` reports 101/120, and `upgrade_skill` reports no suggestions. Impact: design-system requests now have a repeatable, evidence-backed workflow with stronger routing quality and cleaner quality-gate output.
- **2026-02-07:** Synced `pnpm-lock.yaml` to match workspace dependency specifiers (notably `fast-check@^4.5.3`) and unblocked `pnpm lint` by aligning `biome.json`’s `$schema` to the installed Biome CLI (2.3.11) + applying Biome safe-fixes (format/import order) to a small set of files. Impact: `pnpm install --frozen-lockfile` and `pnpm lint` are green again. (lockfile commit: 81ffc47)
- **2026-02-06:** Design system hardening pass: (1) Implemented a real Brand → Alias → Mapped CSS flow by generating `packages/tokens/src/aliases.css` and refactoring `packages/ui/src/styles/theme.css` to consume `--ds-*` alias vars (instead of `--foundation-*` directly). (2) Made `packages/tokens/src/foundations.css` variables-only by moving behavioral helpers (reduced-motion override + utility classes) into `packages/ui/src/styles/a11y.css`. (3) Removed bracket-var gradients in widgets (use `from-background` utilities) and switched the solar-system info panel to semantic theme utilities. (4) Replaced hardcoded hex values in the App accent picker with CSS variable-backed accent tokens. (5) Added baseline semantic contrast tests for text/background + updated token generator property tests to include high-contrast/icon fields. Impact: less doc drift, safer theme refactors, clearer layering boundaries, and stronger automated guardrails for accessibility/theming.
Expand Down
2 changes: 1 addition & 1 deletion packages/astudio-make-template/guidelines/Guidelines.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ This design system provides tokens, components, and icons for building ChatGPT-n

```tsx
import { Stack, Text } from "@design-studio/ui";
import { Icon } from "@design-studio/icons";
import { Icon } from "@design-studio/astudio-icons";
import "@design-studio/tokens/tokens.css";

export function Example() {
Expand Down
4 changes: 2 additions & 2 deletions packages/astudio-make-template/guidelines/overview-icons.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Icon Overview

Use `@design-studio/icons` for iconography. Icons are organized by category and exposed through the `Icon` component and category exports.
Use `@design-studio/astudio-icons` for iconography. Icons are organized by category and exposed through the `Icon` component and category exports.

## Categories

Expand All @@ -15,7 +15,7 @@ Use `@design-studio/icons` for iconography. Icons are organized by category and
## Usage

```tsx
import { Icon } from "@design-studio/icons";
import { Icon } from "@design-studio/astudio-icons";

export function Example() {
return <Icon name="arrow-right" size={20} />;
Expand Down
Loading