@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.
- package/README.md +14 -15
- package/dist/{code-Ce8uiPsv.js → code-D2lwxHgd.js} +15 -15
- package/dist/components/app-shell/app-shell.d.ts +7 -11
- package/dist/components/button/button.d.ts +3 -10
- package/dist/components/callout/callout.d.ts +4 -8
- package/dist/components/card/card.d.ts +5 -5
- package/dist/components/checkbox/checkbox.d.ts +2 -38
- package/dist/components/chip/chip.d.ts +1 -1
- package/dist/components/code/code.d.ts +1 -1
- package/dist/components/collapsible/collapsible.d.ts +3 -33
- package/dist/components/copy-button/copy-button.d.ts +1 -1
- package/dist/components/drawer/drawer.d.ts +16 -97
- package/dist/components/field/field.d.ts +7 -67
- package/dist/components/fieldset/fieldset.d.ts +2 -15
- package/dist/components/icon/icon.d.ts +1 -1
- package/dist/components/input/input.d.ts +2 -8
- package/dist/components/logo/logo.d.ts +1 -1
- package/dist/components/navigation-menu/subs/flyout-link.d.ts +2 -14
- package/dist/components/navigation-menu/subs/link.d.ts +6 -23
- package/dist/components/navigation-menu/subs/overlay.d.ts +6 -51
- package/dist/components/navigation-menu/subs/shared.d.ts +4 -14
- package/dist/components/navigation-menu/subs/structure.d.ts +7 -29
- package/dist/components/navigation-menu/subs/trigger.d.ts +6 -13
- package/dist/components/popover/popover.d.ts +22 -94
- package/dist/components/row/row.d.ts +1 -1
- package/dist/components/select/select.d.ts +22 -184
- package/dist/components/separator/separator.d.ts +5 -4
- package/dist/components/slider/slider.d.ts +7 -77
- package/dist/components/spinner/spinner.d.ts +1 -1
- package/dist/components/stack/stack.d.ts +1 -1
- package/dist/components/switch/switch.d.ts +2 -31
- package/dist/components/table/table.d.ts +7 -13
- package/dist/components/tabs/tabs.d.ts +13 -43
- package/dist/components/toast/toast.d.ts +15 -100
- package/dist/components/toggle/toggle.d.ts +3 -20
- package/dist/components/toggle-group/toggle-group.d.ts +3 -19
- package/dist/components/tooltip/tooltip.d.ts +20 -74
- package/dist/components/typo/typo.d.ts +14 -21
- package/dist/{icons-Cy1HAosO.js → icons-CaGCCwG-.js} +7 -7
- package/dist/icons.js +1 -1
- package/dist/index.js +1270 -1286
- package/dist/integrations/code-highlight.js +2 -2
- package/dist/integrations/image-display-options.js +54 -54
- package/dist/{tabs-DIe1Utiy.js → tabs-By5ir2pt.js} +162 -159
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/resolve-state-props.d.ts +4 -0
- package/package.json +2 -2
- package/src/docgen/doc.gen.json +2445 -552
- package/src/llms/skills/imf-web-ui-conventions/topics/library-setup.md +10 -1
- package/src/llms/skills/imf-web-ui-conventions/topics/styling.md +1 -1
- /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
|
-
-
|
|
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
|