v0.1.2 - stat card styling

Changes:

1. Stat card value styling (ui/card.ts)
   - Changed text-4xl → text-3xl (slightly smaller)
   - Added font-mono for better number display in dashboards

Verified (no changes needed):

2. Button text colors - Already correct in all variants:
   - primary, danger, success all have text-white
   - secondary, ghost have text-slate-700
   - outline has text-blue-600

Full Changelog: v0.1.1...v0.1.2

v0.1.1

Changes in this release:

1. Border tokens now self-contained - All border tokens include both width and color:
   - border-slate-200 → border border-slate-200
   - 12 tokens updated across statusColors, neutralColors, interactiveColors, draftColors
2. Ring tokens now self-contained - All ring tokens include both width and color:
   - ring-emerald-200 → ring-1 ring-emerald-200
   - ringStrong variants use ring-2 for emphasis
   - 11 tokens updated

Why this matters:

Tailwind v4 changed how border/ring utilities work. Color-only classes no longer produce visible output without the corresponding
width class. These changes ensure tokens work correctly in both v3 and v4.

Full Changelog: v0.1.0...v0.1.1

v0.1.0 Marquis Initial Release

Marquis — eSolia's vanilla TypeScript UI component library providing polished, professional UI components that work with Tailwind
CSS and require no framework.

✨ Features

UI Components

• Badge - Status/label badges with semantic variants (success, warning, error, info, draft)
• Button - Buttons with primary, secondary, ghost, outline, danger, and success variants
• IconButton - Square icon buttons for row actions (view, edit, delete)
• Card - Container cards with multiple styles and padding options
• StatCard - Dashboard metric display cards with gradient variants
• Table - Complete table styling utilities with sticky headers
• Tabs - Tab groups with counts, icons, and full keyboard navigation
• FilterBar - Filter controls (select, search, buttons)

Brand Assets

• SVG Logos - Official eSolia logos in dark blue and white variants
  • Symbol (square icon style)
  • Horizontal wordmark (full logo with text)
• Pre-generated Favicons - PNG favicons in 4 color themes:
  • darkblue - For light backgrounds (default)
  • white - For dark backgrounds
  • darkblue-orange - Accent/branded variant
  • darkblue-yellow - Warm/friendly variant
• Web Manifests - PWA-ready manifest files for each theme
• Helper Functions - Generate favicon tags programmatically

Developer Experience

• Framework-agnostic - Works with vanilla TypeScript, Deno, and any templating system
• Tailwind-native - Components output Tailwind utility classes
• Two APIs - Class getters for templates, DOM creators for imperative code
• Type-safe - Full TypeScript support with exported types
• Accessible - ARIA attributes, keyboard navigation, focus states
• API Documentation - Generated HTML docs via deno doc

📦 Installation

// In deno.json - pin to release version
{
"imports": {
"@esolia/marquis": "https://raw.githubusercontent.com/eSolia/marquis/v0.1.0/mod.ts"
}
}

🚀 Quick Start

import { Badge, Button, getCompleteFaviconHtml } from '@esolia/marquis';

// Get component classes for templates
const badgeClasses = Badge.getBadgeClasses({ variant: 'success' });
const buttonClasses = Button.getButtonClasses({ variant: 'primary' });

// Generate favicon HTML for
const faviconHtml = getCompleteFaviconHtml('darkblue', '/assets/favicons');

📚 Documentation

• ./docs/USAGE.md - Practical examples and usage patterns
• ./docs/CLAUDE-GUIDE.md - Design context and component specifications
• ./docs/api/ - Generated TypeScript documentation

⚙️ Requirements

• Tailwind CSS 3.x or 4.x
• Deno 1.x+ (or any TypeScript runtime with DOM types)

Full Changelog: https://github.com/eSolia/marquis/commits/v0.1.0