@gravionlabs/helix-ui 22.2.6 → 22.2.7
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 +18 -1
- package/chart/package.json +4 -0
- package/core.css +4082 -0
- package/fesm2022/gravionlabs-helix-ui-chart.mjs +446 -0
- package/fesm2022/gravionlabs-helix-ui-chart.mjs.map +1 -0
- package/fesm2022/gravionlabs-helix-ui.mjs +369 -465
- package/fesm2022/gravionlabs-helix-ui.mjs.map +1 -1
- package/package.json +6 -1
- package/styles.css +34 -0
- package/types/gravionlabs-helix-ui-chart.d.ts +134 -0
- package/types/gravionlabs-helix-ui.d.ts +136 -139
package/README.md
CHANGED
|
@@ -19,6 +19,23 @@ npm install @gravionlabs/helix-ui
|
|
|
19
19
|
|
|
20
20
|
Dark mode: tokens switch under the `app-dark` class on `<html>`, as in `helix-shell`.
|
|
21
21
|
|
|
22
|
+
### Chart
|
|
23
|
+
|
|
24
|
+
`HxChart` is in the secondary entry point `@gravionlabs/helix-ui/chart`, the only place that imports chart.js. chart.js
|
|
25
|
+
is an optional peer dependency: install it only when you use the chart. An app without chart.js builds without any
|
|
26
|
+
extra configuration.
|
|
27
|
+
|
|
28
|
+
```bash
|
|
29
|
+
npm install chart.js
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
```ts
|
|
33
|
+
import { HxChart } from '@gravionlabs/helix-ui/chart';
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
**Breaking change:** `HxChart`, `HX_CHART_LOADER` and the `HxChart*` types are no longer exported from
|
|
37
|
+
`@gravionlabs/helix-ui`; import them from `@gravionlabs/helix-ui/chart`.
|
|
38
|
+
|
|
22
39
|
## Components
|
|
23
40
|
|
|
24
41
|
| Component | Selector | |
|
|
@@ -51,7 +68,7 @@ Dark mode: tokens switch under the `app-dark` class on `<html>`, as in `helix-sh
|
|
|
51
68
|
| `HxSplitButton` | `hx-split-button` | default action plus an `hx-menu` of related actions; severity, variant, size, rounded, raised |
|
|
52
69
|
| `HxStepper`, `HxStepList`, `HxStep`, `HxStepPanels`, `HxStepPanel` | `hx-stepper` … | steps with panels: completed/active state, linear mode, `activateCallback`, lazy panels |
|
|
53
70
|
| `HxButtonGroup` | `hx-button-group` | joins `hx-button`s: square inner corners, shared borders, `role=group` |
|
|
54
|
-
| `HxChart` | `hx-chart` | chart.js with colours, grid and font from the tokens; optional peer dependency loaded on demand, redraws on theme change, canvas fallback slot |
|
|
71
|
+
| `HxChart` | `hx-chart` | from `@gravionlabs/helix-ui/chart`: chart.js with colours, grid and font from the tokens; optional peer dependency loaded on demand, redraws on theme change, canvas fallback slot |
|
|
55
72
|
| `HxDialog`, `HxDialogService`, `HxDialogRef` | `hx-dialog` | modal or non-modal dialog on the CDK dialog; declarative with `[(visible)]` or opened as a component from a service with data and a result |
|
|
56
73
|
| `HxDrawer` | `hx-drawer` | panel that slides in from an edge, same dialog semantics as `hx-dialog`; modal, full screen, reduced motion |
|
|
57
74
|
| `HxPopover` | `hx-popover` | anchored panel with arrow: `toggle(event, target)`, outside click and Escape close, non-modal dialog with focus in and back |
|