v2.1.1 — Close Button Polish

What's changed

Fixed

• Close button vertically centered within the modal header bar
• Close button glyph is now font-independent — uses two rotated CSS bars via ::before/::after so position no longer shifts when the page font changes

Added

• --rfui-close-btn-bar-width token (default 60%) — controls bar length
• --rfui-close-btn-bar-height token (default 2px) — controls stroke thickness
• aria-label="Close" on Modal and Page close buttons

Changed

• Close button now lives inside .rfui-header-bordered in Modal (was on the wrapper element)

Upgrade notes

No breaking changes. If you were relying on the close button being a sibling of .rfui-content in your CSS selectors, update them to .rfui-header-bordered .rfui-close-btn.

v2.1.0 — Vanilla Base Theme

What's Changed

Added

• Vanilla base theme — structural-only CSS base with no visual opinion
• Granular CSS imports — import only the theme you need:

  import 'raw-fun-ui/styles/vanilla';
  import 'raw-fun-ui/styles/blocky';
  RawFunUI.setTheme('blocky');

• Blocky theme file — extracted all blocky visual styles into a self-contained theme
• Vanilla option in demo — theme switcher now includes "Vanilla (No Theme)"

Changed

• Base CSS is now vanilla (layout, sizing, typography only) — visual styles come from themes
• Fall Guys and Animal Crossing themes are now fully self-contained
• Default RfuiTheme is 'vanilla' — demo defaults to blocky via setTheme('blocky')

Build output

File	Size	Purpose
raw-fun-ui.css	68KB	All-in-one (backwards compatible)
vanilla.css	47KB	Structural base only
themes/blocky.css	22KB	Blocky visual theme
themes/fall-guys.css	23KB	Fall Guys visual theme
themes/animal-crossing.css	21KB	Animal Crossing visual theme

Full Changelog: v2.0.1...v2.1.0

v2.0.1

What's Changed

Fixed

• CI workflow checking for old blocky-ui.css artifact name
• Remaining "Blocky UI" branding in CSS comment headers, docs, and demo
• Broken documentation links (wiki → GitHub Pages)
• Theme dropdown label showing "Rfui" instead of "Blocky" for default theme
• Incorrectly renamed Blocky theme references in docs

Full Changelog: v2.0.0...v2.0.1

v1.0.5 - BlockyDropdown Component

What's New

BlockyDropdown Component

• New Component: BlockyDropdown with theme-aware styling
  • 4 color variants (default, primary, secondary, danger)
  • Full theme support for blocky and fall-guys themes
  • Custom CSS dropdown arrow for consistent cross-browser appearance
  • Optional label support
  • Disabled state handling
  • Complete TypeScript type definitions

Demo Improvements

• Modular Structure: Separated demo.html into clean, maintainable files
  • demo.html (216 lines) - Clean HTML structure
  • demo.css (275 lines) - All demo-specific styles
  • demo.js (456 lines) - All JavaScript logic
• Professional Presentation:
  • Animated gradient header with glow effects
  • Key Features section with 6 feature cards
  • Quick Installation section with styled code blocks
  • Professional footer with navigation links
  • Grid pattern background overlay
• Single Source of Truth: Consolidated docs/index.html to redirect to demo.html

Installation

npm install blocky-ui-lite@1.0.5

CDN

<script src="https://cdn.jsdelivr.net/npm/blocky-ui-lite@1.0.5/dist/index.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/blocky-ui-lite@1.0.5/dist/blocky-ui.css">

Live Demo

https://raw-fun-gaming.github.io/blocky-ui/

Full Changelog: https://github.com/Raw-Fun-Gaming/blocky-ui/blob/main/CHANGELOG.md#105---2025-12-27

v1.0.4 - Theme Support

What's New

Theme Support

• New theming system with BlockyUI.setTheme() API for switching themes at runtime
• Fall Guys Theme - New playful theme inspired by Fall Guys aesthetic featuring:
  • Bright cyan backgrounds with solid black shadows
  • Purple gradient headers
  • Rounded corners for a softer, cartoon-like appearance
  • Playful color palette optimized for casual gaming UIs
• BlockyTheme Type - New TypeScript type for theme selection ('blocky' | 'fall-guys')
• Themes Directory - New src/styles/themes/ directory for theme CSS files

Documentation

• Updated README.md with theme usage examples
• Added theme features list and available themes documentation
• Updated file structure documentation to include themes directory

Installation

npm install blocky-ui-lite@1.0.4

CDN

<script src="https://cdn.jsdelivr.net/npm/blocky-ui-lite@1.0.4/dist/index.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/blocky-ui-lite@1.0.4/dist/blocky-ui.css">

Full Changelog: https://github.com/Raw-Fun-Gaming/blocky-ui/blob/main/CHANGELOG.md#104---2025-12-17

v1.0.2 - Component Variants

1.0.2

Blocky UI v1.0.0 - Initial Release 🎮

🎮 A lightweight, 3D blocky-themed UI component library built with TypeScript and pure CSS.

✨ 6 Core Components:
- BlockyButton (4 variants)
- BlockyModal (instance methods)
- BlockyCard (3D effects)
- BlockyInfo (5 color themes)
- BlockyTag (gradient styling)
- BlockyPage (animated borders)

🎨 Pure CSS Design:
- Multi-layer box shadows for 3D depth
- Gradient backgrounds with overlays
- Smooth hover animations
- Backdrop blur effects
- 4 responsive breakpoints

📚 Comprehensive Documentation:
- 18,000 words of wiki documentation
- Interactive GitHub Pages demo
- Real-world examples
- Troubleshooting guide

🔧 Developer Experience:
- Zero dependencies
- Full TypeScript support
- ES Module, CommonJS, UMD builds
- ~30KB bundle size

🚀 Ready for production!

View full release notes: https://github.com/fuR-Gaming/blocky-ui/releases/tag/v1.0.0