@wpmoo/ui 1.0.0-rc.10 → 1.0.0-rc.11

package/ASSET_LICENSE.md

@@ -14,6 +14,6 @@ product, site, template, library, training dataset, or marketing asset without
 prior written permission from WPMoo.
 
 Third-party assets remain under their own licenses. See the
-[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.10/THIRD_PARTY_NOTICES.md).
+[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.11/THIRD_PARTY_NOTICES.md).
 Those notices are repository-only and are intentionally not shipped in the npm
 package.

package/README.md

@@ -191,7 +191,7 @@ calm.
 
 ## Status And Support
 
-The current release candidate is `1.0.0-rc.10`. Public exports, package boundaries, browser support, and release evidence live in [Support & Evidence](https://ui.wpmoo.org/support/).
+The current release candidate is `1.0.0-rc.11`. Public exports, package boundaries, browser support, and release evidence live in [Support & Evidence](https://ui.wpmoo.org/support/).
 Complete release notes are on
 [GitHub Releases](https://github.com/wpmoo-org/ui/releases).
 
@@ -216,4 +216,4 @@ The published `LICENSE` also retains the full MIT notices for bundled
 Chart.js and `@kurkle/color`.
 Asset terms live in [ASSET_LICENSE.md](ASSET_LICENSE.md); dependency notices
 live in the
-[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.10/THIRD_PARTY_NOTICES.md).
+[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.11/THIRD_PARTY_NOTICES.md).

package/certification.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "0.1",
   "status": "preview",
-  "coreVersion": "1.0.0-rc.10",
+  "coreVersion": "1.0.0-rc.11",
   "bootstrap": {
     "canonicalVersion": "5.3.3",
     "targetRange": ">=5.3.0 <5.4",

package/dist/assets/css/moo-ui.css

@@ -1,5 +1,5 @@
 /*!
- * Moo UI v1.0.0-rc.10 (https://wpmoo.org/)
+ * Moo UI v1.0.0-rc.11 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  *
@@ -13641,6 +13641,13 @@ label.btn {
     --bs-nav-link-color: var(--moo-foreground);
     --bs-nav-link-hover-color: var(--moo-foreground);
     --bs-nav-link-disabled-color: var(--moo-disabled-foreground);
+    --bs-nav-link-description-color: color-mix(in srgb, var(--moo-muted-foreground) 95%, var(--moo-foreground));
+  }
+  .nav-link-description {
+    color: var(--bs-nav-link-description-color);
+  }
+  .nav-link.disabled .nav-link-description {
+    color: var(--bs-nav-link-disabled-color);
   }
   .nav-pills {
     --bs-nav-pills-border-radius: var(--bs-border-radius);
@@ -13666,6 +13673,56 @@ label.btn {
     height: 1rem;
     flex: 0 0 auto;
   }
+  .nav-link-icon {
+    display: inline-flex;
+    align-items: center;
+    flex: 0 0 auto;
+  }
+  .nav-steps {
+    --bs-nav-step-icon-size: 2rem;
+    --bs-nav-step-gap: 0.25rem;
+    gap: var(--bs-nav-step-gap);
+  }
+  .nav-steps .nav-item {
+    position: relative;
+  }
+  .nav-steps .nav-item:not(:only-child)::before {
+    position: absolute;
+    z-index: 1;
+    inset-inline-start: calc(var(--bs-nav-link-padding-x) + var(--bs-nav-step-icon-size) / 2);
+    inset-block: calc(var(--bs-nav-step-gap) / -2);
+    border-inline-start: var(--bs-border-width) solid var(--bs-border-color);
+    content: "";
+    pointer-events: none;
+  }
+  .nav-steps .nav-item:first-child::before {
+    inset-block-start: 50%;
+  }
+  .nav-steps .nav-item:last-child::before {
+    inset-block-end: 50%;
+  }
+  .nav-steps .nav-link-icon {
+    position: relative;
+    z-index: 2;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 var(--bs-nav-step-icon-size);
+    inline-size: var(--bs-nav-step-icon-size);
+    block-size: var(--bs-nav-step-icon-size);
+    color: var(--moo-foreground);
+    background-color: var(--moo-muted-surface);
+    border: var(--bs-border-width) solid var(--bs-border-color);
+    border-radius: var(--bs-border-radius);
+  }
+  .nav-steps .nav-link.disabled .nav-link-icon {
+    color: var(--moo-disabled-foreground);
+  }
+  .nav-steps .nav-item[data-nav-completed="true"] .nav-link-icon {
+    color: var(--moo-primary-foreground);
+    background-color: var(--moo-primary);
+    border-color: var(--moo-primary);
+  }
 
   /* Skeleton */
   .skeleton {
@@ -16691,7 +16748,12 @@ label.btn {
     box-shadow: none;
   }
 
-  /* Scroll utilities */
+  /* Utilities */
+
+  /* Border utilities */
+  .border-dashed {
+    border-style: dashed !important;
+  }
   :where( .scroll-fade, .scroll-fade-y, .scroll-fade-x, .scroll-fade-t, .scroll-fade-b, .scroll-fade-l, .scroll-fade-r, .scroll-fade-s, .scroll-fade-e ) {
     --scroll-fade-size: min(12%, 2.5rem);
     --scroll-fade-reveal: 6rem;