@orangecheck/app-design 1.2.3 → 1.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.
Files changed (47) hide show
  1. package/dist/chrome.d.mts +8 -3
  2. package/dist/chrome.d.ts +8 -3
  3. package/dist/chrome.js +605 -553
  4. package/dist/chrome.js.map +1 -1
  5. package/dist/chrome.mjs +605 -555
  6. package/dist/chrome.mjs.map +1 -1
  7. package/dist/code.js +3 -1
  8. package/dist/code.js.map +1 -1
  9. package/dist/code.mjs +3 -1
  10. package/dist/code.mjs.map +1 -1
  11. package/dist/components.d.mts +3 -3
  12. package/dist/components.d.ts +3 -3
  13. package/dist/components.js +730 -666
  14. package/dist/components.js.map +1 -1
  15. package/dist/components.mjs +731 -667
  16. package/dist/components.mjs.map +1 -1
  17. package/dist/{docs-Dxg4Tp_q.d.ts → docs-BB9gK4KF.d.ts} +18 -4
  18. package/dist/{docs-wJBfLS08.d.mts → docs-D-T-nHiu.d.mts} +18 -4
  19. package/dist/index.d.mts +4 -4
  20. package/dist/index.d.ts +4 -4
  21. package/dist/index.js +1549 -1406
  22. package/dist/index.js.map +1 -1
  23. package/dist/index.mjs +1548 -1407
  24. package/dist/index.mjs.map +1 -1
  25. package/dist/mdx.d.mts +6 -2
  26. package/dist/mdx.d.ts +6 -2
  27. package/dist/mdx.js +168 -74
  28. package/dist/mdx.js.map +1 -1
  29. package/dist/mdx.mjs +169 -75
  30. package/dist/mdx.mjs.map +1 -1
  31. package/dist/primitives.d.mts +9 -3
  32. package/dist/primitives.d.ts +9 -3
  33. package/dist/primitives.js +7 -6
  34. package/dist/primitives.js.map +1 -1
  35. package/dist/primitives.mjs +7 -6
  36. package/dist/primitives.mjs.map +1 -1
  37. package/dist/session.d.mts +4 -3
  38. package/dist/session.d.ts +4 -3
  39. package/dist/session.js +27 -3
  40. package/dist/session.js.map +1 -1
  41. package/dist/session.mjs +27 -3
  42. package/dist/session.mjs.map +1 -1
  43. package/dist/styles/swagger.css +252 -0
  44. package/dist/styles/tokens.css +2 -0
  45. package/dist/{tool-shell-kqGWMTep.d.mts → tool-shell-D8Q8XX11.d.mts} +8 -5
  46. package/dist/{tool-shell-DLSwUxTD.d.ts → tool-shell-gmlj47Ie.d.ts} +8 -5
  47. package/package.json +1 -1
