v0.7.0

What's Changed

• Upgrade to clsx@2.0.0 by @joe-bell in #185

Full Changelog: v0.6.1...v0.7.0

v0.6.1

What's Changed

• Add missing license key in package.json
• Upgrade to typescript@5.1.3 by @joe-bell in #175

Full Changelog: v0.6.0...v0.6.1

v0.6.0

What's Changed

• cx → clsx by @joe-bell in #152

  cva now uses clsx under-the-hood to concatenate classes with no breaking changes to the current experience and no increase to bundle-size.

  The existing cx export still exists, but as an alias of clsx

  Bringing additional benefits of:

  1. Provides additional support for booleans and variadic strings within class or className props

     const button = cva([true && "button-base", false && "not-rendered"]);
     // => 'button-base'
     
     const buttonConsumer = button({ class: [true && "extra-class"] });
     // => 'button-base extra-class'

  2. Provides support for object syntax within class or className props

     const button = cva({ foo: true, bar: false });
     // => 'foo baz'

Full Changelog: v0.5.3...v0.6.0

v0.5.3

What's Changed

• fix: issue #147 where map files are not present for esm files by @pfried in #148

  Thank you @pfried!

• fix: Added explicit undefined type to support exactOptionalPropertyTypes option by @totto2727 in #149

  This has been a long standing issue for me and I'm so grateful to @totto2727 for making the fix

New Contributors

• @pfried made their first contribution in #148
• @totto2727 made their first contribution in #149

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

v0.5.2

What's Changed

• Support for moduleResolution: bundler (add types to exports field in package.json) by @msonnberger in #138

New Contributors

• @msonnberger made their first contribution in #138

Full Changelog: v0.5.1...v0.5.2

v0.5.1

What's Changed

Warning
v0.5.0 is broken, please skip straight to v0.5.1

• Support for TypeScript 5 by @joe-bell in #134

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

Support the Project 🖤

Note
I'm actually supposed to be on vacation right now, but it seems like people are desperate for TypeScript 5 support

cva is a labour of love – I don't get paid to work on this project

Contributions of any size are greatly appreciated 🙏🏼

Ethereum

0xC756F748ff6A499f3C826529A0Da30FF1A3ac28c

v0.4.0

What's Changed

Features

• Target Multiple Variant Options within Compound Variants by @joe-bell and @JeroenReumkens in #76

  // components/button.ts
  import { cva } from "class-variance-authority";
  
  const button = cva("…", {
    variants: {
      intent: { primary: "…", secondary: "…" },
      size: { small: "…", medium: "…" },
    },
    compoundVariants: [
      // Applied via:
      //   `button({ intent: "primary", size: "medium" })`
      //     or
      //   `button({ intent: "secondary", size: "medium" })`
      {
        intent: ["primary", "secondary"],
        size: "medium",
        class: "…",
      },
    ],
  });

Chores

• Upgrade Commitlint by @joe-bell in #71
• fix: readme example by @TmLev in #70

New Contributors

• @TmLev made their first contribution in #70
• @JeroenReumkens made their first contribution in #76

Full Changelog: v0.3.0...v0.4.0

v0.3.0

What's Changed

• Add Support for the className Prop by @joe-bell in #54

  React.js friends, you can be at peace: you can now use the className or the class prop.

Full Changelog: v0.2.4...v0.3.0

v0.2.4

What's Changed

• Fix variant key 0 use-case by @Tatamethues in #43

New Contributors

• @Tatamethues made their first contribution in #43 (thank you @Tatamethues! 🎉)

Full Changelog: v0.2.3...v0.2.4

v0.2.3

What's Changed

• Remove class prop from VariantProps by @joe-bell (thanks for the suggestion @hasparus)

Full Changelog: v0.2.2...v0.2.3