@wpmoo/ui 0.5.0 → 0.7.0

package/certification.json

@@ -1,12 +1,12 @@
 {
   "schemaVersion": "0.1",
   "status": "preview",
-  "coreVersion": "0.5.0",
+  "coreVersion": "0.7.0",
   "bootstrap": {
     "canonicalVersion": "5.3.3",
-    "targetRange": ">=5.3.0 <6",
-    "verifiedRange": null,
-    "testedVersions": []
+    "targetRange": ">=5.3.0 <5.4",
+    "verifiedRange": ">=5.3.0 <5.4",
+    "testedVersions": ["5.3.0", "5.3.3", "5.3.8"]
   },
   "browserPolicy": {
     "policy": "Certification is in progress; see SUPPORT.md for the intended browser policy.",

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

@@ -398,8 +398,8 @@ a > code {
 kbd {
   padding: 0.125rem 0.375rem;
   font-size: 0.75rem;
-  color: var(--bs-secondary-color);
-  background-color: var(--bs-secondary-bg);
+  color: var(--bs-secondary-text-emphasis);
+  background-color: var(--bs-secondary-bg-subtle);
   border-radius: 0.375rem;
 }
 
@@ -13046,6 +13046,36 @@ label.btn {
   flex: 0 0 auto;
 }
 
+.dropdown-item-check.active {
+  color: var(--bs-dropdown-link-color);
+  background-color: transparent;
+}
+
+.dropdown-item-check.active:hover,
+.dropdown-item-check.active:focus {
+  color: var(--bs-dropdown-link-hover-color);
+  background-color: var(--bs-dropdown-link-hover-bg);
+}
+
+.dropdown-item-check__indicator {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  opacity: 0;
+}
+
+.dropdown-item-check.active .dropdown-item-check__indicator {
+  opacity: 1;
+}
+
+.dropdown-item-check__indicator > [data-icon] {
+  width: 1rem;
+  height: 1rem;
+}
+
 .dropdown-item__icon-box {
   --moo-dropdown-item-icon-size: 1.5rem;
   display: flex;
@@ -13298,7 +13328,6 @@ label.btn {
   flex: 0 0 var(--moo-sidebar-width);
   width: var(--moo-sidebar-width);
   color: var(--moo-sidebar-foreground);
-  transition: flex-basis 0.2s ease, width 0.2s ease;
 }
 
 .sidebar[data-side="left"] .sidebar-inner {
@@ -13314,6 +13343,9 @@ label.btn {
 }
 
 @media (min-width: 992px) {
+  .sidebar {
+    transition: flex-basis 0.2s ease, width 0.2s ease;
+  }
   .sidebar[data-variant="floating"] .sidebar-inner {
     width: auto;
     height: calc(100svh - 1rem);
@@ -14130,7 +14162,7 @@ label.btn {
   padding: 0.125rem 0.75rem;
   font-size: 0.875rem;
   font-weight: 500;
-  color: var(--moo-muted-foreground);
+  color: var(--bs-secondary-text-emphasis);
   border-radius: var(--bs-border-radius);
   transition: all 0.2s ease-in-out;
 }
@@ -14373,7 +14405,7 @@ label.btn {
 }
 
 .field:has(> .is-invalid) > .form-label {
-  color: var(--bs-danger);
+  color: var(--bs-form-invalid-color);
 }
 
 .field-description,
@@ -14392,6 +14424,12 @@ label.btn {
   margin-block: 0;
 }
 
+.field-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
 .field-legend {
   font-size: 1rem;
   font-weight: 500;
@@ -14406,6 +14444,14 @@ label.btn {
   margin-top: 0;
 }
 
+.field-fieldset + .field-fieldset {
+  margin-top: 1.25rem;
+}
+
+.field-form > .field-fieldset + .field-fieldset {
+  margin-top: 0;
+}
+
 .field-fieldset + hr {
   opacity: 0.1;
 }