pi-kiosk-shared 2.2.45 → 2.2.47

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 (26) hide show
  1. package/dist/theme/ThemeProvider.d.ts +5 -1
  2. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  3. package/dist/theme/ThemeProvider.js +6 -2
  4. package/dist/theme/ThemeProvider.js.map +1 -1
  5. package/dist/theme/themeContract.d.ts +12 -1
  6. package/dist/theme/themeContract.d.ts.map +1 -1
  7. package/dist/theme/themeContract.js +15 -6
  8. package/dist/theme/themeContract.js.map +1 -1
  9. package/dist/ui/Avatar/Avatar.js +2 -2
  10. package/dist/ui/Button/Button.js +3 -3
  11. package/dist/ui/Button/Button.js.map +1 -1
  12. package/dist/ui/FormField/FormField.d.ts.map +1 -1
  13. package/dist/ui/FormField/FormField.js +4 -2
  14. package/dist/ui/FormField/FormField.js.map +1 -1
  15. package/dist/ui/Input/Input.d.ts.map +1 -1
  16. package/dist/ui/Input/Input.js +2 -1
  17. package/dist/ui/Input/Input.js.map +1 -1
  18. package/dist/ui/ScreenState/ScreenState.js +1 -1
  19. package/dist/ui/ScreenState/ScreenState.js.map +1 -1
  20. package/dist/ui/Textarea/Textarea.d.ts.map +1 -1
  21. package/dist/ui/Textarea/Textarea.js +2 -1
  22. package/dist/ui/Textarea/Textarea.js.map +1 -1
  23. package/package.json +1 -1
  24. package/src/tokens/admin-theme.css +94 -94
  25. package/src/tokens/brand-bridge.css +65 -64
  26. package/src/tokens/tokens.sync.json +65 -65
package/dist/theme/ThemeProvider.d.ts CHANGED
@@ -12,12 +12,16 @@ export interface ThemeProviderProps {
12
12
  storageKey: string;
13
13
  /** When true, explicit `light` preference adds `.light` to override system dark media. */
14
14
  lightOverrideEnabled?: boolean;
15
+ /** When storage empty — admin uses `light` so dark requires an explicit toggle. */
16
+ defaultPreference?: ThemePreference;
17
+ /** When preference is `system`, force this effective theme (admin: `light`). */
18
+ systemResolvesTo?: EffectiveTheme;
15
19
  children: ReactNode;
16
20
  }
17
21
  /**
18
22
  * React bridge for DECISION-2 C-Hybrid dark mode.
19
23
  * Wrap the app (or subtree) and read/update theme via `useTheme()`.
20
24
  */
21
- export declare function ThemeProvider({ storageKey, lightOverrideEnabled, children, }: ThemeProviderProps): JSX.Element;
25
+ export declare function ThemeProvider({ storageKey, lightOverrideEnabled, defaultPreference, systemResolvesTo, children, }: ThemeProviderProps): JSX.Element;
22
26
  export declare function useTheme(): ThemeContextValue;
23
27
  //# sourceMappingURL=ThemeProvider.d.ts.map
package/dist/theme/ThemeProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAC7E,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAID,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,oBAA4B,EAC5B,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqClC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
1
+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,QAAQ,EACb,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAC;AAE5B,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,iBAAiB,EAAE,eAAe,EAAE,CAAC;AAC7E,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,eAAe,CAAC;IAC5B,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC3C;AAID,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,UAAU,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,cAAc,CAAC;IAClC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,UAAU,EACV,oBAA4B,EAC5B,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA0ClC;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
package/dist/theme/ThemeProvider.js CHANGED
@@ -7,8 +7,12 @@ const ThemeContext = createContext(null);
7
7
  * React bridge for DECISION-2 C-Hybrid dark mode.
8
8
  * Wrap the app (or subtree) and read/update theme via `useTheme()`.
9
9
  */
