Prepare 1.0.0-beta.2 release

This commit is contained in:
Ronan Berder
2026-06-14 14:34:41 +08:00
parent b971bce153
commit 815e3ffffe
13 changed files with 63 additions and 31 deletions
+8
View File
@@ -2,6 +2,8 @@
## Unreleased
## [1.0.0-beta.2] - 2026-06-14
### Breaking Changes
- Removed the `.form` convenience selector for Basecoat 1.0. Use explicit component classes (`label`, `input`, `textarea`, `select`) or compose fields with `.field` / `.fieldset`.
@@ -36,11 +38,17 @@
- Split Native Select documentation from custom Select documentation.
- Updated docs to use Basecoat-specific HTML usage instead of React/shadcn composition APIs.
- Updated docs site styling, navigation, fonts, and style switcher for the 1.0 style system.
- Migrated the docs build to ReallySimpleDocs/Astro while keeping Basecoat's Nunjucks source examples as a pre-render step.
- Changed docs build scripts so local Basecoat package assets are generated before ReallySimpleDocs resolves `basecoat-css`.
### Removed
- Removed the old Form component page. Form layout should now be composed with Field, Fieldset, Input, Textarea, Select, Native Select, Checkbox, Radio, and Switch.
### Fixed
- Fixed destructive Alert descriptions/content using muted text instead of destructive text across all style packs.
### Migration Notes
To keep the previous `.form` wrapper behavior, define it in your own Tailwind CSS:
+4 -4
View File
@@ -1,12 +1,12 @@
{
"name": "basecoat",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "basecoat",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"license": "MIT",
"workspaces": [
"packages/*"
@@ -9501,7 +9501,7 @@
},
"packages/cli": {
"name": "basecoat-cli",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"license": "MIT",
"dependencies": {
"commander": "^13.1.0",
@@ -9514,7 +9514,7 @@
},
"packages/css": {
"name": "basecoat-css",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"license": "MIT"
}
}
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "basecoat",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"description": "shadcn/ui for the rest of us",
"author": "hunvreus",
"type": "module",
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "basecoat-cli",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"description": "Add Basecoat components to your project",
"author": "hunvreus",
"license": "MIT",
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "basecoat-css",
"version": "1.0.0-beta.1",
"version": "1.0.0-beta.2",
"description": "Tailwind CSS for Basecoat components",
"author": {
"name": "hunvreus",
+6 -3
View File
@@ -399,7 +399,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -411,11 +411,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2.5 end-3;
+6 -3
View File
@@ -391,7 +391,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -403,11 +403,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-2;
}
.alert-destructive > section {
@apply text-destructive/90 text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-2;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-[calc(--spacing(1.25))] end-[calc(--spacing(1.25))];
+6 -3
View File
@@ -391,7 +391,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -403,11 +403,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2.5 end-3;
+6 -3
View File
@@ -391,7 +391,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -403,11 +403,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-xs/relaxed text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-1.5 end-2;
+6 -3
View File
@@ -391,7 +391,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -403,11 +403,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2 end-2;
+6 -3
View File
@@ -399,7 +399,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -411,11 +411,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2.5 end-3;
+6 -3
View File
@@ -407,7 +407,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current after:bg-destructive;
@apply text-destructive bg-card [&>svg]:text-current after:bg-destructive;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -419,11 +419,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2.5 end-3;
+6 -3
View File
@@ -391,7 +391,7 @@
}
.alert-destructive {
@apply text-destructive bg-card [&>section]:text-destructive/90 [&>svg]:text-current;
@apply text-destructive bg-card [&>svg]:text-current;
}
.alert > :is(h2, h3, h4, h5, h6, strong, [data-title]),
@@ -403,11 +403,14 @@
:is(.alert, .alert-destructive):has(> svg) > :is(h2, h3, h4, h5, h6, strong, [data-title]) {
@apply col-start-2;
}
.alert > section,
.alert-destructive > section {
.alert > section {
@apply text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert-destructive > section {
@apply text-destructive/90 text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4;
}
.alert > [data-action],
.alert-destructive > [data-action] {
@apply absolute top-2.5 end-3;