@imfusion/web-ui 0.6.4-dev.29.g527b8ff6 → 0.6.4-dev.31.gcef47041

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 (51) hide show
  1. package/README.md +14 -15
  2. package/dist/{code-Ce8uiPsv.js → code-D2lwxHgd.js} +15 -15
  3. package/dist/components/app-shell/app-shell.d.ts +7 -11
  4. package/dist/components/button/button.d.ts +3 -10
  5. package/dist/components/callout/callout.d.ts +4 -8
  6. package/dist/components/card/card.d.ts +5 -5
  7. package/dist/components/checkbox/checkbox.d.ts +2 -38
  8. package/dist/components/chip/chip.d.ts +1 -1
  9. package/dist/components/code/code.d.ts +1 -1
  10. package/dist/components/collapsible/collapsible.d.ts +3 -33
  11. package/dist/components/copy-button/copy-button.d.ts +1 -1
  12. package/dist/components/drawer/drawer.d.ts +16 -97
  13. package/dist/components/field/field.d.ts +7 -67
  14. package/dist/components/fieldset/fieldset.d.ts +2 -15
  15. package/dist/components/icon/icon.d.ts +1 -1
  16. package/dist/components/input/input.d.ts +2 -8
  17. package/dist/components/logo/logo.d.ts +1 -1
  18. package/dist/components/navigation-menu/subs/flyout-link.d.ts +2 -14
  19. package/dist/components/navigation-menu/subs/link.d.ts +6 -23
  20. package/dist/components/navigation-menu/subs/overlay.d.ts +6 -51
  21. package/dist/components/navigation-menu/subs/shared.d.ts +4 -14
  22. package/dist/components/navigation-menu/subs/structure.d.ts +7 -29
  23. package/dist/components/navigation-menu/subs/trigger.d.ts +6 -13
  24. package/dist/components/popover/popover.d.ts +22 -94
  25. package/dist/components/row/row.d.ts +1 -1
  26. package/dist/components/select/select.d.ts +22 -184
  27. package/dist/components/separator/separator.d.ts +5 -4
  28. package/dist/components/slider/slider.d.ts +7 -77
  29. package/dist/components/spinner/spinner.d.ts +1 -1
  30. package/dist/components/stack/stack.d.ts +1 -1
  31. package/dist/components/switch/switch.d.ts +2 -31
  32. package/dist/components/table/table.d.ts +7 -13
  33. package/dist/components/tabs/tabs.d.ts +13 -43
  34. package/dist/components/toast/toast.d.ts +15 -100
  35. package/dist/components/toggle/toggle.d.ts +3 -20
  36. package/dist/components/toggle-group/toggle-group.d.ts +3 -19
  37. package/dist/components/tooltip/tooltip.d.ts +20 -74
  38. package/dist/components/typo/typo.d.ts +14 -21
  39. package/dist/{icons-Cy1HAosO.js → icons-CaGCCwG-.js} +7 -7
  40. package/dist/icons.js +1 -1
  41. package/dist/index.js +1270 -1286
  42. package/dist/integrations/code-highlight.js +2 -2
  43. package/dist/integrations/image-display-options.js +54 -54
  44. package/dist/{tabs-DIe1Utiy.js → tabs-By5ir2pt.js} +162 -159
  45. package/dist/utils/index.d.ts +1 -0
  46. package/dist/utils/resolve-state-props.d.ts +4 -0
  47. package/package.json +2 -2
  48. package/src/docgen/doc.gen.json +2445 -552
  49. package/src/llms/skills/imf-web-ui-conventions/topics/library-setup.md +10 -1
  50. package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +1 -1
  51. /package/dist/{meta-CySnRuVp.js → meta-j-7HGrWv.js} +0 -0
@@ -22,9 +22,18 @@ export function App() {
22
22
  Components outside the provider do not receive the library's provider context. Keep upstream imports behind the library; see
23
23
  [library-boundary.md](library-boundary.md).
24
24
 
25
+ The provider follows the OS color scheme by default. An app that paints its own surfaces from a fixed palette pins the scheme
26
+ instead, so component colors cannot resolve against the opposite scheme:
27
+
28
+ ```tsx
29
+ <WebUIProvider colorScheme="dark">
30
+ ```
31
+
25
32
  ## Symptoms of broken setup
26
33
 
27
34
  - Unstyled components usually mean the `styles.css` import is missing.
28
- - Wrong colors or unresolved variables usually mean the component is outside `WebUIProvider`.
35
+ - Unresolved variables usually mean the component is outside `WebUIProvider`.
36
+ - Light component colors inside a dark app (or the reverse) mean the scheme is following the OS against a fixed palette. Pin
37
+ `colorScheme` on the provider.
29
38
  - An integration import error usually means its optional peer is missing. Check the component entry in
30
39
  `imf-web-ui-components` for the package to install.
@@ -56,7 +56,7 @@ Use surface roles (`main`, `support`, `minor`), the separate `brand` and `primar
56
56
  slots. Override a high-level control when a whole family should change; consume a semantic token in a component.
57
57
 
58
58
  Foreground roles are for text, icons, borders, and focus rings. Background roles are for fills. The provider sets
59
- `data-imf-ui-color-scheme="light" | "dark"` on `<html>`.
59
+ `data-imf-ui-color-scheme="light" | "dark"` on `<html>`, from the OS preference unless its `colorScheme` prop pins one.
60
60
 
61
61
  ## Browser floor
62
62
 
File without changes