10
- export function ThemeProvider({ storageKey, lightOverrideEnabled = false, children, }) {
11
- const api = useMemo(() => createThemeApi(storageKey, { lightOverrideEnabled }), [storageKey, lightOverrideEnabled]);
10
+ export function ThemeProvider({ storageKey, lightOverrideEnabled = false, defaultPreference, systemResolvesTo, children, }) {
11
+ const api = useMemo(() => createThemeApi(storageKey, {
12
+ lightOverrideEnabled,
13
+ defaultPreference,
14
+ systemResolvesTo,
15
+ }), [storageKey, lightOverrideEnabled, defaultPreference, systemResolvesTo]);
12
16
  const [preference, setPreference] = useState(() => api.getThemePreference());
13
17
  const [effectiveTheme, setEffectiveTheme] = useState(() => api.getEffectiveTheme());
14
18
  const syncFromApi = useCallback(() => {
package/dist/theme/ThemeProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EACL,cAAc,GAKf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,QAAQ,GAET,MAAM,oBAAoB,CAAC;AAQ5B,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAUnE;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,QAAQ,GACW;IACnB,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CAAC,cAAc,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,CAAC,EAC1D,CAAC,UAAU,EAAE,oBAAoB,CAAC,CACnC,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC9F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,GAAG,EAAE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEpG,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,aAAa,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACxC,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACxB,WAAW,EAAE,CAAC;QACd,OAAO,GAAG,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,IAAqB,EAAQ,EAAE;QAC9B,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,WAAW,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,CAAC,CACnB,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU;QACV,cAAc;QACd,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,kBAAkB,CAAC,CACjD,CAAC;IAEF,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
1
+ {"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,GAET,MAAM,OAAO,CAAC;AACf,OAAO,EACL,cAAc,GAKf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,QAAQ,GAET,MAAM,oBAAoB,CAAC;AAQ5B,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAcnE;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,GACW;IACnB,MAAM,GAAG,GAAG,OAAO,CACjB,GAAG,EAAE,CACH,cAAc,CAAC,UAAU,EAAE;QACzB,oBAAoB;QACpB,iBAAiB;QACjB,gBAAgB;KACjB,CAAC,EACJ,CAAC,UAAU,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC,CACxE,CAAC;IACF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC9F,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAiB,GAAG,EAAE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAEpG,MAAM,WAAW,GAAG,WAAW,CAAC,GAAS,EAAE;QACzC,aAAa,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC;QACxC,iBAAiB,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,iBAAiB,EAAE,CAAC;QACxB,WAAW,EAAE,CAAC;QACd,OAAO,GAAG,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEvB,MAAM,kBAAkB,GAAG,WAAW,CACpC,CAAC,IAAqB,EAAQ,EAAE;QAC9B,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACnB,WAAW,EAAE,CAAC;IAChB,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,CAAC,CACnB,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,UAAU;QACV,cAAc;QACd,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,EACF,CAAC,UAAU,EAAE,cAAc,EAAE,kBAAkB,CAAC,CACjD,CAAC;IAEF,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC;AAED,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,GAAG,KAAK,IAAI,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}
package/dist/theme/themeContract.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * DECISION-2 C-Hybrid theme contract — system default + user override.
3
3
  *
4
4
  * Persists `light` | `dark` | `system` in per-app `localStorage` keys.
5
- * Effective palette is applied via the `.dark` class on `<html>`.
5
+ * Effective palette is applied via the `.dark` / `.light` class on `<html>`.
6
6
  */
7
7
  export type ThemePreference = 'light' | 'dark' | 'system';
8
8
  export type EffectiveTheme = 'light' | 'dark';
@@ -25,6 +25,17 @@ export interface ThemeApi {
25
25
  export interface ThemeApplyOptions {
26
26
  /** When true, explicit `light` preference adds `.light` to override system dark media. */
27
27
  readonly lightOverrideEnabled?: boolean;
28
+ /**
29
+ * Preference when `localStorage` is empty.
30
+ * Admin uses `light` so dark is only on after an explicit toggle.
31
+ * Default: `system` (follow OS).
32
+ */
33
+ readonly defaultPreference?: ThemePreference;
34
+ /**
35
+ * When preference is `system`, resolve to this instead of OS.
36
+ * Use `light` with admin so legacy `system` values do not auto-dark.
37
+ */
38
+ readonly systemResolvesTo?: EffectiveTheme;
28
39
  }
29
40
  /**
30
41
  * Imperative theme controller for a single app surface.
package/dist/theme/themeContract.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themeContract.d.ts","sourceRoot":"","sources":["../../src/theme/themeContract.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,qFAAqF;AACrF,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAEzD,MAAM,WAAW,QAAQ;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,eAAe,CAAC;IAC1C,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,uEAAuE;IACvE,sBAAsB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/D;AA0BD,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CACzC;AAwBD;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,QAAQ,CAuDV;AAED,4EAA4E;AAC5E,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAE1D;AAED,wDAAwD;AACxD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAExE"}
1
+ {"version":3,"file":"themeContract.d.ts","sourceRoot":"","sources":["../../src/theme/themeContract.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,MAAM,CAAC;AAE9C,qFAAqF;AACrF,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAEzD,MAAM,WAAW,QAAQ;IACvB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,MAAM,eAAe,CAAC;IAC1C,iBAAiB,EAAE,MAAM,cAAc,CAAC;IACxC,uEAAuE;IACvE,sBAAsB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;CAC/D;AA6BD,MAAM,WAAW,iBAAiB;IAChC,0FAA0F;IAC1F,QAAQ,CAAC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IACxC;;;;OAIG;IACH,QAAQ,CAAC,iBAAiB,CAAC,EAAE,eAAe,CAAC;IAC7C;;;OAGG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,cAAc,CAAC;CAC5C;AA6BD;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,QAAQ,CA8DV;AAED,4EAA4E;AAC5E,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAE1D;AAED,wDAAwD;AACxD,wBAAgB,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAExE"}
package/dist/theme/themeContract.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * DECISION-2 C-Hybrid theme contract — system default + user override.
3
3
  *
4
4
  * Persists `light` | `dark` | `system` in per-app `localStorage` keys.
5
- * Effective palette is applied via the `.dark` class on `<html>`.
5
+ * Effective palette is applied via the `.dark` / `.light` class on `<html>`.
6
6
  */
7
7
  /** Per-app `localStorage` keys (isolated so toggles do not leak across surfaces). */
8
8
  export const THEME_STORAGE_KEYS = {
@@ -19,9 +19,9 @@ function resolveSystemTheme() {
19
19
  ? 'dark'
20
20
  : 'light';
21
21
  }
22
- function readStoredPreference(storageKey) {
22
+ function readStoredPreference(storageKey, defaultPreference) {
23
23
  if (typeof window === 'undefined') {
24
- return 'system';
24
+ return defaultPreference;
25
25
  }
26
26
  try {
27
27
  const raw = window.localStorage.getItem(storageKey);
@@ -32,7 +32,7 @@ function readStoredPreference(storageKey) {
32
32
  catch {
33
33
  /* ignore quota / privacy errors */
34
34
  }
35
- return 'system';
35
+ return defaultPreference;
36
36
  }
37
37
  function applyThemeClasses(preference, effective, options) {
38
38
  if (typeof document === 'undefined') {
@@ -45,6 +45,10 @@ function applyThemeClasses(preference, effective, options) {
45
45
  root.classList.add('light');
46
46
  return;
47
47
  }
48
+ if (lightOverrideEnabled && preference === 'system' && options?.systemResolvesTo === 'light') {
49
+ root.classList.add('light');
50
+ return;
51
+ }
48
52
  if (preference === 'dark' || effective === 'dark') {
49
53
  root.classList.add('dark');
50
54
  }
@@ -54,11 +58,12 @@ function applyThemeClasses(preference, effective, options) {
54
58
  * Call `applyInitialTheme()` before the first React paint to avoid flash.
55
59
  */
56
60
  export function createThemeApi(storageKey, options) {
57
- const getThemePreference = () => readStoredPreference(storageKey);
61
+ const defaultPreference = options?.defaultPreference ?? 'system';
62
+ const getThemePreference = () => readStoredPreference(storageKey, defaultPreference);
58
63
  const getEffectiveTheme = () => {
59
64
  const pref = getThemePreference();
60
65
  if (pref === 'system') {
61
- return resolveSystemTheme();
66
+ return options?.systemResolvesTo ?? resolveSystemTheme();
62
67
  }
63
68
  return pref;
64
69
  };
@@ -83,6 +88,10 @@ export function createThemeApi(storageKey, options) {
83
88
  if (typeof window === 'undefined') {
84
89
  return () => undefined;
85
90
  }
91
+ if (options?.systemResolvesTo != null) {
92
+ /* OS changes ignored — preference does not follow system */
93
+ return () => undefined;
94
+ }
86
95
  const mq = window.matchMedia?.('(prefers-color-scheme: dark)');
87
96
  if (!mq) {
88
97
  return () => undefined;
package/dist/theme/themeContract.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themeContract.js","sourceRoot":"","sources":["../../src/theme/themeContract.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"themeContract.js","sourceRoot":"","sources":["../../src/theme/themeContract.ts"],"names":[],"mappings":"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"}
package/dist/ui/Avatar/Avatar.js CHANGED
@@ -22,8 +22,8 @@ export function Avatar({ name, avatarUrl, size = 'md', className, alt, testId =
22
22
  const initials = initialsFromName(name);
23
23
  const base = [
24
24
  'inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full',
25
- 'bg-[var(--color-surface-muted,var(--color-an-primary-soft,#e0e7ff))]',
26
- 'font-semibold text-[var(--color-on-surface,var(--color-an-primary,#4f46e5))]',
25
+ 'bg-[var(--color-surface-muted,var(--color-an-primary-soft,#e4e4e7))]',
26
+ 'font-semibold text-[var(--color-on-surface,var(--color-an-primary,#18181b))]',
27
27
  SIZE_CLASS[size],
28
28
  className,
29
29
  ]
package/dist/ui/Button/Button.js CHANGED
@@ -16,16 +16,16 @@ const adminButton = tv({
16
16
  variants: {
17
17
  intent: {
18
18
  primary: [
19
- 'border-0 bg-[var(--color-an-primary)] text-white shadow-sm',
19
+ 'border-0 bg-[var(--color-an-primary)] text-[var(--color-an-on-primary,#ffffff)] shadow-sm',
20
20
  'hover:brightness-95 hover:-translate-y-px',
21
- 'hover:shadow-[0_4px_12px_rgba(99,102,241,0.35)]',
21
+ 'hover:shadow-[0_4px_12px_rgba(24, 24, 27,0.35)]',
22
22
  ].join(' '),
23
23
  secondary: [
24
24
  'border border-[var(--color-gray-300)] bg-[var(--color-gray-200)]',
25
25
  'text-[var(--color-gray-800)] shadow-sm',
26
26
  'hover:border-[var(--color-an-primary)] hover:bg-[var(--color-an-primary-soft)]',
27
27
  'hover:text-[var(--color-an-primary)]',
28
- 'hover:shadow-[0_2px_6px_rgba(99,102,241,0.2)]',
28
+ 'hover:shadow-[0_2px_6px_rgba(24, 24, 27,0.2)]',
29
29
  ].join(' '),
30
30
  ghost: [
31
31
  'border border-[var(--color-an-border)] bg-[var(--color-an-surface)]',
package/dist/ui/Button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"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"}
package/dist/ui/FormField/FormField.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/ui/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAqDzE,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,6GAgDrB,CAAC"}
1
+ {"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../src/ui/FormField/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAuDzE,MAAM,WAAW,cAAe,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC3E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,6GAgDrB,CAAC"}
package/dist/ui/FormField/FormField.js CHANGED
@@ -9,7 +9,8 @@ const adminField = tv({
9
9
  'h-10 w-full rounded-md border bg-[var(--color-an-surface)] px-3 text-sm',
10
10
  'border-[var(--color-an-border)] text-[var(--color-an-text)]',
11
11
  'placeholder:text-[var(--color-an-text-muted)]',
12
- 'focus-visible:outline-none focus-visible:border-[var(--color-an-primary)]',
12
+ 'focus-visible:outline-2 focus-visible:outline-offset-2',
13
+ 'focus-visible:outline-[var(--color-an-focus-ring,var(--color-an-primary))]',
13
14
  'disabled:cursor-not-allowed disabled:opacity-60',
14
15
  ].join(' '),
15
16
  helper: 'text-xs text-[var(--color-an-text-muted)]',
@@ -31,7 +32,8 @@ const consumerField = tv({
31
32
  'w-full rounded-md border bg-[var(--color-surface)] px-3',
32
33
  'border-[var(--color-border)] text-[var(--color-on-surface)]',
33
34
  'placeholder:text-[var(--color-on-surface-muted)]',
34
- 'focus-visible:outline-none focus-visible:border-[var(--color-focus-ring)]',
35
+ 'focus-visible:outline-2 focus-visible:outline-offset-2',
36
+ 'focus-visible:outline-[var(--color-focus-ring)]',
35
37
  'disabled:cursor-not-allowed disabled:opacity-60',
36
38
  ].join(' '),
37
39
  helper: 'text-xs text-[var(--color-on-surface-muted)]',
package/dist/ui/FormField/FormField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/ui/FormField/FormField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/ui/FormField/FormField.tsx"],"names":[],"mappings":"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"}
package/dist/ui/Input/Input.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;oEAiBT,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC;AAE/E,qBAAqB;AACrB,eAAO,MAAM,KAAK,oJAIjB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;oEAkBT,CAAC;AAEH,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC;AAE/E,qBAAqB;AACrB,eAAO,MAAM,KAAK,oJAIjB,CAAC"}
package/dist/ui/Input/Input.js CHANGED
@@ -8,7 +8,8 @@ const input = tv({
8
8
  'bg-[var(--color-surface,var(--color-an-surface))]',
9
9
  'text-[var(--color-on-surface,var(--color-an-text))]',
10
10
  'placeholder:text-[var(--color-on-surface-muted,var(--color-an-text-muted))]',
11
- 'focus-visible:outline-none focus-visible:border-[var(--color-focus-ring,var(--color-an-primary))]',
11
+ 'focus-visible:outline-2 focus-visible:outline-offset-2',
12
+ 'focus-visible:outline-[var(--color-focus-ring,var(--color-an-primary))]',
12
13
  'disabled:cursor-not-allowed disabled:opacity-60',
13
14
  ].join(' '),
14
15
  variants: {
package/dist/ui/Input/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,4CAA4C;QAC5C,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,mGAAmG;QACnG,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,qBAAqB;AACrB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CACxE,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/ui/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE;QACJ,4CAA4C;QAC5C,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,wDAAwD;QACxD,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,qBAAqB;AACrB,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,gBAAO,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CACxE,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
package/dist/ui/ScreenState/ScreenState.js CHANGED
@@ -24,6 +24,6 @@ export function ScreenState({ variant, title, message, hint, icon, error, onRetr
24
24
  const resolvedMessage = error?.message ?? message;
25
25
  const role = variant === 'error' || variant === 'offline' ? 'alert' : 'status';
26
26
  const live = variant === 'loading' ? 'polite' : undefined;
27
- return (_jsxs("div", { className: [panelClass(variant), className].filter(Boolean).join(' '), role: role, "aria-live": live, "aria-busy": variant === 'loading' ? true : undefined, "data-testid": testId ?? `screen-state-${variant}`, "data-variant": variant, children: [icon ? _jsx("div", { className: "mb-2 flex justify-center text-2xl", "aria-hidden": "true", children: icon }) : null, title ? (_jsx("h3", { className: "m-0 text-base font-semibold text-[var(--color-on-surface,var(--color-an-text,#111))]", children: title })) : null, resolvedMessage ? (_jsx("p", { className: "mt-1 mb-0 text-sm text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: resolvedMessage })) : null, hint ? (_jsx("p", { className: "mt-1 mb-0 text-xs text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: hint })) : null, children, onRetry ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md bg-[var(--color-action-primary,var(--color-an-primary,#4f46e5))] px-4 py-2 text-sm font-semibold text-white", onClick: onRetry, "data-testid": `${testId ?? 'screen-state'}-retry`, children: retryLabel }) })) : null, action ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md border border-[var(--color-border,var(--color-an-border))] px-4 py-2 text-sm font-semibold", onClick: action.onClick, "data-testid": `${testId ?? 'screen-state'}-action`, children: action.label }) })) : null] }));
27
+ return (_jsxs("div", { className: [panelClass(variant), className].filter(Boolean).join(' '), role: role, "aria-live": live, "aria-busy": variant === 'loading' ? true : undefined, "data-testid": testId ?? `screen-state-${variant}`, "data-variant": variant, children: [icon ? _jsx("div", { className: "mb-2 flex justify-center text-2xl", "aria-hidden": "true", children: icon }) : null, title ? (_jsx("h3", { className: "m-0 text-base font-semibold text-[var(--color-on-surface,var(--color-an-text,#111))]", children: title })) : null, resolvedMessage ? (_jsx("p", { className: "mt-1 mb-0 text-sm text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: resolvedMessage })) : null, hint ? (_jsx("p", { className: "mt-1 mb-0 text-xs text-[var(--color-on-surface-muted,var(--color-an-text-muted,#6b7280))]", children: hint })) : null, children, onRetry ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md bg-[var(--color-action-primary,var(--color-an-primary,#18181b))] px-4 py-2 text-sm font-semibold text-[var(--color-an-on-primary,#ffffff)]", onClick: onRetry, "data-testid": `${testId ?? 'screen-state'}-retry`, children: retryLabel }) })) : null, action ? (_jsx("div", { className: "mt-3", children: _jsx("button", { type: "button", className: "inline-flex min-h-[44px] items-center justify-center rounded-md border border-[var(--color-border,var(--color-an-border))] px-4 py-2 text-sm font-semibold", onClick: action.onClick, "data-testid": `${testId ?? 'screen-state'}-action`, children: action.label }) })) : null] }));
28
28
  }
29
29
  //# sourceMappingURL=ScreenState.js.map
package/dist/ui/ScreenState/ScreenState.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ScreenState.js","sourceRoot":"","sources":["../../../src/ui/ScreenState/ScreenState.tsx"],"names":[],"mappings":";AA6BA,SAAS,UAAU,CAAC,OAA2B;IAC7C,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO;YACL,+EAA+E;YAC/E,6FAA6F;YAC7F,iBAAiB;SAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO;YACL,qHAAqH;YACrH,+FAA+F;YAC/F,iEAAiE;SAClE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,OAAO;QACL,+EAA+E;QAC/E,wDAAwD;QACxD,iBAAiB;KAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,GACS;IACjB,MAAM,eAAe,GAAG,KAAK,EAAE,OAAO,IAAI,OAAO,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC/E,MAAM,IAAI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eACE,SAAS,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACrE,IAAI,EAAE,IAAI,eACC,IAAI,eACJ,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,iBACtC,MAAM,IAAI,gBAAgB,OAAO,EAAE,kBAClC,OAAO,aAEpB,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mCAAmC,iBAAa,MAAM,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAChG,KAAK,CAAC,CAAC,CAAC,CACP,aAAI,SAAS,EAAC,sFAAsF,YACjG,KAAK,GACH,CACN,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,2FAA2F,YACrG,eAAe,GACd,CACL,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,YAAG,SAAS,EAAC,2FAA2F,YACrG,IAAI,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,6KAA6K,EACvL,OAAO,EAAE,OAAO,iBACH,GAAG,MAAM,IAAI,cAAc,QAAQ,YAE/C,UAAU,GACJ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4JAA4J,EACtK,OAAO,EAAE,MAAM,CAAC,OAAO,iBACV,GAAG,MAAM,IAAI,cAAc,SAAS,YAEhD,MAAM,CAAC,KAAK,GACN,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"ScreenState.js","sourceRoot":"","sources":["../../../src/ui/ScreenState/ScreenState.tsx"],"names":[],"mappings":";AA6BA,SAAS,UAAU,CAAC,OAA2B;IAC7C,IAAI,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QACjD,OAAO;YACL,+EAA+E;YAC/E,6FAA6F;YAC7F,iBAAiB;SAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO;YACL,qHAAqH;YACrH,+FAA+F;YAC/F,iEAAiE;SAClE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IACD,OAAO;QACL,+EAA+E;QAC/E,wDAAwD;QACxD,iBAAiB;KAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACd,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAU,GAAG,OAAO,EACpB,MAAM,EACN,MAAM,EACN,SAAS,EACT,QAAQ,GACS;IACjB,MAAM,eAAe,GAAG,KAAK,EAAE,OAAO,IAAI,OAAO,CAAC;IAClD,MAAM,IAAI,GAAG,OAAO,KAAK,OAAO,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC/E,MAAM,IAAI,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1D,OAAO,CACL,eACE,SAAS,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACrE,IAAI,EAAE,IAAI,eACC,IAAI,eACJ,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,iBACtC,MAAM,IAAI,gBAAgB,OAAO,EAAE,kBAClC,OAAO,aAEpB,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,mCAAmC,iBAAa,MAAM,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAChG,KAAK,CAAC,CAAC,CAAC,CACP,aAAI,SAAS,EAAC,sFAAsF,YACjG,KAAK,GACH,CACN,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,2FAA2F,YACrG,eAAe,GACd,CACL,CAAC,CAAC,CAAC,IAAI,EACP,IAAI,CAAC,CAAC,CAAC,CACN,YAAG,SAAS,EAAC,2FAA2F,YACrG,IAAI,GACH,CACL,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4MAA4M,EACtN,OAAO,EAAE,OAAO,iBACH,GAAG,MAAM,IAAI,cAAc,QAAQ,YAE/C,UAAU,GACJ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACP,MAAM,CAAC,CAAC,CAAC,CACR,cAAK,SAAS,EAAC,MAAM,YACnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,4JAA4J,EACtK,OAAO,EAAE,MAAM,CAAC,OAAO,iBACV,GAAG,MAAM,IAAI,cAAc,SAAS,YAEhD,MAAM,CAAC,KAAK,GACN,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
package/dist/ui/Textarea/Textarea.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;oEAiBZ,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,CAAC;AAE3F,wBAAwB;AACxB,eAAO,MAAM,QAAQ,gKAIpB,CAAC"}
1
+ {"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAErD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;oEAkBZ,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,gBAAgB,CAAC;AAE3F,wBAAwB;AACxB,eAAO,MAAM,QAAQ,gKAIpB,CAAC"}
package/dist/ui/Textarea/Textarea.js CHANGED
@@ -8,7 +8,8 @@ const textarea = tv({
8
8
  'bg-[var(--color-surface,var(--color-an-surface))]',
9
9
  'text-[var(--color-on-surface,var(--color-an-text))]',
10
10
  'placeholder:text-[var(--color-on-surface-muted,var(--color-an-text-muted))]',
11
- 'focus-visible:outline-none focus-visible:border-[var(--color-focus-ring,var(--color-an-primary))]',
11
+ 'focus-visible:outline-2 focus-visible:outline-offset-2',
12
+ 'focus-visible:outline-[var(--color-focus-ring,var(--color-an-primary))]',
12
13
  'disabled:cursor-not-allowed disabled:opacity-60',
13
14
  ].join(' '),
14
15
  variants: {
package/dist/ui/Textarea/Textarea.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE;QACJ,yDAAyD;QACzD,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,mGAAmG;QACnG,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,mBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CAC9E,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/ui/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA+B,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AAErD,MAAM,QAAQ,GAAG,EAAE,CAAC;IAClB,IAAI,EAAE;QACJ,yDAAyD;QACzD,qDAAqD;QACrD,mDAAmD;QACnD,qDAAqD;QACrD,6EAA6E;QAC7E,wDAAwD;QACxD,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,qDAAqD;YAC3D,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAMH,wBAAwB;AACxB,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxC,mBAAU,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,KAAM,IAAI,GAAI,CAC9E,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pi-kiosk-shared",
3
- "version": "2.2.45",
3
+ "version": "2.2.47",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
package/src/tokens/admin-theme.css CHANGED
@@ -4,7 +4,7 @@
4
4
  *
5
5
  * MFE-v3-S-01: brand-bridge.css + design-tokens.css supply legacy/admin semantics.
6
6
  * MFE-v3-S-2: DECISION-2 C-Hybrid — focus/hover/disabled/elevated + dark via media + `.dark`.
7
- * Light/dark neutrals: admin dark follows the rail sidebar/deep brand surface.
7
+ * Light/dark neutrals: admin uses charcoal / grey depth layers (page ≠ card).
8
8
  * Light stays neutral-led while primary / rail accents remain brand-scoped.
9
9
  */
10
10
  @import './brand-bridge.css';
@@ -17,25 +17,25 @@
17
17
  --color-an-surface-hover: var(--color-neutral-100);
18
18
  --color-an-surface-disabled: var(--color-neutral-100);
19
19
  --color-an-text: var(--color-neutral-950);
20
- --color-an-text-muted: #475569;
21
- --color-an-text-disabled: #94a3b8;
20
+ --color-an-text-muted: #52525b;
21
+ --color-an-text-disabled: #71717a;
22
22
  --color-an-border: var(--color-neutral-200);
23
- --color-an-border-hover: #cbd5e1;
24
- --color-an-primary: var(--color-primary);
25
- --color-an-primary-hover: #4f46e5;
26
- --color-an-primary-soft: var(--color-primary-light);
27
- --color-an-focus-ring: var(--brand-admin-primary);
23
+ --color-an-border-hover: #d4d4d8;
24
+ --color-an-primary: var(--brand-admin-primary);
25
+ --color-an-primary-hover: #09090b;
26
+ --color-an-primary-soft: #f4f4f5;
27
+ --color-an-focus-ring: #52525b;
28
28
  --color-an-danger: var(--color-error);
29
29
  --color-an-success: var(--color-success);
30
30
  --color-an-warn: var(--color-warning);
31
- --color-an-info: var(--color-info);
31
+ --color-an-info: #52525b;
32
32
  --color-an-disabled-opacity: 0.55;
33
- --color-an-chart-1: var(--brand-admin-primary);
34
- --color-an-chart-2: #14b8a6;
35
- --color-an-chart-3: #f59e0b;
36
- --color-an-chart-4: #ef4444;
37
- --color-an-chart-5: #8b5cf6;
38
- --color-an-chart-6: #06b6d4;
33
+ --color-an-chart-1: #2563eb;
34
+ --color-an-chart-2: #0d9488;
35
+ --color-an-chart-3: #d97706;
36
+ --color-an-chart-4: #dc2626;
37
+ --color-an-chart-5: #9333ea;
38
+ --color-an-chart-6: #0891b2;
39
39
  --color-shell-bg: var(--color-an-bg);
40
40
  --color-shell-surface: var(--color-an-surface);
41
41
  --color-shell-border: var(--color-an-border);
@@ -53,71 +53,71 @@
53
53
 
54
54
  @media (prefers-color-scheme: dark) {
55
55
  :root {
56
- --color-an-bg: #12102a;
57
- --color-an-bg-elevated: var(--brand-rail-sidebar-bg);
58
- --color-an-surface: var(--brand-rail-sidebar-bg);
59
- --color-an-surface-muted: #17153a;
60
- --color-an-surface-hover: #2a2660;
61
- --color-an-surface-disabled: #2a2660;
62
- --color-an-text: #e0e7ff;
63
- --color-an-text-muted: #a5b4fc;
64
- --color-an-text-disabled: #818cf8;
65
- --color-an-border: #2f2b55;
66
- --color-an-border-hover: #3d3870;
67
- --color-an-primary: #a78bfa;
68
- --color-an-primary-hover: #c4b5fd;
69
- --color-an-primary-soft: rgba(124, 58, 237, 0.22);
70
- --color-an-focus-ring: #a78bfa;
56
+ --color-an-bg: #09090b;
57
+ --color-an-bg-elevated: #27272a;
58
+ --color-an-surface: #18181b;
59
+ --color-an-surface-muted: #0c0c0e;
60
+ --color-an-surface-hover: #27272a;
61
+ --color-an-surface-disabled: #141416;
62
+ --color-an-text: #fafafa;
63
+ --color-an-text-muted: #a1a1aa;
64
+ --color-an-text-disabled: #71717a;
65
+ --color-an-border: #3f3f46;
66
+ --color-an-border-hover: #52525b;
67
+ --color-an-primary: #fafafa;
68
+ --color-an-primary-hover: #e4e4e7;
69
+ --color-an-primary-soft: rgba(255, 255, 255, 0.1);
70
+ --color-an-focus-ring: #a1a1aa;
71
71
  --color-an-disabled-opacity: 0.5;
72
- --color-an-chart-1: #a78bfa;
73
- --color-an-chart-2: #2dd4bf;
74
- --color-an-chart-3: #fbbf24;
75
- --color-an-chart-4: #f87171;
76
- --color-an-chart-5: #c4b5fd;
77
- --color-an-chart-6: #22d3ee;
78
- --color-shell-bg: #12102a;
79
- --color-shell-surface: var(--brand-rail-sidebar-bg);
80
- --color-shell-border: #2f2b55;
81
- --color-shell-text: #e0e7ff;
82
- --color-rail-page-bg: #12102a;
83
- --color-rail-card-border: #2f2b55;
72
+ --color-an-chart-1: #3b82f6;
73
+ --color-an-chart-2: #14b8a6;
74
+ --color-an-chart-3: #f59e0b;
75
+ --color-an-chart-4: #ef4444;
76
+ --color-an-chart-5: #a855f7;
77
+ --color-an-chart-6: #06b6d4;
78
+ --color-shell-bg: #09090b;
79
+ --color-shell-surface: #18181b;
80
+ --color-shell-border: #3f3f46;
81
+ --color-shell-text: #fafafa;
82
+ --color-rail-page-bg: #09090b;
83
+ --color-rail-card-border: #3f3f46;
84
84
  }
85
85
  }
86
86
 
87
87
  /**
88
- * C-Hybrid user override — dark mode tracks `--brand-rail-sidebar-bg`.
88
+ * C-Hybrid user override — dark content surfaces are layered charcoal (not flat rail fill).
89
89
  * Admin `applyInitialTheme()` / ThemeProvider toggles `.dark` on documentElement.
90
90
  */
91
91
  .dark {
92
92
  color-scheme: dark;
93
- --color-an-bg: #12102a;
94
- --color-an-bg-elevated: var(--brand-rail-sidebar-bg);
95
- --color-an-surface: var(--brand-rail-sidebar-bg);
96
- --color-an-surface-muted: #17153a;
97
- --color-an-surface-hover: #2a2660;
98
- --color-an-surface-disabled: #2a2660;
99
- --color-an-text: #e0e7ff;
100
- --color-an-text-muted: #a5b4fc;
101
- --color-an-text-disabled: #818cf8;
102
- --color-an-border: #2f2b55;
103
- --color-an-border-hover: #3d3870;
104
- --color-an-primary: #a78bfa;
105
- --color-an-primary-hover: #c4b5fd;
106
- --color-an-primary-soft: rgba(124, 58, 237, 0.22);
107
- --color-an-focus-ring: #a78bfa;
93
+ --color-an-bg: #09090b;
94
+ --color-an-bg-elevated: #27272a;
95
+ --color-an-surface: #18181b;
96
+ --color-an-surface-muted: #0c0c0e;
97
+ --color-an-surface-hover: #27272a;
98
+ --color-an-surface-disabled: #141416;
99
+ --color-an-text: #fafafa;
100
+ --color-an-text-muted: #a1a1aa;
101
+ --color-an-text-disabled: #71717a;
102
+ --color-an-border: #3f3f46;
103
+ --color-an-border-hover: #52525b;
104
+ --color-an-primary: #fafafa;
105
+ --color-an-primary-hover: #e4e4e7;
106
+ --color-an-primary-soft: rgba(255, 255, 255, 0.1);
107
+ --color-an-focus-ring: #a1a1aa;
108
108
  --color-an-disabled-opacity: 0.5;
109
- --color-an-chart-1: #a78bfa;
110
- --color-an-chart-2: #2dd4bf;
111
- --color-an-chart-3: #fbbf24;
112
- --color-an-chart-4: #f87171;
113
- --color-an-chart-5: #c4b5fd;
114
- --color-an-chart-6: #22d3ee;
115
- --color-shell-bg: #12102a;
116
- --color-shell-surface: var(--brand-rail-sidebar-bg);
117
- --color-shell-border: #2f2b55;
118
- --color-shell-text: #e0e7ff;
119
- --color-rail-page-bg: #12102a;
120
- --color-rail-card-border: #2f2b55;
109
+ --color-an-chart-1: #3b82f6;
110
+ --color-an-chart-2: #14b8a6;
111
+ --color-an-chart-3: #f59e0b;
112
+ --color-an-chart-4: #ef4444;
113
+ --color-an-chart-5: #a855f7;
114
+ --color-an-chart-6: #06b6d4;
115
+ --color-shell-bg: #09090b;
116
+ --color-shell-surface: #18181b;
117
+ --color-shell-border: #3f3f46;
118
+ --color-shell-text: #fafafa;
119
+ --color-rail-page-bg: #09090b;
120
+ --color-rail-card-border: #3f3f46;
121
121
  }
122
122
 
123
123
  /**
@@ -126,32 +126,32 @@
126
126
  */
127
127
  .light {
128
128
  color-scheme: light;
129
- --color-an-bg: var(--color-neutral-100);
129
+ --color-an-bg: #f4f4f5;
130
130
  --color-an-bg-elevated: var(--color-surface-default);
131
131
  --color-an-surface: var(--color-surface-default);
132
- --color-an-surface-muted: var(--color-neutral-100);
133
- --color-an-surface-hover: var(--color-neutral-100);
134
- --color-an-surface-disabled: var(--color-neutral-100);
135
- --color-an-text: var(--color-neutral-950);
136
- --color-an-text-muted: #475569;
137
- --color-an-text-disabled: #94a3b8;
138
- --color-an-border: var(--color-neutral-200);
139
- --color-an-border-hover: #cbd5e1;
140
- --color-an-primary: var(--color-primary);
141
- --color-an-primary-hover: #4f46e5;
142
- --color-an-primary-soft: var(--color-primary-light);
143
- --color-an-focus-ring: var(--brand-admin-primary);
132
+ --color-an-surface-muted: #f4f4f5;
133
+ --color-an-surface-hover: #e4e4e7;
134
+ --color-an-surface-disabled: #f4f4f5;
135
+ --color-an-text: #09090b;
136
+ --color-an-text-muted: #52525b;
137
+ --color-an-text-disabled: #71717a;
138
+ --color-an-border: #e4e4e7;
139
+ --color-an-border-hover: #d4d4d8;
140
+ --color-an-primary: var(--brand-admin-primary);
141
+ --color-an-primary-hover: #09090b;
142
+ --color-an-primary-soft: #f4f4f5;
143
+ --color-an-focus-ring: #52525b;
144
144
  --color-an-disabled-opacity: 0.55;
145
- --color-an-chart-1: var(--brand-admin-primary);
146
- --color-an-chart-2: #14b8a6;
147
- --color-an-chart-3: #f59e0b;
148
- --color-an-chart-4: #ef4444;
149
- --color-an-chart-5: #8b5cf6;
150
- --color-an-chart-6: #06b6d4;
151
- --color-shell-bg: var(--color-neutral-100);
145
+ --color-an-chart-1: #2563eb;
146
+ --color-an-chart-2: #0d9488;
147
+ --color-an-chart-3: #d97706;
148
+ --color-an-chart-4: #dc2626;
149
+ --color-an-chart-5: #9333ea;
150
+ --color-an-chart-6: #0891b2;
151
+ --color-shell-bg: #f4f4f5;
152
152
  --color-shell-surface: var(--color-surface-default);
153
- --color-shell-border: var(--color-neutral-200);
154
- --color-shell-text: var(--color-neutral-950);
155
- --color-rail-page-bg: var(--color-neutral-100);
156
- --color-rail-card-border: var(--color-neutral-200);
153
+ --color-shell-border: #e4e4e7;
154
+ --color-shell-text: #09090b;
155
+ --color-rail-page-bg: #f4f4f5;
156
+ --color-rail-card-border: #e4e4e7;
157
157
  }
package/src/tokens/brand-bridge.css CHANGED
@@ -1,64 +1,65 @@
1
- /**
2
- * Brand bridge — Canva Up Above SSOT → theme.css / admin-theme.css consumers
3
- *
4
- * DECISION-1 Option C: --brand-consumer-accent (Canva teal) + --brand-admin-accent (PO violet)
5
- * Import before theme.css or admin-theme.css once MFE-v3-S-01 wires consumers.
6
- *
7
- * @see rpappp/up-backend/docs/FRONTEND/brand-palette.md
8
- * @source https://www.canva.com/colors/color-palettes/up-above/
9
- */
10
- :root {
11
- /* Typography families — shared SSOT (admin also mirrors in design-tokens.css) */
12
- --font-family-primary: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
13
- 'Segoe UI Symbol', 'Noto Color Emoji';
14
- --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
15
- 'Courier New', monospace;
16
-
17
- /* ── Foundation + neutrals (ADR-FE-BRAND-002 / COLOR registry) — consumer Canva ── */
18
- --color-brand-primary: #1f6f78;
19
- --color-brand-deep: #174b52;
20
- --color-brand-accent: #58a9b5;
21
- --color-brand-soft: #eef6f7;
22
- --color-brand-text: #2a3136;
23
- --color-brand-limestone: #d8d2c8;
24
- --color-surface-default: #ffffff;
25
- --color-neutral-950: #0f172a;
26
- --color-neutral-100: #f1f5f9;
27
- --color-neutral-200: #e2e8f0;
28
-
29
- /* ── Semantic brand accents (DECISION-1 Option C) ── */
30
- --brand-consumer-accent: var(--color-brand-primary);
31
- --brand-consumer-accent-soft: var(--color-brand-soft);
32
- --brand-consumer-accent-foreground: var(--color-surface-default);
33
- /* Admin PO mockup violet — do not collapse onto consumer teal */
34
- --brand-admin-accent: #7c3aed;
35
- --brand-admin-primary: #6366f1;
36
-
37
- /* ── Admin rail palette (MOCKUP_VISUAL_SPEC_CACHE / brand-palette.md) ── */
38
- --brand-rail-sidebar-bg: #1e1b4b;
39
- --brand-rail-sidebar-bg-deep: var(--color-neutral-950);
40
- --brand-rail-sidebar-text: #e0e7ff;
41
- --brand-rail-sidebar-muted: #a5b4fc;
42
- --brand-rail-sidebar-active: var(--brand-admin-accent);
43
- --brand-rail-sidebar-hover: rgba(124, 58, 237, 0.2);
44
- --brand-rail-page-bg: var(--color-neutral-100);
45
- --brand-rail-card-border: var(--color-neutral-200);
46
- --brand-rail-kpi-up: #05805a;
47
- --brand-rail-kpi-down: #da2325;
48
-
49
- /* ── Bridge → theme.css (consumer / kiosk / pickup) — wired in MFE-v3-S-01 ── */
50
- --color-accent: var(--brand-consumer-accent);
51
- --color-focus-ring: var(--brand-consumer-accent);
52
-
53
- /* ── Bridge → admin-theme.css — wired in MFE-v3-S-01 ── */
54
- --color-rail-sidebar-bg: var(--brand-rail-sidebar-bg);
55
- --color-rail-sidebar-text: var(--brand-rail-sidebar-text);
56
- --color-rail-sidebar-muted: var(--brand-rail-sidebar-muted);
57
- --color-rail-sidebar-active: var(--brand-rail-sidebar-active);
58
- --color-rail-sidebar-hover: var(--brand-rail-sidebar-hover);
59
- --color-rail-page-bg: var(--brand-rail-page-bg);
60
- --color-rail-card-border: var(--brand-rail-card-border);
61
- --color-rail-kpi-up: var(--brand-rail-kpi-up);
62
- --color-rail-kpi-down: var(--brand-rail-kpi-down);
63
- --color-an-chart-1: var(--brand-admin-primary);
64
- }
1
+ /**
2
+ * Brand bridge — Canva Up Above SSOT → theme.css / admin-theme.css consumers
3
+ *
4
+ * DECISION-1: --brand-consumer-accent (Canva teal) + --brand-admin-* (neutral charcoal)
5
+ * Admin chrome is black / white / grey only — consumer apps keep Canva teal.
6
+ * Import before theme.css or admin-theme.css once MFE-v3-S-01 wires consumers.
7
+ *
8
+ * @see rpappp/up-backend/docs/FRONTEND/brand-palette.md
9
+ * @source https://www.canva.com/colors/color-palettes/up-above/
10
+ */
11
+ :root {
12
+ /* Typography families — shared SSOT (admin also mirrors in design-tokens.css) */
13
+ --font-family-primary: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
14
+ 'Segoe UI Symbol', 'Noto Color Emoji';
15
+ --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
16
+ 'Courier New', monospace;
17
+
18
+ /* ── Foundation + neutrals (ADR-FE-BRAND-002 / COLOR registry) — consumer Canva ── */
19
+ --color-brand-primary: #1f6f78;
20
+ --color-brand-deep: #174b52;
21
+ --color-brand-accent: #58a9b5;
22
+ --color-brand-soft: #eef6f7;
23
+ --color-brand-text: #2a3136;
24
+ --color-brand-limestone: #d8d2c8;
25
+ --color-surface-default: #ffffff;
26
+ --color-neutral-950: #0f172a;
27
+ --color-neutral-100: #f1f5f9;
28
+ --color-neutral-200: #e2e8f0;
29
+
30
+ /* ── Semantic brand accents ── */
31
+ --brand-consumer-accent: var(--color-brand-primary);
32
+ --brand-consumer-accent-soft: var(--color-brand-soft);
33
+ --brand-consumer-accent-foreground: var(--color-surface-default);
34
+ /* Admin — charcoal / near-black (not consumer teal, not violet) */
35
+ --brand-admin-accent: #171717;
36
+ --brand-admin-primary: #18181b;
37
+
38
+ /* ── Admin rail palette — near-black charcoal ── */
39
+ --brand-rail-sidebar-bg: #0a0a0a;
40
+ --brand-rail-sidebar-bg-deep: #000000;
41
+ --brand-rail-sidebar-text: #fafafa;
42
+ --brand-rail-sidebar-muted: #a3a3a3;
43
+ --brand-rail-sidebar-active: var(--brand-admin-accent);
44
+ --brand-rail-sidebar-hover: rgba(255, 255, 255, 0.08);
45
+ --brand-rail-page-bg: var(--color-neutral-100);
46
+ --brand-rail-card-border: var(--color-neutral-200);
47
+ --brand-rail-kpi-up: #05805a;
48
+ --brand-rail-kpi-down: #da2325;
49
+
50
+ /* ── Bridge → theme.css (consumer / kiosk / pickup) — wired in MFE-v3-S-01 ── */
51
+ --color-accent: var(--brand-consumer-accent);
52
+ --color-focus-ring: var(--brand-consumer-accent);
53
+
54
+ /* ── Bridge → admin-theme.css — wired in MFE-v3-S-01 ── */
55
+ --color-rail-sidebar-bg: var(--brand-rail-sidebar-bg);
56
+ --color-rail-sidebar-text: var(--brand-rail-sidebar-text);
57
+ --color-rail-sidebar-muted: var(--brand-rail-sidebar-muted);
58
+ --color-rail-sidebar-active: var(--brand-rail-sidebar-active);
59
+ --color-rail-sidebar-hover: var(--brand-rail-sidebar-hover);
60
+ --color-rail-page-bg: var(--brand-rail-page-bg);
61
+ --color-rail-card-border: var(--brand-rail-card-border);
62
+ --color-rail-kpi-up: var(--brand-rail-kpi-up);
63
+ --color-rail-kpi-down: var(--brand-rail-kpi-down);
64
+ --color-an-chart-1: var(--brand-admin-primary);
65
+ }
package/src/tokens/tokens.sync.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "generatedAt": "2026-07-29T18:47:02.406Z",
3
+ "generatedAt": "2026-07-30T06:48:08.022Z",
4
4
  "source": "shared/scripts/gate-tokens-sync.mjs",
5
5
  "inputs": [
6
6
  "brand-bridge.css",
@@ -26,14 +26,14 @@
26
26
  "--brand-consumer-accent": "var(--color-brand-primary)",
27
27
  "--brand-consumer-accent-soft": "var(--color-brand-soft)",
28
28
  "--brand-consumer-accent-foreground": "var(--color-surface-default)",
29
- "--brand-admin-accent": "#7c3aed",
30
- "--brand-admin-primary": "#6366f1",
31
- "--brand-rail-sidebar-bg": "#1e1b4b",
32
- "--brand-rail-sidebar-bg-deep": "var(--color-neutral-950)",
33
- "--brand-rail-sidebar-text": "#e0e7ff",
34
- "--brand-rail-sidebar-muted": "#a5b4fc",
29
+ "--brand-admin-accent": "#171717",
30
+ "--brand-admin-primary": "#18181b",
31
+ "--brand-rail-sidebar-bg": "#0a0a0a",
32
+ "--brand-rail-sidebar-bg-deep": "#000000",
33
+ "--brand-rail-sidebar-text": "#fafafa",
34
+ "--brand-rail-sidebar-muted": "#a3a3a3",
35
35
  "--brand-rail-sidebar-active": "var(--brand-admin-accent)",
36
- "--brand-rail-sidebar-hover": "rgba(124, 58, 237, 0.2)",
36
+ "--brand-rail-sidebar-hover": "rgba(255, 255, 255, 0.08)",
37
37
  "--brand-rail-page-bg": "var(--color-neutral-100)",
38
38
  "--brand-rail-card-border": "var(--color-neutral-200)",
39
39
  "--brand-rail-kpi-up": "#05805a",
@@ -95,43 +95,43 @@
95
95
  {
96
96
  "file": "admin-theme.css",
97
97
  "properties": {
98
- "--color-an-bg": "var(--color-neutral-100)",
98
+ "--color-an-bg": "#f4f4f5",
99
99
  "--color-an-bg-elevated": "var(--color-surface-default)",
100
100
  "--color-an-surface": "var(--color-surface-default)",
101
- "--color-an-surface-muted": "var(--color-neutral-100)",
102
- "--color-an-surface-hover": "var(--color-neutral-100)",
103
- "--color-an-surface-disabled": "var(--color-neutral-100)",
104
- "--color-an-text": "var(--color-neutral-950)",
105
- "--color-an-text-muted": "#475569",
106
- "--color-an-text-disabled": "#94a3b8",
107
- "--color-an-border": "var(--color-neutral-200)",
108
- "--color-an-border-hover": "#cbd5e1",
109
- "--color-an-primary": "var(--color-primary)",
110
- "--color-an-primary-hover": "#4f46e5",
111
- "--color-an-primary-soft": "var(--color-primary-light)",
112
- "--color-an-focus-ring": "var(--brand-admin-primary)",
101
+ "--color-an-surface-muted": "#f4f4f5",
102
+ "--color-an-surface-hover": "#e4e4e7",
103
+ "--color-an-surface-disabled": "#f4f4f5",
104
+ "--color-an-text": "#09090b",
105
+ "--color-an-text-muted": "#52525b",
106
+ "--color-an-text-disabled": "#71717a",
107
+ "--color-an-border": "#e4e4e7",
108
+ "--color-an-border-hover": "#d4d4d8",
109
+ "--color-an-primary": "var(--brand-admin-primary)",
110
+ "--color-an-primary-hover": "#09090b",
111
+ "--color-an-primary-soft": "#f4f4f5",
112
+ "--color-an-focus-ring": "#52525b",
113
113
  "--color-an-danger": "var(--color-error)",
114
114
  "--color-an-success": "var(--color-success)",
115
115
  "--color-an-warn": "var(--color-warning)",
116
- "--color-an-info": "var(--color-info)",
116
+ "--color-an-info": "#52525b",
117
117
  "--color-an-disabled-opacity": "0.55",
118
- "--color-an-chart-1": "var(--brand-admin-primary)",
119
- "--color-an-chart-2": "#14b8a6",
120
- "--color-an-chart-3": "#f59e0b",
121
- "--color-an-chart-4": "#ef4444",
122
- "--color-an-chart-5": "#8b5cf6",
123
- "--color-an-chart-6": "#06b6d4",
124
- "--color-shell-bg": "var(--color-neutral-100)",
118
+ "--color-an-chart-1": "#2563eb",
119
+ "--color-an-chart-2": "#0d9488",
120
+ "--color-an-chart-3": "#d97706",
121
+ "--color-an-chart-4": "#dc2626",
122
+ "--color-an-chart-5": "#9333ea",
123
+ "--color-an-chart-6": "#0891b2",
124
+ "--color-shell-bg": "#f4f4f5",
125
125
  "--color-shell-surface": "var(--color-surface-default)",
126
- "--color-shell-border": "var(--color-neutral-200)",
127
- "--color-shell-text": "var(--color-neutral-950)",
126
+ "--color-shell-border": "#e4e4e7",
127
+ "--color-shell-text": "#09090b",
128
128
  "--color-rail-sidebar-bg": "var(--brand-rail-sidebar-bg)",
129
129
  "--color-rail-sidebar-text": "var(--brand-rail-sidebar-text)",
130
130
  "--color-rail-sidebar-muted": "var(--brand-rail-sidebar-muted)",
131
131
  "--color-rail-sidebar-active": "var(--brand-rail-sidebar-active)",
132
132
  "--color-rail-sidebar-hover": "var(--brand-rail-sidebar-hover)",
133
- "--color-rail-page-bg": "var(--color-neutral-100)",
134
- "--color-rail-card-border": "var(--color-neutral-200)",
133
+ "--color-rail-page-bg": "#f4f4f5",
134
+ "--color-rail-card-border": "#e4e4e7",
135
135
  "--color-rail-kpi-up": "var(--brand-rail-kpi-up)",
136
136
  "--color-rail-kpi-down": "var(--brand-rail-kpi-down)"
137
137
  },
@@ -202,27 +202,27 @@
202
202
  },
203
203
  "--brand-admin-accent": {
204
204
  "file": "brand-bridge.css",
205
- "value": "#7c3aed"
205
+ "value": "#171717"
206
206
  },
207
207
  "--brand-admin-primary": {
208
208
  "file": "brand-bridge.css",
209
- "value": "#6366f1"
209
+ "value": "#18181b"
210
210
  },
211
211
  "--brand-rail-sidebar-bg": {
212
212
  "file": "brand-bridge.css",
213
- "value": "#1e1b4b"
213
+ "value": "#0a0a0a"
214
214
  },
215
215
  "--brand-rail-sidebar-bg-deep": {
216
216
  "file": "brand-bridge.css",
217
- "value": "var(--color-neutral-950)"
217
+ "value": "#000000"
218
218
  },
219
219
  "--brand-rail-sidebar-text": {
220
220
  "file": "brand-bridge.css",
221
- "value": "#e0e7ff"
221
+ "value": "#fafafa"
222
222
  },
223
223
  "--brand-rail-sidebar-muted": {
224
224
  "file": "brand-bridge.css",
225
- "value": "#a5b4fc"
225
+ "value": "#a3a3a3"
226
226
  },
227
227
  "--brand-rail-sidebar-active": {
228
228
  "file": "brand-bridge.css",
@@ -230,7 +230,7 @@
230
230
  },
231
231
  "--brand-rail-sidebar-hover": {
232
232
  "file": "brand-bridge.css",
233
- "value": "rgba(124, 58, 237, 0.2)"
233
+ "value": "rgba(255, 255, 255, 0.08)"
234
234
  },
235
235
  "--brand-rail-page-bg": {
236
236
  "file": "brand-bridge.css",
@@ -278,11 +278,11 @@
278
278
  },
279
279
  "--color-rail-page-bg": {
280
280
  "file": "admin-theme.css",
281
- "value": "var(--color-neutral-100)"
281
+ "value": "#f4f4f5"
282
282
  },
283
283
  "--color-rail-card-border": {
284
284
  "file": "admin-theme.css",
285
- "value": "var(--color-neutral-200)"
285
+ "value": "#e4e4e7"
286
286
  },
287
287
  "--color-rail-kpi-up": {
288
288
  "file": "admin-theme.css",
@@ -294,7 +294,7 @@
294
294
  },
295
295
  "--color-an-chart-1": {
296
296
  "file": "admin-theme.css",
297
- "value": "var(--brand-admin-primary)"
297
+ "value": "#2563eb"
298
298
  },
299
299
  "--color-surface": {
300
300
  "file": "theme.css",
@@ -422,7 +422,7 @@
422
422
  },
423
423
  "--color-an-bg": {
424
424
  "file": "admin-theme.css",
425
- "value": "var(--color-neutral-100)"
425
+ "value": "#f4f4f5"
426
426
  },
427
427
  "--color-an-bg-elevated": {
428
428
  "file": "admin-theme.css",
@@ -434,51 +434,51 @@
434
434
  },
435
435
  "--color-an-surface-muted": {
436
436
  "file": "admin-theme.css",
437
- "value": "var(--color-neutral-100)"
437
+ "value": "#f4f4f5"
438
438
  },
439
439
  "--color-an-surface-hover": {
440
440
  "file": "admin-theme.css",
441
- "value": "var(--color-neutral-100)"
441
+ "value": "#e4e4e7"
442
442
  },
443
443
  "--color-an-surface-disabled": {
444
444
  "file": "admin-theme.css",
445
- "value": "var(--color-neutral-100)"
445
+ "value": "#f4f4f5"
446
446
  },
447
447
  "--color-an-text": {
448
448
  "file": "admin-theme.css",
449
- "value": "var(--color-neutral-950)"
449
+ "value": "#09090b"
450
450
  },
451
451
  "--color-an-text-muted": {
452
452
  "file": "admin-theme.css",
453
- "value": "#475569"
453
+ "value": "#52525b"
454
454
  },
455
455
  "--color-an-text-disabled": {
456
456
  "file": "admin-theme.css",
457
- "value": "#94a3b8"
457
+ "value": "#71717a"
458
458
  },
459
459
  "--color-an-border": {
460
460
  "file": "admin-theme.css",
461
- "value": "var(--color-neutral-200)"
461
+ "value": "#e4e4e7"
462
462
  },
463
463
  "--color-an-border-hover": {
464
464
  "file": "admin-theme.css",
465
- "value": "#cbd5e1"
465
+ "value": "#d4d4d8"
466
466
  },
467
467
  "--color-an-primary": {
468
468
  "file": "admin-theme.css",
469
- "value": "var(--color-primary)"
469
+ "value": "var(--brand-admin-primary)"
470
470
  },
471
471
  "--color-an-primary-hover": {
472
472
  "file": "admin-theme.css",
473
- "value": "#4f46e5"
473
+ "value": "#09090b"
474
474
  },
475
475
  "--color-an-primary-soft": {
476
476
  "file": "admin-theme.css",
477
- "value": "var(--color-primary-light)"
477
+ "value": "#f4f4f5"
478
478
  },
479
479
  "--color-an-focus-ring": {
480
480
  "file": "admin-theme.css",
481
- "value": "var(--brand-admin-primary)"
481
+ "value": "#52525b"
482
482
  },
483
483
  "--color-an-danger": {
484
484
  "file": "admin-theme.css",
@@ -494,7 +494,7 @@
494
494
  },
495
495
  "--color-an-info": {
496
496
  "file": "admin-theme.css",
497
- "value": "var(--color-info)"
497
+ "value": "#52525b"
498
498
  },
499
499
  "--color-an-disabled-opacity": {
500
500
  "file": "admin-theme.css",
@@ -502,27 +502,27 @@
502
502
  },
503
503
  "--color-an-chart-2": {
504
504
  "file": "admin-theme.css",
505
- "value": "#14b8a6"
505
+ "value": "#0d9488"
506
506
  },
507
507
  "--color-an-chart-3": {
508
508
  "file": "admin-theme.css",
509
- "value": "#f59e0b"
509
+ "value": "#d97706"
510
510
  },
511
511
  "--color-an-chart-4": {
512
512
  "file": "admin-theme.css",
513
- "value": "#ef4444"
513
+ "value": "#dc2626"
514
514
  },
515
515
  "--color-an-chart-5": {
516
516
  "file": "admin-theme.css",
517
- "value": "#8b5cf6"
517
+ "value": "#9333ea"
518
518
  },
519
519
  "--color-an-chart-6": {
520
520
  "file": "admin-theme.css",
521
- "value": "#06b6d4"
521
+ "value": "#0891b2"
522
522
  },
523
523
  "--color-shell-bg": {
524
524
  "file": "admin-theme.css",
525
- "value": "var(--color-neutral-100)"
525
+ "value": "#f4f4f5"
526
526
  },
527
527
  "--color-shell-surface": {
528
528
  "file": "admin-theme.css",
@@ -530,11 +530,11 @@
530
530
  },
531
531
  "--color-shell-border": {
532
532
  "file": "admin-theme.css",
533
- "value": "var(--color-neutral-200)"
533
+ "value": "#e4e4e7"
534
534
  },
535
535
  "--color-shell-text": {
536
536
  "file": "admin-theme.css",
537
- "value": "var(--color-neutral-950)"
537
+ "value": "#09090b"
538
538
  }
539
539
  }
540
540
  }