@flux-ui/statistics 3.0.0-next.34 → 3.0.0-next.38

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@flux-ui/statistics",
     "description": "Statistics components for the Flux UI library.",
-    "version": "3.0.0-next.34",
+    "version": "3.0.0-next.38",
     "type": "module",
     "license": "MIT",
     "funding": "https://github.com/sponsors/basmilius",
-    "homepage": "https://flux.bas.dev",
+    "homepage": "https://flux-ui.dev",
     "repository": {
         "type": "git",
         "url": "git+https://github.com/basmilius/flux.git",
@@ -24,7 +24,7 @@
     ],
     "scripts": {
         "build": "vue-tsc && vite build",
-        "dev": "vite build --watch"
+        "dev": "vite build --watch --mode development"
     },
     "engines": {
         "node": ">=23"
@@ -42,36 +42,34 @@
     },
     "files": [
         "dist",
-        "src",
-        "tsconfig.json"
+        "src"
     ],
     "main": "./dist/index.js",
     "module": "./dist/index.js",
     "types": "./dist/index.d.ts",
-    "typings": "./dist/index.d.ts",
     "sideEffects": false,
     "dependencies": {
-        "@basmilius/common": "^3.12.1",
-        "@basmilius/utils": "^3.12.1",
-        "@flux-ui/components": "3.0.0-next.34",
-        "@flux-ui/internals": "3.0.0-next.34",
-        "apexcharts": "^5.10.4",
+        "@basmilius/common": "^3.19.0",
+        "@basmilius/utils": "^3.19.0",
+        "@flux-ui/components": "3.0.0-next.38",
+        "@flux-ui/internals": "3.0.0-next.38",
+        "@flux-ui/types": "3.0.0-next.38",
+        "apexcharts": "^5.10.6",
         "clsx": "^2.1.1",
-        "lodash-es": "^4.17.23",
-        "vue": "^3.6.0-beta.7",
-        "vue-i18n": "^11.3.0",
+        "lodash-es": "^4.18.1",
+        "vue": "^3.6.0-beta.10",
+        "vue-i18n": "^11.4.0",
         "vue3-apexcharts": "^1.11.1"
     },
     "devDependencies": {
-        "@basmilius/vite-preset": "^3.12.1",
-        "@flux-ui/types": "3.0.0-next.34",
+        "@basmilius/vite-preset": "^3.19.0",
         "@types/lodash-es": "^4.17.12",
-        "@types/node": "^25.5.0",
-        "@vitejs/plugin-vue": "^6.0.5",
-        "@vue/tsconfig": "^0.9.0",
-        "sass-embedded": "^1.98.0",
-        "typescript": "^5.9.3",
-        "vite": "^8.0.0",
-        "vue-tsc": "^3.2.5"
+        "@types/node": "^25.6.0",
+        "@vitejs/plugin-vue": "^6.0.6",
+        "@vue/tsconfig": "^0.9.1",
+        "sass-embedded": "^1.99.0",
+        "typescript": "^6.0.3",
+        "vite": "^8.0.10",
+        "vue-tsc": "^3.2.7"
     }
 }

package/src/component/FluxStatisticsBarChart.vue

@@ -9,7 +9,7 @@
                 show: true,
                 clipMarkers: false,
                 padding: {
-                    top: 21,
+                    top: 18,
                     left: 9,
                     right: 9
                 }

package/src/component/FluxStatisticsChart.vue

@@ -132,7 +132,7 @@
     const chart = useTemplateRef('chart');
     const {t} = useI18n({useScope: 'parent'});
 
-    useResizeObserver(chart, () => {
+    useResizeObserver(chart as any, () => {
         const _chart = unref(chart);
 
         if (!_chart) {

package/src/css/Base.module.scss

@@ -11,13 +11,13 @@
 .statisticsBaseContent {
     position: relative;
     display: flex;
-    padding: 21px;
+    padding: 18px;
     flex-flow: column;
 }
 
 .statisticsBaseHeader {
     display: flex;
-    padding: 21px 21px 0;
+    padding: 18px 18px 0;
     align-items: flex-start;
 }
 

package/src/css/Chart.module.scss

@@ -40,9 +40,9 @@
         }
 
         :global(.apexcharts-tooltip) {
-            background: rgb(from var(--gray-25) r g b / .85);
+            background: rgb(from var(--surface) r g b / .975);
             background-clip: padding-box;
-            backdrop-filter: blur(6px) saturate(180%);
+            backdrop-filter: blur(3px) saturate(180%);
             border: 1px solid var(--surface-stroke-out-hover);
             border-radius: var(--radius-double);
             box-shadow: var(--shadow-lg);

package/src/css/ChartPane.module.scss

@@ -34,5 +34,5 @@
 }
 
 :local(.paneHeader) + .statisticsChartPaneContainer {
-    margin-top: 21px;
+    margin-top: 18px;
 }

package/src/css/Core.module.scss

@@ -1,3 +1,3 @@
 :local(.statisticsBaseContent) .statisticsStackable + .statisticsStackable {
-    margin-top: 21px;
+    margin-top: 18px;
 }

package/src/css/Kpi.module.scss

@@ -13,7 +13,7 @@
 }
 
 .statisticsKpiValue {
-    padding-top: 21px;
+    padding-top: 18px;
     color: var(--foreground-prominent);
     font-size: 21px;
     font-weight: 800;

package/src/css/Legend.module.scss

@@ -3,11 +3,10 @@
 .statisticsLegend {
     display: flex;
     min-width: 0;
-    padding: 15px 21px 15px;
+    padding: 15px 18px 15px;
     align-self: center;
     flex-flow: column;
     flex-grow: 1;
-    gap: 3px;
 }
 
 .statisticsLegendItem {

package/src/css/Metric.module.scss

@@ -47,7 +47,7 @@
 }
 
 .statisticsMetricLabel {
-    padding-top: 21px;
+    padding-top: 18px;
     color: var(--foreground-secondary);
     font-size: 15px;
     font-weight: 500;
@@ -55,7 +55,7 @@
 
 .statisticsMetricValue {
     color: var(--foreground-prominent);
-    font-size: 21px;
+    font-size: 18px;
     font-weight: 800;
     line-height: 36px;
     text-transform: capitalize;

package/tsconfig.json

@@ -1,7 +0,0 @@
-{
-    "files": [],
-    "references": [
-        { "path": "./tsconfig.app.json" },
-        { "path": "./tsconfig.node.json" }
-    ]
-}