@wpmoo/ui 2.0.0 → 2.1.1

package/README.md

@@ -275,12 +275,15 @@ calm.
 
 ## Status And Support
 
-The `2.0.0` major release target externalizes Chart.js and adds dependency-free password requirements,
-optional host-supplied analysis and native confirmation/submit feedback.
-Field, Input, Button and Tooltip gain additive composition options. Existing
-exports and Bootstrap compatibility are preserved; no estimator is bundled.
-Chart consumers must now install the external Chart.js peer or provide a browser
-import map; the previously self-contained Chart setup changes in this major.
+The `2.1.1` patch release improves Chart tooltips, DataTable sorting
+and selection, Combobox input, Context Menu disposal, Date Picker controls,
+and Sidebar keyboard navigation. Page titles follow their owner heading weight.
+
+The `2.1.0` minor release adds host-translated password feedback, the
+`--moo-heading-font-weight` owner token, and a document scrolling mode for
+website shells. The Layout catalog demonstrates the document mode with a live
+preview and copyable example. Chart consumers use the optional Chart.js peer
+or a native browser import map.
 Component certification remains
 `preview`, with its documented manual and browser/device limits. Public exports, package boundaries, browser support, and release evidence live in [Support & Evidence](https://ui.wpmoo.org/support/).
 Complete release notes are on
@@ -304,7 +307,7 @@ paths live in the [Installation guide](https://ui.wpmoo.org/installation/).
 Moo UI source code is MIT licensed. License details live in
 [LICENSE](LICENSE) and the [License page](https://ui.wpmoo.org/license/).
 Third-party distribution details and notices are kept separately in
-[THIRD_PARTY_NOTICES.md](https://github.com/wpmoo-org/ui/blob/v2.0.0/THIRD_PARTY_NOTICES.md).
+[THIRD_PARTY_NOTICES.md](https://github.com/wpmoo-org/ui/blob/v2.1.1/THIRD_PARTY_NOTICES.md).
 Catalog visual assets and their license are repository-only and are not
 included in the npm package. Asset terms live in the
-[visual asset license](https://github.com/wpmoo-org/ui/blob/v2.0.0/ASSET_LICENSE.md).
+[visual asset license](https://github.com/wpmoo-org/ui/blob/v2.1.1/ASSET_LICENSE.md).

package/THIRD_PARTY_NOTICES.md

@@ -83,5 +83,5 @@ The catalog serves its native ESM file and unchanged license separately under
 WPMoo-generated visual assets, including image assets under `site/static/images/`,
 are original WPMoo work and are not licensed under MIT unless explicitly
 stated. See the
-[repository visual asset license](https://github.com/wpmoo-org/ui/blob/v2.0.0/ASSET_LICENSE.md).
+[repository visual asset license](https://github.com/wpmoo-org/ui/blob/v2.1.1/ASSET_LICENSE.md).
 These assets and their license file are not included in the npm package.

package/certification.json

@@ -1,7 +1,7 @@
 {
   "schemaVersion": "0.1",
   "status": "preview",
-  "coreVersion": "2.0.0",
+  "coreVersion": "2.1.1",
   "bootstrap": {
     "canonicalVersion": "5.3.3",
     "targetRange": ">=5.3.0 <5.4",

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

@@ -1,5 +1,5 @@
 /*!
- * Moo UI v2.0.0 (https://wpmoo.org/)
+ * Moo UI v2.1.1 (https://wpmoo.org/)
  * Copyright 2026 WPMoo Authors
  * Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
  *
@@ -270,6 +270,7 @@
   --moo-chart-4: #3f3f46;
   --moo-chart-5: #27272a;
   --moo-heading-font-family: var(--bs-body-font-family);
+  --moo-heading-font-weight: 600;
   --moo-small-font-size: 0.75rem;
   --moo-paragraph-margin-top: 0;
   --moo-paragraph-margin-bottom: 1rem;
@@ -494,7 +495,7 @@ hr {
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
   color: var(--bs-heading-color);
 }
@@ -885,7 +886,7 @@ progress {
 
 .display-1 {
   font-size: calc(1.475rem + 2.7vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -897,7 +898,7 @@ progress {
 
 .display-2 {
   font-size: calc(1.425rem + 2.1vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -909,7 +910,7 @@ progress {
 
 .display-3 {
   font-size: calc(1.375rem + 1.5vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -921,7 +922,7 @@ progress {
 
 .display-4 {
   font-size: calc(1.35rem + 1.2vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -933,7 +934,7 @@ progress {
 
 .display-5 {
   font-size: calc(1.3125rem + 0.75vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -945,7 +946,7 @@ progress {
 
 .display-6 {
   font-size: calc(1.275rem + 0.3vw);
-  font-weight: 600;
+  font-weight: var(--moo-heading-font-weight, 600);
   line-height: 1.2;
 }
 
@@ -13328,7 +13329,7 @@ label.btn {
   .card-title {
     margin-bottom: 0;
     font-size: 1rem;
-    font-weight: 600;
+    font-weight: var(--moo-heading-font-weight, 600);
     line-height: 1.25;
     letter-spacing: -0.01em;
   }
@@ -13378,7 +13379,7 @@ label.btn {
   .empty-state-title {
     margin: 0;
     font-size: 1.09375rem;
-    font-weight: 600;
+    font-weight: var(--moo-heading-font-weight, 600);
     line-height: 1.2;
   }
   .empty-state-description {
@@ -14337,7 +14338,7 @@ label.btn {
   .alert-heading {
     margin-bottom: 0.25rem;
     font-size: 0.875rem;
-    font-weight: 600;
+    font-weight: var(--moo-heading-font-weight, 600);
   }
   .alert-action {
     flex: 0 0 auto;
@@ -17355,6 +17356,11 @@ label.btn {
     border: var(--bs-border-width) solid var(--moo-border);
     border-radius: var(--bs-border-radius-xl);
   }
+  .wrapper[data-layout="app"][data-shell-mode="document"] {
+    height: auto;
+    min-height: 100svh;
+    overflow: visible;
+  }
   .wrapper[data-layout="app"] > [data-slot="page"] {
     display: flex;
     min-width: 0;
@@ -17452,6 +17458,9 @@ label.btn {
     flex-direction: column;
     overflow-y: auto;
   }
+  .wrapper[data-layout="app"][data-shell-mode="document"] > [data-slot="page"] > main {
+    overflow: visible;
+  }
   .wrapper[data-layout="app"] > [data-slot="page"] > main > :is( .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid ) {
     display: flex;
     min-height: 0;