@handamade/psi-react 0.27.0 → 0.28.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.
@@ -46,6 +46,15 @@ export interface AppShellProps extends Omit<HTMLAttributes<HTMLDivElement>, "chi
46
46
  * tall, so anything around it makes the document scroll and slides the frame.
47
47
  *
48
48
  * Do not place a `ToastRegion` at `top-start` in an app with a skip link: the
49
- * native top layer paints over the focused link. */
49
+ * native top layer paints over the focused link.
50
+ *
51
+ * A theme can make `main` a surface beside a one-colour header and sidebar, with
52
+ * no CSS of the consumer's (D110): `--psi-app-shell-bg`, which must equal the
53
+ * canvas of the theme on the header and the sidebar, `--psi-app-shell-main-bg`
54
+ * and `--psi-app-shell-main-radius`. All three paint nothing by default. The
55
+ * corner is square unless a header and a sidebar both meet `main`. Put the
56
+ * header under that theme with `data-psi-theme` on the `NavBar`, whose rest
57
+ * props land on its `<header>`, and remove its line with
58
+ * `--psi-navbar-border-width: 0`. */
50
59
  export declare function AppShell({ skipLink, header, sidebar, children, sidebarOpen, sidebarTheme, sidebarId, mainId, className, ref, ...rest }: AppShellProps): import("react").JSX.Element;
51
60
  //# sourceMappingURL=AppShell.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;sCACkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;oEACgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;yEACqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;uBAImB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;iFAG6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;mCAC+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;oDAeoD;AACpD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAkB,EAClB,YAAY,EACZ,SAAqB,EACrB,MAAe,EACf,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,+BAgBf"}
1
+ {"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrF;sCACkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;oEACgE;IAChE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;yEACqE;IACrE,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;uBAImB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;iFAG6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;mCAC+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;;;;qCAwBqC;AACrC,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAkB,EAClB,YAAY,EACZ,SAAqB,EACrB,MAAe,EACf,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,+BAkBf"}
@@ -17,6 +17,8 @@ export interface NavBarProps extends HTMLAttributes<HTMLElement> {
17
17
  /** Forwarded ref to the header element. */
18
18
  ref?: Ref<HTMLElement>;
19
19
  }
20
- /** Top navigation bar with brand, nav-link, and trailing-action slots. */
20
+ /** Top navigation bar with brand, nav-link, and trailing-action slots. Plain text
21
+ * in a slot takes `--psi-navbar-fg`, the foreground of the theme on the bar, so
22
+ * `data-psi-theme` on the `NavBar` reaches it (D111). */
21
23
  export declare function NavBar({ brand, actions, children, navLabel, fluid, className, ref, ...rest }: NavBarProps): import("react").JSX.Element;
22
24
  //# sourceMappingURL=NavBar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../src/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;uEACmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;gFAC4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;0EAEsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,0EAA0E;AAC1E,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAgBjH"}
1
+ {"version":3,"file":"NavBar.d.ts","sourceRoot":"","sources":["../../src/NavBar/NavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5D,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;uEACmE;IACnE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;gFAC4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;0EAEsE;IACtE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED;;yDAEyD;AACzD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAa,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,WAAW,+BAgBjH"}