@starasia/admin 8.7.0 → 8.8.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/dist/index.es.js CHANGED
@@ -1976,7 +1976,14 @@ const oi = (t, r) => {
1976
1976
  paddingInline: (p == null ? void 0 : p.paddingInline) ?? "md",
1977
1977
  ...p,
1978
1978
  style: {
1979
- ...s ? { borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)" } : {},
1979
+ // Use an inset box-shadow instead of a real border so the 1px line
1980
+ // doesn't add to the header's rendered height (a border on an
1981
+ // auto-height box always grows it by 1px, causing a layout shift when
1982
+ // headerBorder toggles on/off). box-shadow draws the line without
1983
+ // touching the box model.
1984
+ ...s ? {
1985
+ boxShadow: "inset 0 -1px 0 0 var(--sa-border-subtle, #0b120e24)"
1986
+ } : {},
1980
1987
  ...p == null ? void 0 : p.style
1981
1988
  },
1982
1989
  children: [
@@ -2027,8 +2034,11 @@ const oi = (t, r) => {
2027
2034
  paddingBottom: G || oe === M ? "sm" : "spacing-0",
2028
2035
  paddingInline: "md",
2029
2036
  style: {
2037
+ // Inset box-shadow (not a real border) so the divider line doesn't
2038
+ // add 1px to the row height — keeps the sub-header stack from shifting
2039
+ // when borderBottom toggles. See renderHeader for the same rationale.
2030
2040
  ...G ? {
2031
- borderBottom: "1px solid var(--sa-border-subtle, #0b120e24)"
2041
+ boxShadow: "inset 0 -1px 0 0 var(--sa-border-subtle, #0b120e24)"
2032
2042
  } : {},
2033
2043
  ...P !== void 0 ? { order: P } : {}
2034
2044
  },