diff --git a/.changeset/cool-lizards-tell.md b/.changeset/cool-lizards-tell.md deleted file mode 100644 index 4b69bb0a..00000000 --- a/.changeset/cool-lizards-tell.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -"@tw-classed/react": patch -"@tw-classed/core": patch ---- - -Adds support for compoundVariants to be inherit via the composition API. - -Example: - -```tsx -const Button = classed.button({ - base: "bg-blue-500 text-white", - variants: { - size: { - sm: "px-2 py-1 text-sm", - md: "px-4 py-2 text-base", - }, - color: { - red: "bg-red-500", - green: "bg-green-500", - }, - }, - compoundVariants: [ - { - size: "sm", - color: "green" - class: "super-special-class-modifyer" - }, - ], -}); - -const GreenButton = classed(Button, { - defaultVariants: { - color: "green", // This now triggers the compoundVariant - }, -}); -``` diff --git a/.changeset/famous-houses-grab.md b/.changeset/famous-houses-grab.md deleted file mode 100644 index 22c5866c..00000000 --- a/.changeset/famous-houses-grab.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@tw-classed/react": patch ---- - -Sets target to es2018 in tsconfig to allow bundling to newer syntax diff --git a/.changeset/healthy-ducks-stare.md b/.changeset/healthy-ducks-stare.md deleted file mode 100644 index 7fdab5b1..00000000 --- a/.changeset/healthy-ducks-stare.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -"@tw-classed/core": minor -"@tw-classed/react": minor ---- - -Adds support for `deriveClassed` & `makeStrict`. Updated core internal typing for compatibility. diff --git a/.changeset/itchy-ties-perform.md b/.changeset/itchy-ties-perform.md deleted file mode 100644 index 78ff8776..00000000 --- a/.changeset/itchy-ties-perform.md +++ /dev/null @@ -1,15 +0,0 @@ ---- -"@tw-classed/solid": patch ---- - -Add Solid.js library - -`@tw-classed/solid` is a library that allows you to create classed components in `Solid.js`. It has **1-1 API parity** with `@tw-classed/react`, but with Solid specific internals. Follow the [React guide](/docs) to learn more about the API. - -```tsx -import { classed } from "@tw-classed/solid"; - -const Button = classed.button("bg-blue-500 text-white p-2 rounded"); - -() => ; -``` diff --git a/.changeset/pre.json b/.changeset/pre.json deleted file mode 100644 index 5fcd6855..00000000 --- a/.changeset/pre.json +++ /dev/null @@ -1,20 +0,0 @@ -{ - "mode": "exit", - "tag": "canary", - "initialVersions": { - "benchmark": "0.1.0", - "docs": "2.0.11", - "@tw-classed/core": "1.3.2", - "@tw-classed/react": "1.3.2", - "@tw-classed/solid": "1.3.2" - }, - "changesets": [ - "cool-lizards-tell", - "famous-houses-grab", - "healthy-ducks-stare", - "itchy-ties-perform", - "red-brooms-carry", - "slow-bulldogs-nail", - "swift-moons-search" - ] -} diff --git a/.changeset/red-brooms-carry.md b/.changeset/red-brooms-carry.md deleted file mode 100644 index 08ce3ec2..00000000 --- a/.changeset/red-brooms-carry.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@tw-classed/react": patch ---- - -Export Classed Proxy type due to TS error on pnpm diff --git a/.changeset/slow-bulldogs-nail.md b/.changeset/slow-bulldogs-nail.md deleted file mode 100644 index 4ed19a18..00000000 --- a/.changeset/slow-bulldogs-nail.md +++ /dev/null @@ -1,5 +0,0 @@ ---- -"@tw-classed/react": patch ---- - -Reverse insert order of first element composition to allow overriding of defaultVariants & other variant properties when re-classing diff --git a/.changeset/swift-moons-search.md b/.changeset/swift-moons-search.md deleted file mode 100644 index b3198384..00000000 --- a/.changeset/swift-moons-search.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -"@tw-classed/react": patch ---- - -Fixes As prop usage inside a derived component's render method by implicitly requiring `As` generic. - -**NOTE:** Use only when manually setting `as` inside derive's render method. Otherwise, let the compiler infer the `As` generic. - -```tsx -deriveClassed((props, ref) => ( - -)); -``` diff --git a/apps/docs/CHANGELOG.md b/apps/docs/CHANGELOG.md index 7d043406..2e5f24c6 100644 --- a/apps/docs/CHANGELOG.md +++ b/apps/docs/CHANGELOG.md @@ -1,5 +1,12 @@ # beta-docs +## 2.0.12 + +### Patch Changes + +- Updated dependencies [[`785bcaaa`](https://github.com/sannajammeh/tw-classed/commit/785bcaaada76f9b19edce4b1724d7850dcb4fbd6), [`fc48bf56`](https://github.com/sannajammeh/tw-classed/commit/fc48bf56799b41b6fcb5bffb01e7911e9f3a9693), [`0f5f46fa`](https://github.com/sannajammeh/tw-classed/commit/0f5f46fa6ce9f5eb78115c5a04fd9bc06f64c847), [`d392ab1c`](https://github.com/sannajammeh/tw-classed/commit/d392ab1cfb74cd45d86637f0fcc19c6de2cdb2e6), [`b183d8ab`](https://github.com/sannajammeh/tw-classed/commit/b183d8ab03ea864c65927226bb6dc9ada250c250), [`81a77612`](https://github.com/sannajammeh/tw-classed/commit/81a77612d73058a515fcc6ed5ee548c89a0b8cb6)]: + - @tw-classed/react@1.4.0 + ## 2.0.12-canary.5 ### Patch Changes diff --git a/apps/docs/package.json b/apps/docs/package.json index 4e43cefb..76fee9b5 100644 --- a/apps/docs/package.json +++ b/apps/docs/package.json @@ -1,6 +1,6 @@ { "name": "docs", - "version": "2.0.12-canary.5", + "version": "2.0.12", "private": true, "scripts": { "dev": "next dev", diff --git a/packages/core/CHANGELOG.md b/packages/core/CHANGELOG.md index 3e2695fd..ebe6a471 100644 --- a/packages/core/CHANGELOG.md +++ b/packages/core/CHANGELOG.md @@ -1,5 +1,46 @@ # @tw-classed/core +## 1.4.0 + +### Minor Changes + +- [#82](https://github.com/sannajammeh/tw-classed/pull/82) [`0f5f46fa`](https://github.com/sannajammeh/tw-classed/commit/0f5f46fa6ce9f5eb78115c5a04fd9bc06f64c847) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Adds support for `deriveClassed` & `makeStrict`. Updated core internal typing for compatibility. + +### Patch Changes + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`785bcaaa`](https://github.com/sannajammeh/tw-classed/commit/785bcaaada76f9b19edce4b1724d7850dcb4fbd6) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Adds support for compoundVariants to be inherit via the composition API. + + Example: + + ```tsx + const Button = classed.button({ + base: "bg-blue-500 text-white", + variants: { + size: { + sm: "px-2 py-1 text-sm", + md: "px-4 py-2 text-base", + }, + color: { + red: "bg-red-500", + green: "bg-green-500", + }, + }, + compoundVariants: [ + { + size: "sm", + color: "green" + class: "super-special-class-modifyer" + }, + ], + }); + + const GreenButton = classed(Button, { + defaultVariants: { + color: "green", // This now triggers the compoundVariant + }, + }); + ``` + ## 1.4.0-canary.5 ### Patch Changes diff --git a/packages/core/package.json b/packages/core/package.json index 9b64459e..199a59c4 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@tw-classed/core", - "version": "1.4.0-canary.5", + "version": "1.4.0", "description": "A Stitches & Styled-Components inspired library to create reusable Tailwind react components", "sideEffects": false, "main": "dist/index.cjs", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 0bb9b528..b0edbc98 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,5 +1,65 @@ # @tw-classed/react +## 1.4.0 + +### Minor Changes + +- [#82](https://github.com/sannajammeh/tw-classed/pull/82) [`0f5f46fa`](https://github.com/sannajammeh/tw-classed/commit/0f5f46fa6ce9f5eb78115c5a04fd9bc06f64c847) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Adds support for `deriveClassed` & `makeStrict`. Updated core internal typing for compatibility. + +### Patch Changes + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`785bcaaa`](https://github.com/sannajammeh/tw-classed/commit/785bcaaada76f9b19edce4b1724d7850dcb4fbd6) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Adds support for compoundVariants to be inherit via the composition API. + + Example: + + ```tsx + const Button = classed.button({ + base: "bg-blue-500 text-white", + variants: { + size: { + sm: "px-2 py-1 text-sm", + md: "px-4 py-2 text-base", + }, + color: { + red: "bg-red-500", + green: "bg-green-500", + }, + }, + compoundVariants: [ + { + size: "sm", + color: "green" + class: "super-special-class-modifyer" + }, + ], + }); + + const GreenButton = classed(Button, { + defaultVariants: { + color: "green", // This now triggers the compoundVariant + }, + }); + ``` + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`fc48bf56`](https://github.com/sannajammeh/tw-classed/commit/fc48bf56799b41b6fcb5bffb01e7911e9f3a9693) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Sets target to es2018 in tsconfig to allow bundling to newer syntax + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`d392ab1c`](https://github.com/sannajammeh/tw-classed/commit/d392ab1cfb74cd45d86637f0fcc19c6de2cdb2e6) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Export Classed Proxy type due to TS error on pnpm + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`b183d8ab`](https://github.com/sannajammeh/tw-classed/commit/b183d8ab03ea864c65927226bb6dc9ada250c250) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Reverse insert order of first element composition to allow overriding of defaultVariants & other variant properties when re-classing + +- [#89](https://github.com/sannajammeh/tw-classed/pull/89) [`81a77612`](https://github.com/sannajammeh/tw-classed/commit/81a77612d73058a515fcc6ed5ee548c89a0b8cb6) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Fixes As prop usage inside a derived component's render method by implicitly requiring `As` generic. + + **NOTE:** Use only when manually setting `as` inside derive's render method. Otherwise, let the compiler infer the `As` generic. + + ```tsx + deriveClassed((props, ref) => ( + + )); + ``` + +- Updated dependencies [[`785bcaaa`](https://github.com/sannajammeh/tw-classed/commit/785bcaaada76f9b19edce4b1724d7850dcb4fbd6), [`0f5f46fa`](https://github.com/sannajammeh/tw-classed/commit/0f5f46fa6ce9f5eb78115c5a04fd9bc06f64c847)]: + - @tw-classed/core@1.4.0 + ## 1.4.0-canary.6 ### Patch Changes diff --git a/packages/react/package.json b/packages/react/package.json index 71d8046d..35f79794 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@tw-classed/react", - "version": "1.4.0-canary.6", + "version": "1.4.0", "description": "A Stitches & Styled-Components inspired library to create reusable Tailwind React components", "sideEffects": false, "main": "dist/index.cjs", diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md index bf1359cd..3dfb6b3a 100644 --- a/packages/solid/CHANGELOG.md +++ b/packages/solid/CHANGELOG.md @@ -1,5 +1,24 @@ # @tw-classed/solid +## 1.4.0 + +### Patch Changes + +- [#70](https://github.com/sannajammeh/tw-classed/pull/70) [`a5763359`](https://github.com/sannajammeh/tw-classed/commit/a576335954e8269ef3a03fdd06790eeb9b777e71) Thanks [@sannajammeh](https://github.com/sannajammeh)! - Add Solid.js library + + `@tw-classed/solid` is a library that allows you to create classed components in `Solid.js`. It has **1-1 API parity** with `@tw-classed/react`, but with Solid specific internals. Follow the [React guide](/docs) to learn more about the API. + + ```tsx + import { classed } from "@tw-classed/solid"; + + const Button = classed.button("bg-blue-500 text-white p-2 rounded"); + + () => ; + ``` + +- Updated dependencies [[`785bcaaa`](https://github.com/sannajammeh/tw-classed/commit/785bcaaada76f9b19edce4b1724d7850dcb4fbd6), [`0f5f46fa`](https://github.com/sannajammeh/tw-classed/commit/0f5f46fa6ce9f5eb78115c5a04fd9bc06f64c847)]: + - @tw-classed/core@1.4.0 + ## 1.4.0-canary.5 ### Patch Changes diff --git a/packages/solid/package.json b/packages/solid/package.json index 990ec9cf..65aedb97 100644 --- a/packages/solid/package.json +++ b/packages/solid/package.json @@ -1,6 +1,6 @@ { "name": "@tw-classed/solid", - "version": "1.4.0-canary.5", + "version": "1.4.0", "description": "A Stitches & Styled-Components inspired library to create reusable Tailwind Solid components", "sideEffects": false, "exports": {