package/dist/{tool-shell-kqGWMTep.d.mts → tool-shell-D8Q8XX11.d.mts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  import { i as ToolItem } from './tools-DFIxIj5p.mjs';
4
- import { j as ProtocolSlug } from './index-DmfyPYe5.mjs';
4
+ import { d as FamilySlug, j as ProtocolSlug } from './index-DmfyPYe5.mjs';
5
5
 
6
6
  interface ShellNavItem {
7
7
  href: string;
@@ -21,13 +21,14 @@ interface ShellSection {
21
21
  href: string;
22
22
  groups: ShellNavGroup[];
23
23
  }
24
- declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, account, banner, footer, children, className, }: {
24
+ declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, family, account, banner, footer, children, className, }: {
25
25
  nav?: ShellNavGroup[];
26
26
  sections?: ShellSection[];
27
27
  activeSection?: string;
28
28
  page?: string;
29
29
  persistent?: ShellNavGroup[];
30
30
  home?: string;
31
+ family?: boolean | FamilySlug;
31
32
  account?: ReactNode;
32
33
  banner?: ReactNode;
33
34
  footer?: ReactNode;
@@ -53,12 +54,14 @@ declare function ThemeToggle({ className }: {
53
54
 
54
55
  type SessionState = 'checking' | 'in' | 'out' | 'unknown';
55
56
  declare const OCHK_APP_ACCOUNT = "https://ochk.app/me/account";
56
- declare function SessionAccountView({ state, name, detail, items, signInHref, signInLabel, accountHref, onSignOut, nameFrom, }: {
57
+ declare function useSignInHref(path?: string): string | undefined;
58
+ declare function SessionAccountView({ state, name, detail, items, signInHref, signInPath, signInLabel, accountHref, onSignOut, nameFrom, }: {
57
59
  state: SessionState;
58
60
  name?: string;
59
61
  detail?: string;
60
62
  items?: (AccountMenuItem | 'separator')[];
61
- signInHref: string;
63
+ signInHref?: string;
64
+ signInPath?: string;
62
65
  signInLabel?: string;
63
66
  accountHref?: string;
64
67
  onSignOut?: () => void;
@@ -78,4 +81,4 @@ interface ToolShellProps {
78
81
  }
79
82
  declare function ToolShell({ protocol, tools, home, account, rail, railFooter, variant, banner, footer, children, }: ToolShellProps): react.JSX.Element;
80
83
 
81
- export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h };
84
+ export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h, useSignInHref as u };
package/dist/{tool-shell-DLSwUxTD.d.ts → tool-shell-gmlj47Ie.d.ts} RENAMED
@@ -1,7 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { ReactNode } from 'react';
3
3
  import { i as ToolItem } from './tools-BggNN5DV.js';
4
- import { j as ProtocolSlug } from './index-DmfyPYe5.js';
4
+ import { d as FamilySlug, j as ProtocolSlug } from './index-DmfyPYe5.js';
5
5
 
6
6
  interface ShellNavItem {
7
7
  href: string;
@@ -21,13 +21,14 @@ interface ShellSection {
21
21
  href: string;
22
22
  groups: ShellNavGroup[];
23
23
  }
24
- declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, account, banner, footer, children, className, }: {
24
+ declare function AppShell({ nav, sections, activeSection, page: pageOverride, persistent, home, family, account, banner, footer, children, className, }: {
25
25
  nav?: ShellNavGroup[];
26
26
  sections?: ShellSection[];
27
27
  activeSection?: string;
28
28
  page?: string;
29
29
  persistent?: ShellNavGroup[];
30
30
  home?: string;
31
+ family?: boolean | FamilySlug;
31
32
  account?: ReactNode;
32
33
  banner?: ReactNode;
33
34
  footer?: ReactNode;
@@ -53,12 +54,14 @@ declare function ThemeToggle({ className }: {
53
54
 
54
55
  type SessionState = 'checking' | 'in' | 'out' | 'unknown';
55
56
  declare const OCHK_APP_ACCOUNT = "https://ochk.app/me/account";
56
- declare function SessionAccountView({ state, name, detail, items, signInHref, signInLabel, accountHref, onSignOut, nameFrom, }: {
57
+ declare function useSignInHref(path?: string): string | undefined;
58
+ declare function SessionAccountView({ state, name, detail, items, signInHref, signInPath, signInLabel, accountHref, onSignOut, nameFrom, }: {
57
59
  state: SessionState;
58
60
  name?: string;
59
61
  detail?: string;
60
62
  items?: (AccountMenuItem | 'separator')[];
61
- signInHref: string;
63
+ signInHref?: string;
64
+ signInPath?: string;
62
65
  signInLabel?: string;
63
66
  accountHref?: string;
64
67
  onSignOut?: () => void;
@@ -78,4 +81,4 @@ interface ToolShellProps {
78
81
  }
79
82
  declare function ToolShell({ protocol, tools, home, account, rail, railFooter, variant, banner, footer, children, }: ToolShellProps): react.JSX.Element;
80
83
 
81
- export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h };
84
+ export { AccountMenu as A, OCHK_APP_ACCOUNT as O, SessionAccountView as S, ThemeToggle as T, type AccountMenuItem as a, AppShell as b, type SessionState as c, type ShellNavGroup as d, type ShellNavItem as e, type ShellSection as f, ToolShell as g, type ToolShellProps as h, useSignInHref as u };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@orangecheck/app-design",
3
- "version": "1.2.3",
3
+ "version": "1.4.0",
4
4
  "description": "The ochk.app design system: tokens, type, the isometric check, halftone photography, primitives and app chrome. Its own system, scoped under data-oc-app=\"ochk\" so it never reaches the .ochk.io family sites.",
5
5
  "keywords": [
6
6
  "orangecheck",