@wpmoo/ui 1.0.0-rc.5 → 1.0.0-rc.6

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.5/THIRD_PARTY_NOTICES.md).
+[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.6/THIRD_PARTY_NOTICES.md).
 Those notices are repository-only and are intentionally not shipped in the npm
 package.

package/README.md

@@ -40,10 +40,9 @@ language needs to feel more current.
 - **Explicit runtime.** Optional Moo UI behavior loads through ESM entrypoints
   only when a component needs behavior Bootstrap does not provide.
 
-This branch prepares `@wpmoo/ui@1.0.0-rc.5` for release. Until that
-npm tag is published, use npm's current published package or the floating
-quick demo below. Catalog CodePen exports remain pinned to the latest
-published package until the RC5 npm tag exists.
+This branch prepares `@wpmoo/ui@1.0.0-rc.6` for release. The published RC5
+package remains the CDN baseline for catalog CodePen exports until the RC6 npm
+tag exists.
 
 ## Try It in 30 Seconds
 
@@ -136,7 +135,7 @@ calm.
 
 ## Status And Support
 
-Moo UI is preparing the `1.0.0-rc.5` release candidate. Public exports, package boundaries, browser support, and release evidence live in [Support & Evidence](https://ui.wpmoo.org/support/).
+Moo UI is preparing the `1.0.0-rc.6` release candidate. 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).
 
@@ -159,4 +158,4 @@ Moo UI source code is MIT licensed. License details live in
 [LICENSE](LICENSE) and the [License page](https://ui.wpmoo.org/license/).
 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.5/THIRD_PARTY_NOTICES.md).
+[version-pinned third-party notices](https://github.com/wpmoo-org/ui/blob/v1.0.0-rc.6/THIRD_PARTY_NOTICES.md).

package/certification.json

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

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

@@ -13353,6 +13353,10 @@ label.btn {
   color: var(--moo-muted-foreground);
 }
 
+.card .table {
+  --bs-table-bg: transparent;
+}
+
 .table-responsive:not(.scroll-fade-x):has(.table-row-actions > [aria-expanded="true"]) {
   overflow: visible;
 }
@@ -13501,17 +13505,49 @@ label.btn {
   }
 }
 
