@object-ui/components 4.3.0 → 4.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,48 @@
1
1
  # @object-ui/components
2
2
 
3
+ ## 4.4.0
4
+
5
+ ### Patch Changes
6
+
7
+ - 2bd45af: feat(shell): main becomes the scroll container; record tabs are sticky
8
+ - `AppShell`'s SidebarProvider wrapper is now constrained to viewport
9
+ height (`h-svh overflow-hidden`) instead of expanding with content via
10
+ the default `min-h-svh`. This makes the inner `<main>` (which is
11
+ `overflow-auto`) the actual scroll container instead of the window.
12
+ - `RecordDetailView` page-mode container drops the redundant
13
+ `h-full overflow-auto` (avoids nested scrollers; main owns scroll now).
14
+ - `page:tabs` (horizontal) gets `sticky top-0 z-20` with a translucent
15
+ backdrop so the tab strip stays visible while users scroll through
16
+ long record pages — the Salesforce Lightning behaviour our schemas
17
+ were already implying.
18
+ - @object-ui/types@4.4.0
19
+ - @object-ui/core@4.4.0
20
+ - @object-ui/i18n@4.4.0
21
+ - @object-ui/react@4.4.0
22
+
23
+ ## 4.3.1
24
+
25
+ ### Patch Changes
26
+
27
+ - 6b683c8: fix(detail): clean up record page rendering
28
+ - Drop `ai:chat_window` from the protocol-component placeholder list. The
29
+ floating chat overlay (plugin-chatbot) is the canonical AI entry point;
30
+ inline page schemas that still reference `ai:chat_window` now surface
31
+ as an explicit "Unknown component type" so the misconfiguration is
32
+ fixed at the source instead of silently leaking a placeholder card.
33
+ - `page:header` now resolves `{field.path}` tokens in `title` / `description`
34
+ against the current record context (matching the behaviour of the
35
+ alternative `containers.tsx` renderer). Without this, schemas like
36
+ `title: "{first_name} {last_name}"` rendered the literal template.
37
+ - `containers.tsx` `PageHeaderRenderer`: also read from `schema.properties.*`
38
+ as a fallback so both inlined and raw-bag schema shapes are supported.
39
+
40
+ - Updated dependencies [5f4ac6e]
41
+ - @object-ui/i18n@4.3.1
42
+ - @object-ui/react@4.3.1
43
+ - @object-ui/types@4.3.1
44
+ - @object-ui/core@4.3.1
45
+
3
46
  ## 4.3.0
4
47
 
5
48
  ### Patch Changes
package/dist/index.css CHANGED
@@ -531,6 +531,9 @@
531
531
  .mt-2 {
532
532
  margin-top: calc(var(--spacing) * 2);
533
533
  }
534
+ .mt-3 {
535
+ margin-top: calc(var(--spacing) * 3);
536
+ }
534
537
  .mt-4 {
535
538
  margin-top: calc(var(--spacing) * 4);
536
539
  }
@@ -3945,6 +3948,12 @@
3945
3948
  --tw-enter-translate-y: 0.5rem;
3946
3949
  }
3947
3950
  }
3951
+ .data-\[state\=active\]\:border {
3952
+ &[data-state="active"] {
3953
+ border-style: var(--tw-border-style);
3954
+ border-width: 1px;
3955
+ }
3956
+ }
3948
3957
  .data-\[state\=active\]\:bg-background {
3949
3958
  &[data-state="active"] {
3950
3959
  background-color: var(--color-background);
@@ -4300,6 +4309,14 @@
4300
4309
  transition-property: none;
4301
4310
  }
4302
4311
  }
4312
+ .supports-\[backdrop-filter\]\:bg-background\/60 {
4313
+ @supports (backdrop-filter: var(--tw)) {
4314
+ background-color: color-mix(in srgb, hsl(var(--background)) 60%, transparent);
4315
+ @supports (color: color-mix(in lab, red, red)) {
4316
+ background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
4317
+ }
4318
+ }
4319
+ }
4303
4320
  .supports-\[backdrop-filter\]\:bg-background\/80 {
4304
4321
  @supports (backdrop-filter: var(--tw)) {
4305
4322
  background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
@@ -4758,6 +4775,11 @@
4758
4775
  display: none;
4759
4776
  }
4760
4777
  }
4778
+ .md\:w-80 {
4779
+ @media (width >= 48rem) {
4780
+ width: calc(var(--spacing) * 80);
4781
+ }
4782
+ }
4761
4783
  .md\:w-\[500px\] {
4762
4784
  @media (width >= 48rem) {
4763
4785
  width: 500px;