v0.2.6

Separate select styles from input and textarea base styles

v0.2.5

Native element styling

• Select elements now match the button aesthetic out of the box — transparent background, muted text color, button-like typography (uppercase, letter-spacing, font-weight), and hover/focus-visible states
• Native <button> elements now receive the full .button component styling without needing a class
• Added native select example to the Native Controls docs section

Upgrade notes

No breaking changes. Native <select> and <button> elements will now look different by default — matching the styled button component appearance. If you relied on the previous filled-background select style, you may need to override with custom CSS.

v0.2.4

Bug Fixes

• Fix dark mode for native form controls (number spinners, file upload button, date/time pickers) — color-scheme: dark was inside @layer base and could never override the unlayered color-scheme: light

Improvements

• Style ::file-selector-button with framework design tokens
• Split Forms docs into four sections: Forms, Switch, Date & Time, Native Controls
• Add all input types (password, search, tel, url, date, time, month, week, color, range, file) to docs
• Align all code examples with live demos

v0.2.3

• Add color-scheme support so native form controls match light/dark themes

v0.2.2

• Add number input examples to docs (Quantity, Price)
• Add color-scheme: light dark for native control theming in dark mode
• Fix form row layout using flex-1 for side-by-side inputs
• Add hero example with bg-subtle background
• Sync code examples with displayed components
• Add project page link to README and package.json

v0.2.1

What's Changed

Bug Fixes

• Fix duplicate class attributes in blog example
• Fix docs CSS paths for GitHub Pages deployment
• Copy built CSS into docs/dist/ for local preview and Pages deployment

Improvements

• Add dark mode toggle to docs
• Improve CI workflows

Full Changelog: v0.2.0...v0.2.1

Xylem CSS v0.2.0

First public release of Xylem CSS — a very lightweight CSS framework with simple utilities, layout
helpers, and minimal components. No JavaScript. No complex tooling. Just CSS.

Highlights

• ~26 KB minified, ~5 KB gzipped
• Layout primitives: .container, .row, .stack, .grid
• Components: navbar, dropdown, card, hero, avatar, switch, divider, pagination, badge, progress,
  sidebar, footer
• Styled forms with focus rings, disabled states, and inline label detection
• Spacing, flex, text, display, and responsive utilities with -sm, -md, -lg breakpoint variants
• Full theming via CSS custom properties
• Automatic dark mode with prefers-color-scheme (or manual override with data-theme)
• CSS @layer ordering — your styles always win without specificity battles
• prefers-reduced-motion respected

Install

npm install xylem-css