@vanduo-oss/framework 1.7.0 → 1.7.1

package/CHANGELOG.md

@@ -8,6 +8,14 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 Full release notes — covering the framework, the documentation site, and
 ecosystem packages side by side — live at <https://vanduo.dev/#changelog>.
 
+## [1.7.1] - 2026-07-05
+
+### Fixed
+- **Button danger alias** — `.vd-btn-danger`, `.vd-btn-outline-danger`, and
+  `.vd-btn-ghost-danger` now share the same rules as the existing `-error`
+  variants, matching badges, alerts, and chips after the unified status vocabulary
+  migration.
+
 ## [1.7.0] - 2026-06-29
 
 Additive minor backing the `@vanduo-oss/vue` 0.3.0 release. Adds CSS for new

package/README.md

@@ -1,6 +1,6 @@
-<p align="center">
-  <img src="vanduo-banner.svg" alt="Vanduo Framework" width="100%">
-</p>
+<div align="center">
+  <img src="vanduo-oss-animated.svg" alt="vanduo-oss/framework" width="220"/>
+</div>
 
 # @vanduo-oss/framework
 
@@ -28,8 +28,8 @@ Vanduo.init();
 ## Quick start (no build)
 
 ```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.0/dist/vanduo.min.css">
-<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.0/dist/vanduo.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.1/dist/vanduo.min.css">
+<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.1/dist/vanduo.min.js"></script>
 <script>
   Vanduo.init();
 </script>

package/SKILL.md

@@ -15,8 +15,8 @@ pnpm add @vanduo-oss/framework        # Node >=18
 
 ```html
 <!-- or CDN (pin a version; add SRI in production) -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.0/dist/vanduo.min.css">