+@media (min-width: 576px) and (max-width: 991.98px) {
+  [data-slot="sidebar-header"] .dropend > .dropdown-menu,
+[data-slot="sidebar-footer"] .dropend > .dropdown-menu {
+    left: 0 !important;
+    right: 0 !important;
+    min-width: 100%;
+    margin: 0;
+    transform: none !important;
+  }
+  [data-slot="sidebar-header"] .dropend > .dropdown-menu {
+    top: calc(100% + 0.25rem) !important;
+    bottom: auto !important;
+  }
+  [data-slot="sidebar-footer"] .dropend > .dropdown-menu {
+    top: auto !important;
+    bottom: calc(100% + 0.25rem) !important;
+  }
+}
+
 @media (min-width: 992px) {
-  [data-slot="sidebar-header"] [data-sidebar-dropdown-positioned] > .dropdown-menu {
+  [data-slot="sidebar-header"] [data-sidebar-dropdown-positioned] > .dropdown-menu,
+[data-slot="sidebar-footer"] [data-sidebar-dropdown-positioned] > .dropdown-menu {
     position: fixed !important;
     z-index: 1000;
-    inset-block-start: var(--moo-sidebar-dropdown-block-start) !important;
-    inset-inline-start: var(--moo-sidebar-dropdown-inline-start) !important;
+    inset-inline-start: var(--moo-sidebar-dropdown-inline-start, auto) !important;
+    inset-inline-end: auto !important;
     width: var(--moo-dropdown-sidebar-min-width);
     min-width: var(--moo-dropdown-sidebar-min-width);
     margin: 0;
     transform: none !important;
   }
+  [data-slot="sidebar-header"] [data-sidebar-dropdown-positioned] > .dropdown-menu {
+    inset-block-start: var(--moo-sidebar-dropdown-block-start) !important;
+  }
+  [data-slot="sidebar-footer"] [data-sidebar-dropdown-positioned] > .dropdown-menu {
+    inset-block-start: auto !important;
+    inset-block-end: var(--moo-sidebar-dropdown-block-end) !important;
+  }
+  [data-slot="sidebar"][data-side="right"] [data-slot="sidebar-header"] [data-sidebar-dropdown-positioned] > .dropdown-menu,
+[data-slot="sidebar"][data-side="right"] [data-slot="sidebar-footer"] [data-sidebar-dropdown-positioned] > .dropdown-menu {
+    inset-inline-start: auto !important;
+    inset-inline-end: var(--moo-sidebar-dropdown-inline-end, auto) !important;
+  }
 }
 
 .menubar {
@@ -14243,6 +14279,13 @@ label.btn {
   .sidebar {
     position: relative;
   }
+  .sidebar-wrapper:has([data-sidebar-dropdown-positioned] > .dropdown-menu.show) > .sidebar {
+    position: relative;
+    z-index: 1000;
+  }
+  .sidebar-wrapper:has([data-sidebar-dropdown-positioned] > .dropdown-menu.show) > .sidebar > .sidebar-inner {
+    z-index: 1000;
+  }
   .sidebar-wrapper[data-sidebar-state="collapsed"] .sidebar[data-collapsible="icon"] {
     flex-basis: var(--moo-sidebar-width-icon);
     width: var(--moo-sidebar-width-icon);
@@ -16073,6 +16116,7 @@ ul.context-menu-menu:focus-visible {
 
 .datatable {
   --moo-datatable-min-width: 48rem;
+  --moo-datatable-actions-cell-bg: var(--bs-body-bg);
   --moo-datatable-actions-cell-fade-width: 1.25rem;
   --moo-datatable-card-label-width: 7rem;
   --moo-datatable-frame-header-min-height: 2.78125rem;
@@ -16085,6 +16129,10 @@ ul.context-menu-menu:focus-visible {
   --moo-datatable-bulk-actions-bottom: 1rem;
 }
 
+.card .datatable {
+  --moo-datatable-actions-cell-bg: var(--bs-card-bg);
+}
+
 .datatable-table {
   table-layout: fixed;
 }
@@ -16118,12 +16166,12 @@ ul.context-menu-menu:focus-visible {
   position: sticky;
   inset-inline-end: 0;
   z-index: 2;
-  background: linear-gradient(90deg, transparent 0, var(--bs-body-bg) var(--moo-datatable-actions-cell-fade-width));
+  background: linear-gradient(90deg, transparent 0, var(--moo-datatable-actions-cell-bg) var(--moo-datatable-actions-cell-fade-width));
 }
 
 [dir="rtl"] .datatable-frame [data-datatable-column="actions"],
 .datatable-frame [dir="rtl"] [data-datatable-column="actions"] {
-  background: linear-gradient(270deg, transparent 0, var(--bs-body-bg) var(--moo-datatable-actions-cell-fade-width));
+  background: linear-gradient(270deg, transparent 0, var(--moo-datatable-actions-cell-bg) var(--moo-datatable-actions-cell-fade-width));
 }
 
 .datatable-card-frame:has(.datatable-card .dropdown-menu.show) {
@@ -16198,6 +16246,10 @@ ul.context-menu-menu:focus-visible {
   width: 100%;
 }
 
+.datatable-searchbar:not(:has(> .dropdown-menu.show)) {
+  overflow: hidden;
+}
+
 .datatable-searchbar .datatable-search {
   flex: 1 1 auto;
   max-width: none;
@@ -16210,7 +16262,7 @@ ul.context-menu-menu:focus-visible {
   position: absolute;
   inset-block-start: 50%;
   inset-inline-start: 0.625rem;
-  z-index: 2;
+  z-index: 6;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -16744,6 +16796,11 @@ ul.context-menu-menu:focus-visible {
   background-color: var(--moo-muted-surface);
 }
 
+.datatable-row-selected > [data-datatable-column="actions"] {
+  --moo-datatable-actions-cell-bg: var(--moo-muted-surface);
+  background: var(--moo-muted-surface);
+}
+
 .datatable-card.datatable-row-selected {
   border-color: var(--moo-border);
   background-color: var(--moo-muted-surface);