@object-ui/components 4.5.0 → 4.7.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @object-ui/components
 
+## 4.7.0
+
+### Patch Changes
+
+- @object-ui/types@4.7.0
+- @object-ui/core@4.7.0
+- @object-ui/i18n@4.7.0
+- @object-ui/react@4.7.0
+
+## 4.6.0
+
+### Minor Changes
+
+- 3ee436d: feat(components): add `RelatedCountStore` runtime cache + `useRelatedCount`
+  hook (built on `useSyncExternalStore`, no new deps). Replaces
+  `PageTabsRenderer`'s local per-instance `derivedCounts` state with a
+  shared module-scoped store so multiple consumers of the same
+  object/parent pair share a single probe.
+
+  Wires `useBulkExecutor` to call `RelatedCountStore.invalidate(resource)`
+  after any successful bulk update/delete, so related-list badges on
+  parent records re-probe automatically on the next render instead of
+  showing stale counts.
+
+### Patch Changes
+
+- @object-ui/types@4.6.0
+- @object-ui/core@4.6.0
+- @object-ui/i18n@4.6.0
+- @object-ui/react@4.6.0
+
 ## 4.5.0
 
 ### Minor Changes

package/dist/index.css

@@ -89,6 +89,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -396,6 +397,9 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .right-12 {
+    right: calc(var(--spacing) * 12);
+  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -429,6 +433,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -1013,6 +1020,9 @@
   .w-\[450px\] {
     width: 450px;
   }
+  .w-\[calc\(100vw-1rem\)\] {
+    width: calc(100vw - 1rem);
+  }
   .w-auto {
     width: auto;
   }
@@ -1028,6 +1038,9 @@
   .w-px {
     width: 1px;
   }
+  .w-screen {
+    width: 100vw;
+  }
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
@@ -1263,6 +1276,9 @@
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
   .resize-none {
     resize: none;
   }
@@ -2188,6 +2204,10 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -3251,6 +3271,16 @@
       }
     }
   }
+  .hover\:bg-primary\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -3609,6 +3639,14 @@
       background-color: var(--color-muted);
     }
   }
+  .active\:bg-primary\/60 {
+    &:active {
+      background-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
   .active\:bg-sidebar-accent {
     &:active {
       background-color: var(--color-sidebar-accent);
@@ -4394,6 +4432,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -4469,9 +4512,9 @@
       width: auto;
     }
   }
-  .sm\:max-w-2xl {
+  .sm\:w-full {
     @media (width >= 40rem) {
-      max-width: var(--container-2xl);
+      width: 100%;
     }
   }
   .sm\:max-w-3xl {
@@ -4489,6 +4532,16 @@
       max-width: 425px;
     }
   }
+  .sm\:max-w-\[var\(--ov-w\)\] {
+    @media (width >= 40rem) {
+      max-width: var(--ov-w);
+    }
+  }
+  .sm\:max-w-\[var\(--ov-w\,42rem\)\] {
+    @media (width >= 40rem) {
+      max-width: var(--ov-w,42rem);
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -5701,6 +5754,11 @@
       display: none;
     }
   }
+  .\[\&\>button\:last-of-type\]\:hidden {
+    &>button:last-of-type {
+      display: none;
+    }
+  }
   .\[\&\>input\]\:flex-1 {
     &>input {
       flex: 1;