-<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.0/dist/vanduo.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.1/dist/vanduo.min.css">
+<script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.7.1/dist/vanduo.min.js"></script>
 <script>Vanduo.init()</script>
 ```
 

package/css/components/buttons.css

@@ -165,20 +165,23 @@
   transform: translateY(1px);
 }
 
-/* Button Variants - Error */
-.vd-btn-error {
+/* Button Variants - Danger (unified) / Error (alias) */
+.vd-btn-error,
+.vd-btn-danger {
   background-color: var(--vd-color-error);
   border-color: var(--vd-color-error);
   color: var(--vd-color-white);
 }
 
-.vd-btn-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-error:hover:not(:disabled):not(.disabled):not(.is-disabled),
+.vd-btn-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-dark);
   border-color: var(--vd-color-error-dark);
   color: var(--vd-color-white);
 }
 
-.vd-btn-error:active:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-error:active:not(:disabled):not(.disabled):not(.is-disabled),
+.vd-btn-danger:active:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-dark);
   border-color: var(--vd-color-error-dark);
   transform: translateY(1px);
@@ -264,13 +267,15 @@
   color: var(--vd-color-black);
 }
 
-.vd-btn-outline-error {
+.vd-btn-outline-error,
+.vd-btn-outline-danger {
   background-color: transparent;
   border-color: var(--vd-color-error);
   color: var(--vd-color-error);
 }
 
-.vd-btn-outline-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-outline-error:hover:not(:disabled):not(.disabled):not(.is-disabled),
+.vd-btn-outline-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error);
   border-color: var(--vd-color-error);
   color: var(--vd-color-white);
@@ -370,18 +375,21 @@
   color: var(--vd-color-warning-active);
 }
 
-.vd-btn-ghost-error {
+.vd-btn-ghost-error,
+.vd-btn-ghost-danger {
   background-color: transparent;
   border-color: transparent;
   color: var(--vd-color-error);
 }
 
-.vd-btn-ghost-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-ghost-error:hover:not(:disabled):not(.disabled):not(.is-disabled),
+.vd-btn-ghost-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-alpha-10);
   color: var(--vd-color-error-dark);
 }
 
-.vd-btn-ghost-error:active:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-ghost-error:active:not(:disabled):not(.disabled):not(.is-disabled),
+.vd-btn-ghost-danger:active:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-alpha-20);
   color: var(--vd-color-error-active);
 }
@@ -513,6 +521,7 @@ a.vd-btn:hover {
 .vd-btn-secondary.is-loading::after,
 .vd-btn-success.is-loading::after,
 .vd-btn-error.is-loading::after,
+.vd-btn-danger.is-loading::after,
 .vd-btn-info.is-loading::after {
   border-color: var(--vd-color-white);
   border-right-color: transparent;

package/dist/build-info.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.7.0",
-  "builtAt": "2026-06-29T06:28:14.462Z",
-  "commit": "c12c685",
+  "version": "1.7.1",
+  "builtAt": "2026-07-05T17:48:13.002Z",
+  "commit": "6585256",
   "mode": "development+production"
 }

package/dist/vanduo-core.css

@@ -1,4 +1,4 @@
-/*! Vanduo v1.7.0 | Built: 2026-06-29T06:28:14.462Z | git:c12c685 | development */
+/*! Vanduo v1.7.1 | Built: 2026-07-05T17:48:13.002Z | git:6585256 | development */
 *, :before, :after {
   box-sizing: border-box;
 }
@@ -9220,19 +9220,19 @@ pre code {
   transform: translateY(1px);
 }
 
-.vd-btn-error {
+.vd-btn-error, .vd-btn-danger {
   background-color: var(--vd-color-error);
   border-color: var(--vd-color-error);
   color: var(--vd-color-white);
 }
 
-.vd-btn-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-error:hover:not(:disabled):not(.disabled):not(.is-disabled), .vd-btn-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-dark);
   border-color: var(--vd-color-error-dark);
   color: var(--vd-color-white);
 }
 
-.vd-btn-error:active:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-error:active:not(:disabled):not(.disabled):not(.is-disabled), .vd-btn-danger:active:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-dark);
   border-color: var(--vd-color-error-dark);
   transform: translateY(1px);
@@ -9316,13 +9316,13 @@ pre code {
   color: var(--vd-color-black);
 }
 
-.vd-btn-outline-error {
+.vd-btn-outline-error, .vd-btn-outline-danger {
   border-color: var(--vd-color-error);
   color: var(--vd-color-error);
   background-color: #0000;
 }
 
-.vd-btn-outline-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-outline-error:hover:not(:disabled):not(.disabled):not(.is-disabled), .vd-btn-outline-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error);
   border-color: var(--vd-color-error);
   color: var(--vd-color-white);
@@ -9420,18 +9420,18 @@ pre code {
   color: var(--vd-color-warning-active);
 }
 
-.vd-btn-ghost-error {
+.vd-btn-ghost-error, .vd-btn-ghost-danger {
   color: var(--vd-color-error);
   background-color: #0000;
   border-color: #0000;
 }
 
-.vd-btn-ghost-error:hover:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-ghost-error:hover:not(:disabled):not(.disabled):not(.is-disabled), .vd-btn-ghost-danger:hover:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-alpha-10);
   color: var(--vd-color-error-dark);
 }
 
-.vd-btn-ghost-error:active:not(:disabled):not(.disabled):not(.is-disabled) {
+.vd-btn-ghost-error:active:not(:disabled):not(.disabled):not(.is-disabled), .vd-btn-ghost-danger:active:not(:disabled):not(.disabled):not(.is-disabled) {
   background-color: var(--vd-color-error-alpha-20);
   color: var(--vd-color-error-active);
 }
@@ -9540,7 +9540,7 @@ a.vd-btn, a.vd-btn:hover {
   left: 50%;
 }
 
-.vd-btn-primary.is-loading:after, .vd-btn-secondary.is-loading:after, .vd-btn-success.is-loading:after, .vd-btn-error.is-loading:after, .vd-btn-info.is-loading:after {
+.vd-btn-primary.is-loading:after, .vd-btn-secondary.is-loading:after, .vd-btn-success.is-loading:after, .vd-btn-error.is-loading:after, .vd-btn-danger.is-loading:after, .vd-btn-info.is-loading:after {
   border-color: var(--vd-color-white);
   border-right-color: #0000;
 }