diff --git a/CHANGELOG.md b/CHANGELOG.md index 0e394a9..e294f21 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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: diff --git a/package-lock.json b/package-lock.json index eca050b..4d2582d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -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" } } diff --git a/package.json b/package.json index 4b39b3f..3f42bbe 100644 --- a/package.json +++ b/package.json @@ -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", diff --git a/packages/cli/package.json b/packages/cli/package.json index 9274c76..212139b 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -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", diff --git a/packages/css/package.json b/packages/css/package.json index 1462719..e3e4f55 100644 --- a/packages/css/package.json +++ b/packages/css/package.json @@ -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", diff --git a/src/css/styles/luma.css b/src/css/styles/luma.css index 69482f8..0398046 100644 --- a/src/css/styles/luma.css +++ b/src/css/styles/luma.css @@ -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; diff --git a/src/css/styles/lyra.css b/src/css/styles/lyra.css index 8919ccd..e914444 100644 --- a/src/css/styles/lyra.css +++ b/src/css/styles/lyra.css @@ -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))]; diff --git a/src/css/styles/maia.css b/src/css/styles/maia.css index 062e9b7..d79d433 100644 --- a/src/css/styles/maia.css +++ b/src/css/styles/maia.css @@ -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; diff --git a/src/css/styles/mira.css b/src/css/styles/mira.css index f46c1b3..756fb49 100644 --- a/src/css/styles/mira.css +++ b/src/css/styles/mira.css @@ -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; diff --git a/src/css/styles/nova.css b/src/css/styles/nova.css index 96c90fc..4178a9c 100644 --- a/src/css/styles/nova.css +++ b/src/css/styles/nova.css @@ -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; diff --git a/src/css/styles/rhea.css b/src/css/styles/rhea.css index 2f816db..dc2a5e1 100644 --- a/src/css/styles/rhea.css +++ b/src/css/styles/rhea.css @@ -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; diff --git a/src/css/styles/sera.css b/src/css/styles/sera.css index da7515f..b07d31e 100644 --- a/src/css/styles/sera.css +++ b/src/css/styles/sera.css @@ -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; diff --git a/src/css/styles/vega.css b/src/css/styles/vega.css index d4e18f4..010cd95 100644 --- a/src/css/styles/vega.css +++ b/src/css/styles/vega.css @@ -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;