@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.
- package/dist/AppShell/AppShell.d.ts +10 -1
- package/dist/AppShell/AppShell.d.ts.map +1 -1
- package/dist/NavBar/NavBar.d.ts +3 -1
- package/dist/NavBar/NavBar.d.ts.map +1 -1
- package/dist/index.js +438 -437
- package/dist/manifest.json +2 -2
- package/dist/styles.css +1 -1
- package/docs/AppShell.md +2 -2
- package/docs/NavBar.md +1 -1
- package/llms.txt +2 -0
- package/package.json +2 -2
|
@@ -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
|
|
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"}
|
package/dist/NavBar/NavBar.d.ts
CHANGED
|
@@ -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
|
|
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"}
|