Changelog

Fixed

• Preserve native light-dark() foreground selection inside nested light and dark themes when CSS compilers generate older-browser compatibility code.
• Keep the existing color customization variables and local Tailwind override behavior.
• Allow layered material-setting overrides regardless of stylesheet order.
• Resolve elevation on component faces so section and instance overrides change their shadows.

Changed

• Use translucent white highlights and black shades for button, field, and bump lighting, with adjusted strengths for light and dark themes. Lighting blends with the fill without depending on the slot solid’s lightness.

• Document the supported browser minimums: Chrome and Edge 123, Firefox 120, and Safari / iOS Safari 17.5. Native light-dark() support is required for default slot foreground colors.

Fixed

• Allow local text color utilities to override the slot text colors of alerts, cards, and dialog panels.
• Allow local background color utilities to override field, checkbox, radio, switch, slider, alert, card, and dialog panel fills, including focus, checked, and disabled states.
• Allow local text color utilities to override the checked checkbox box color.
• Allow width and height utilities to override bump button SVG dimensions.

Fixed

• Let Tailwind @theme and @theme inline overrides replace all solid, control-content, and surface-content color defaults regardless of stylesheet import order.

Fixed

• Allow root-level control-content and surface-content color overrides to inherit into color-slot components and explicit light or dark themes.

Added

• A reusable noise class for applying the material grain to other elements.

Fixed

• Resolve material opacity on each component face so local material customization propagates to its fills.

Fixed

• Keep button highlights and loading lights behind labels and icons so they do not cover the content.

Added

• Explicit medium size classes and Tailwind size utilities for components.
• A shared button-size.css export for button, icon button, and bump button sizing.

Changed

• Refine rounded surfaces, control geometry, and component sizing.

Changed

• Refine material fills, highlights, disabled states, and floating-label styling across the control set.
• Use the same primary solid color in light and dark themes, with theme-specific material treatment.

Added

• Separate material, motion, and component stylesheet imports alongside the whole-library stylesheet.
• Dedicated icon button and bump button components.
• Independent solid, control-content, and surface-content colors for each color slot.

Breaking changes

• Replace the previous component styling with the new design system. Review component classes and customization variables when upgrading.
• Rename the direct runtime file from jellyfy.js to index.js. The import { startJellyfy } from "jellyfy" package import remains available.
• Remove the jellyfy/plugin.js export.

Fixed

• Soften the close button highlight.

Changed

• Refine dark-theme fills, highlights, and shadows to align with the light-theme material.

Added

• Dark theme support for controls.

Changed

• Keep controls without a color slot on the neutral surface.

Changed

• Include installation and usage instructions in the npm package README.
• Add author, repository, homepage, and issue tracker metadata to the package.

Added

• Initial MIT-licensed release of Jellyfy's class-based controls, stylesheet, and startJellyfy() runtime.