v1.0.1

• fix @import

v1.0.0

Instead of generating React components, v1 now uses a different approach. It's built on standard HTML/CSS and generates a single mist.d.ts for type safety and code completion.

Setup is also greatly simplified and doesn't require running a separate process.

v0.5.6

What's Changed

• [Feature] Add Svelte Renderer by @totto2727 in #57

New Contributors

• @totto2727 made their first contribution in #57

Full Changelog: v0.5.5...v0.5.6

v0.5.5

What's Changed

• Allow components not preceded by a comment by @akirak in #56

Full Changelog: v0.5.4...v0.5.5

v0.5.4

What's Changed

• Add TSDoc support by @typicode in #55

Usage

In your CSS component:

/* You can now add TSDoc comments in your CSS component */
@scope (button.custom-button) {

The generated component will contain:

/**
 * You can now add TSDoc comments in your CSS component 
 */
export function CustomButton // ...

Full Changelog: v0.5.3...v0.5.4

v0.5.3

What's Changed

• docs: update start.mdx to fix broken page links by @desnor in #52
• fix: correct children rendering in TSX output by @ysk8hori in #53

New Contributors

• @desnor made their first contribution in #52
• @ysk8hori made their first contribution in #53

Full Changelog: v0.5.2...v0.5.3

v0.5.2 Demon Slayer

Mist Hashira

Vue Support

I'm proud to announce that MistCSS now supports Vue!
Also, following Vue's tradition, this release is named after an anime.

You can now write your atomic Vue components in CSS only! 💚

/* Button.mist.css */
@scope (button.custom-button) {
  /* ... */
}

mistcss ./components --target=vue

// App.vue
import CustomButton from 'Button.mist`

v0.5.1

What's Changed

• fix(cli): handle unknown target by @haecheonlee in #48

New Contributors

• @haecheonlee made their first contribution in #48

Full Changelog: v0.5.0...v0.5.1

v0.5.0

🚀

mistcss ./components --target=astro

What's Changed

• Add Astro support
• Add childless html functionality by @The-Code-Monkey in #45
• Update TailwindCSS docs
• Various bug fixes
• 0.5.0 by @typicode in #47

Breaking

• Rename --render option to --target

Full Changelog: v0.4.0...v0.5.0

v0.4.0

0.4.0

• Add Hono support
• Add CSS variables support
• Update https://typicode.github.io/mistcss/
• Fix many bugs

What's Changed

• Add tailwind v4 example by @The-Code-Monkey in #37
• Update Tailwind V4 solution by @The-Code-Monkey in #38
• 0.4.0 by @typicode in #41

Breaking changes

Before:

@scope (.badge) {
  div:scope {

Now:

@scope (div.badge) {
  :scope {

Full Changelog: v0.3.8...v0.4.0