@joacod/pixel-ui@0.13.2

Patch Changes

• eac2406: Update homepage URL to point to GitHub repository

  • Changed homepage from pixel-ui.joacod.com to GitHub repo URL since the documentation site is no longer deployed

@joacod/pixel-ui@0.13.1

Patch Changes

• 8b5263e: Update dependencies and peer dependencies

  • Update React peer dependencies to ^19.2.3
  • Update Tailwind CSS to 4.1.18
  • Update type definitions (@types/node, @types/react, @types/react-dom)

@joacod/pixel-ui@0.13.0

Minor Changes

• d28574e: Color system refactor and shadow system improvements

  • Enhanced dark mode color adaptation for better contrast and accessibility
  • Refined shadow system with consistent 3D effect across components
  • Improved shadow transitions between normal and focus states (2px to 3px)
  • Better shadow color contrast in dark mode with inverted shadows
  • Consistent shadow behavior across all interactive states (hover, focus, active)

@joacod/pixel-ui@0.12.2

Patch Changes

• 724ed2c: Update package homepage URL

  • Changed homepage URL from GitHub README to custom documentation site (https://pixel-ui.joacod.com/)
  • Improves discoverability by directing users to comprehensive documentation instead of repository

@joacod/pixel-ui@0.12.1

Patch Changes

• e1595a4: Simplify internal color system

  This release streamlines the internal color palette by removing unused color tokens and retaining only essential colors for component functionality.

  • Removed unused color tokens (nesRedDark, nesBlue, nesGreen, nesYellow, nesYellowDark, nesPurple, nesPurpleDark) from both tokens.ts and theme.css
  • Retained only essential internal colors for hover states and dark mode (nesRed, nesBlueDark, nesGreenDark)
  • Added clarifying comments to token exports noting they are primarily for internal use
  • Removed obsolete preset.css file
  • Removed version export from main index.ts

@joacod/pixel-ui@0.12.0

Minor Changes

• d274db1: Refactor font export and improve documentation component previews

  This release introduces a new optional font import and improves the documentation site's component preview isolation.

  Library Changes:

  • Separate font export: Font styles moved to dedicated font.css file, exported as @joacod/pixel-ui/font
  • Simplified package exports: Removed ./styles, ./preset, and ./theme exports in favor of ./components and ./font
  • Optimized bundle: Font is now optional, reducing bundle size for consumers who use custom fonts
  • Updated README and installation docs to reflect new optional font import pattern

  Documentation Site Improvements:

  • Shadow DOM component previews: All component previews now render inside Shadow DOM for complete style isolation
  • New ShadowPreview component: Prevents doc styles from leaking into component demos and vice versa
  • Font loading improvements: Pixel font loaded globally once for Shadow DOM components
  • Better font handling: Docs site uses Inter and Geist Mono for documentation, pixel font only for components
  • New utility: getPixelUIStyles() helper for server-side style injection into Shadow DOM

  Breaking Changes:

  • Removed exports: ./styles, ./preset, and ./theme are no longer available
  • Migration: Import @joacod/pixel-ui/components for all component styles (no change if already using this)
  • Font now optional: Add @import '@joacod/pixel-ui/font' if you want the pixel font (recommended for authentic look)

@joacod/pixel-ui@0.9.0

Minor Changes

• 24e48e7: Add Form and Select components

  • New Form component built on Base UI Form primitive with pixel-art styling
  • Consolidated error handling with errors and onClearErrors props for form-level validation
  • Seamless integration with Field components for comprehensive form validation
  • Supports all standard HTML form attributes
  • New Select component built on Base UI Select primitive with pixel-art styling
  • Compound component pattern with 10 subcomponents: Root, Trigger, Value, Icon, Portal, Positioner, Popup, List, Item, ItemText
  • 7 variants (base, primary, secondary, accent, ghost, error, success, warning) and 5 sizes (xs, sm, md, lg, xl)
  • Multiple selection support via multiple prop
  • Controlled and uncontrolled modes with proper state management
  • Disabled states for entire select or individual items
  • Full accessibility with keyboard navigation (arrows, space, enter, escape, type-to-search)
  • Custom positioning options (side, alignment, offset)
  • Dark mode support with proper contrast and visibility
  • Comprehensive MDX documentation with interactive examples for both components

@joacod/pixel-ui@0.8.0

Minor Changes

• c21b683: Replace Press Start 2P with self-hosted Fusion Pixel font

  This update migrates from Google Fonts (Press Start 2P) to a self-hosted pixel font for better performance, offline support, and more readable text.

  • Replace Press Start 2P with Fusion Pixel 12px Proportional JP font via @fontsource package
  • Remove all Google Fonts CDN imports from theme.css, preset.css, and build scripts
  • Add @fontsource/fusion-pixel-12px-proportional-jp dependency for self-hosted font files
  • Update font-family-pixel design token to reference new font
  • Improve landing page UI with larger heading, better spacing, and emoji logo
  • Add pixel emoji (👾) to navigation and landing page branding
  • Update documentation to reference new font in installation guide and CLAUDE.md

@joacod/pixel-ui@0.7.0

Minor Changes

• 764882a: Add Field and Fieldset components with size and color variants

  • New Field component for form fields with label, description, error message, and validation support

  • Compound component pattern with Field.Root, Field.Label, Field.Description, Field.Error, and Field.Control

  • Support for required fields with visual indicators

  • Validation modes (onBlur, onChange) with debounce

  • Accessible with proper ARIA attributes

  • New Fieldset component for grouping related form controls

  • Compound component pattern with Fieldset.Root and Fieldset.Legend

  • Pixel-art styled borders and spacing

  • Full accessibility support

  • Added size prop to Checkbox, Radio, and Switch components (sm, md, lg)

  • Added color prop to Checkbox, Radio, and Switch components (default, primary, secondary, success, warning, danger)

  • Enhanced Input component with focus states and improved styling

  • Improved Button component styling consistency

  • Added Field component documentation with interactive examples

  • Added Fieldset component documentation with interactive examples

  • Added Colors documentation page showing all color variants

  • Updated component metadata for navigation

@joacod/pixel-ui@0.6.0

Minor Changes

• df4f112: Add Radio and Switch components

  Pixel-art styled form controls with accessibility features

  Radio Component

  • New Radio component built on Base UI Radio primitive
  • Compound component pattern with RadioGroup, Radio.Root, and Radio.Indicator
  • Seven color variants: primary, secondary, accent, ghost, error, success, warning
  • Five size options: xs, sm (default), md, lg, xl
  • States: checked, unchecked, disabled, readonly, required
  • Circular pixel-art styling with box-shadow borders
  • RadioGroup for managing multiple radio buttons together
  • Custom indicator support with default filled dot
  • Full accessibility support with keyboard navigation and ARIA attributes
  • Form integration with hidden input for submission
  • Comprehensive MDX documentation with interactive examples

  Switch Component

  • New Switch component built on Base UI Switch primitive
  • Compound component pattern with Switch.Root and Switch.Thumb
  • Seven color variants: primary, secondary, accent, ghost, error, success, warning
  • Five size options: xs, sm (default), md, lg, xl
  • States: checked, unchecked, disabled, readonly, required
  • Pixel-art toggle styling with box-shadow borders and instant transitions
  • Supports both controlled and uncontrolled modes
  • Full accessibility support with keyboard navigation and ARIA attributes
  • Form integration with hidden input for submission
  • Comprehensive MDX documentation with interactive examples