@tollerud/ui 1.0.3 → 1.0.5

package/README.md

@@ -6,7 +6,16 @@ A complete, browsable UI library built around **monochrome + yellow accent**. No
 
 **Requirements:** React ≥ 18 · TypeScript supported (types included) · Tailwind CSS v3 or v4
 
-→ **[Component reference →](COMPONENTS.md)** · **[Setup guide →](GETTING_STARTED.md)** · **[Changelog →](CHANGELOG.md)**
+→ **[Component reference →](COMPONENTS.md)** · **[Setup guide →](GETTING_STARTED.md)** · **[Brand guidelines →](BRAND.md)** · **[Changelog →](CHANGELOG.md)**
+
+## Packages
+
+| Package | Install | Use when |
+|---------|---------|----------|
+| [`@tollerud/ui`](https://www.npmjs.com/package/@tollerud/ui) | `npm install @tollerud/ui` | You want the full design system — components, tokens, Tailwind preset |
+| [`@tollerud/footer`](https://www.npmjs.com/package/@tollerud/footer) | `npm install @tollerud/footer` | You only need the branded footer, with no other design system dependency |
+
+`@tollerud/ui` already re-exports `Footer` internally — install `@tollerud/footer` separately only when you want the footer in a project that doesn't use the full design system.
 
 ## Philosophy
 
@@ -132,7 +141,8 @@ The design system includes `tollerud-avatar.svg` — a full cel-shaded monochrom
 | Token | Hex | Usage |
 |-------|-----|-------|
 | `--tollerud-yellow` | `#E8D500` | Primary actions, highlights, links |
-| `--tollerud-acid` / `--tollerud-yellow-bright` | `#FFFF00` | Tollerud voltage, shader glow, hover peaks |
+| `--tollerud-acid` / `--tollerud-yellow` | `#FFFF00` | Primary yellow, CTAs, focus, key data |
+| `--tollerud-yellow-warm` | `#E8D500` | Secondary yellow, gradients, warm states |
 | `--tollerud-amber` | `#FFB800` | Warmth accents, secondary highlights |
 | `--tollerud-black` | `#0A0A0A` | Default background |
 | `--tollerud-noir-900` | `#121212` | Card / raised surface |

package/dist/index.cjs

@@ -43,11 +43,11 @@ function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
 var variants = {
-  primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow-bright hover:shadow-tollerud-glow",
+  primary: "bg-tollerud-yellow text-tollerud-black border-tollerud-yellow hover:bg-tollerud-yellow hover:shadow-tollerud-glow",
   secondary: "bg-transparent text-tollerud-text-primary border-tollerud-border hover:border-tollerud-text-secondary hover:bg-tollerud-surface-hover",
   ghost: "bg-transparent text-tollerud-text-secondary border-transparent hover:text-tollerud-text-primary hover:bg-tollerud-surface-hover",
   destructive: "bg-tollerud-error text-white border-tollerud-error hover:shadow-[0_0_12px_rgba(239,68,68,0.3)]",
-  terminal: 'font-mono text-tollerud-yellow border-[rgba(232,213,0,0.25)] bg-transparent before:content-["\u276F_"] before:opacity-70 hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(232,213,0,0.05)]'
+  terminal: 'font-mono text-tollerud-yellow border-[rgba(255,255,0,0.25)] bg-transparent before:content-["\u276F_"] before:opacity-70 hover:border-tollerud-yellow hover:shadow-tollerud-glow hover:bg-[rgba(255,255,0,0.05)]'
 };
 var sizes = {
   sm: "px-3 py-1 text-sm",
@@ -1685,7 +1685,7 @@ var Switch = React2.forwardRef(
                 "transition-colors duration-200 ease-out",
                 checked ? "bg-tollerud-yellow" : "bg-tollerud-noir-600",
                 "group-hover:bg-tollerud-noir-500",
-                checked && "group-hover:bg-tollerud-yellow-bright",
+                checked && "group-hover:bg-tollerud-yellow-warm",
                 "peer-focus-visible:outline-2 peer-focus-visible:outline-tollerud-yellow peer-focus-visible:outline-offset-2"
               ),
               children: [