@wpic/ui 0.5.0 → 0.5.1
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/CHANGELOG.md +6 -0
- package/COMPONENTS.md +4 -0
- package/dist/components/WStatCard.vue.d.ts +3 -11
- package/dist/wpic-ui.cjs +60 -60
- package/dist/wpic-ui.css +5 -1
- package/dist/wpic-ui.js +1183 -1145
- package/package.json +1 -1
- package/src/style.css +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.5.1 — 2026-09-08
|
|
4
|
+
|
|
5
|
+
- Correct themed WStatCard to use the approved UI5 layout: WCard spacing, label above the value, optional right-aligned change and featured accent header.
|
|
6
|
+
- Add optional featured, change and changeTone props; retain existing values, subtitles and unthemed presentation.
|
|
7
|
+
|
|
8
|
+
|
|
3
9
|
## 0.5.0 — 2026-09-08
|
|
4
10
|
|
|
5
11
|
- Add opt-in `WThemeProvider`, UI5 light/dark tokens, typed color overrides, `themeVariables`, and chart palettes. Existing consumers keep their default appearance.
|
package/COMPONENTS.md
CHANGED
|
@@ -678,3 +678,7 @@ delay?: number
|
|
|
678
678
|
```
|
|
679
679
|
|
|
680
680
|
---
|
|
681
|
+
|
|
682
|
+
### UI5 metric cards (0.5.1)
|
|
683
|
+
|
|
684
|
+
Inside WThemeProvider, WStatCard uses the approved UI5 composition. Use `featured` for an accent label band, `change` for a variation beside the value, and `changeTone="negative"` for a negative variation. Values retain the normal text color unless `color` is explicitly provided. Existing `sub`, `unit` and color props are preserved.
|
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WStatCard — compact metric / KPI card.
|
|
3
|
-
*
|
|
4
|
-
* Props:
|
|
5
|
-
* - label : metric label (e.g. "SKUs tracked")
|
|
6
|
-
* - value : main value to display
|
|
7
|
-
* - unit : optional small suffix (e.g. "d", "%")
|
|
8
|
-
* - color : CSS color for the value
|
|
9
|
-
* - sub : optional subtitle below the value
|
|
10
|
-
* - subColor : CSS color for sub
|
|
11
|
-
*/
|
|
12
1
|
type __VLS_Props = {
|
|
2
|
+
featured?: boolean;
|
|
3
|
+
change?: string;
|
|
4
|
+
changeTone?: 'positive' | 'negative' | 'neutral';
|
|
13
5
|
label: string;
|
|
14
6
|
value: string | number;
|
|
15
7
|
unit?: string;
|