Repository navigation
Releases
0.3.3 - Neutral dark tables
Solid/Finder tables now use neutral charcoal colors in dark mode instead of sharing the blue-gray glass palette. Borders, headers, alternating rows, hover and subtle selection use dedicated table theme tokens.
The light palette and opt-in blue selection are preserved.
Validated with 10 unit tests, 110 documentation examples, 15 Chromium/WebKit desktop/iPhone browser checks and a clean packed consumer installation. The table checks cover automatic OS dark mode and explicit light/dark overrides.
0.3.2 - Natural button sizing and icon actions
Text buttons now fit their labels with consistent horizontal padding instead of a forced 160px minimum width.
Add type="icon" for a centered 56px square icon-only button across normal, glass and colored appearances. It renders as HTML type="button". Use isIconOnly with type="submit" or type="reset" to retain form behavior. Supply an aria-label for icon-only controls.
Validation: build/types, 110 documentation examples, 10 unit tests, browser regression checks plus sizing/centering checks in Chromium and WebKit desktop/iPhone configurations, and a clean packed consumer installation.
0.3.1 - Custom modal actions
Remove the mandatory Done action from LiquidModal. The footer is empty unless supplied.
Add custom footer/body rendering with close(), controlled isOpen/onOpenChange, onClose notifications, dismissal options and Tailwind part classes. Retain the accessible header close button by default.
Validated with 10 unit tests, 110 type-checked documentation examples, 9 Chromium/WebKit desktop/iPhone browser checks and a clean archive installation.
0.3.0 - Tailwind customization
Tailwind CSS 4 now powers component layout, spacing and typography, while custom CSS retains the glass optics.
- Required Tailwind 4 peer dependency, resolved by npm.
- Automatic precompiled component styles remain included, without Tailwind Preflight.
- Button, Navbar and Sidebar classNames maps for individual parts.
- Exported cn() helper for custom component wrappers.
- Optional Tailwind theme utilities and a complete setup/customization guide.
Validation: 10 unit tests, 110 type-checked documentation examples, 6 browser checks across Chromium and WebKit desktop/iPhone configurations, clean archive installation, and Next.js production consumer checks in Chromium and WebKit.
Guide: https://github.com/justfrenzy22/liquid-glass/blob/main/docs/tailwind.md
v0.2.3 — Composable sidebar sections
- Add Sidebar
header,actionsand customchildrenslots alongside the existing footer. - Make navigation
itemsoptional for fully custom or loading sidebars. - Add root
stylesupport and a bounded, scrollable body so fixed-height sidebars keep top actions and footer in place. - Document skeleton-above-action composition and update the New Folder recipe.
v0.2.2 — Flexible navbar branding
- Add
brandIconandbrandHrefto the navbar for an automatically aligned icon/text brand and optional brand link. - Preserve custom JSX, SVG, images and styled text through the existing
brandprop. - Document all brand options for LiquidNavbar and its GlassNavbar alias, including accessible icon-only brands and custom links.
v0.2.1 — Optional sidebar headings
- Hide the sidebar heading by default. Set
headingexplicitly to show one. - Omit empty title rows, preserve the collapse control, and keep an accessible navigation label without visible text.
- Update both Sidebar guides and examples to show the heading as opt-in.
v0.2.0 — One unified component collection
- Expose the full Liquid component collection from the main package entry.
- Make matching Glass Button, Switch, Slider, Input, Search, Card, Toolbar, Navbar and Sidebar names aliases of the same enhanced designs and props.
- Preserve previous native APIs under
/native. Existing/herouiimports remain supported. - Update overlapping guides and add migration/native API documentation.
Breaking change: root Glass aliases now use the corresponding Liquid props. Use /native to retain the previous native event and value APIs.
v0.1.4 — Automatic styles, themes and component guides
-
Add a Markdown guide for every public component, with examples and prop references, plus React/Next.js setup, theme and troubleshooting instructions.
-
Load library styles automatically from browser component imports while preserving CSS-free Node server rendering.
-
Inherit host text colors for controls, inputs and glass surfaces instead of forcing dark text.
-
Add system light/dark neutral fills and explicit ancestor theme overrides, with configurable foreground, muted and accent-label tokens.
-
Verify automatic styles and light/dark theme changes in Chromium and desktop/mobile WebKit.
v0.1.3 — Empty states and README improvements
Add GlassEmptyState and the LiquidEmptyState alias for empty folders, no search results and first-use screens. Includes a title, associated description, decorative icon slot and custom actions. Restore README navigation using plain separators and add usage documentation. Existing component APIs are unchanged.