@smallwebco/tinypivot-react 1.0.20 → 1.0.21
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/dist/index.cjs +9 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +9 -1
- package/dist/index.js.map +1 -1
- package/dist/style.css +34 -4
- package/package.json +15 -3
package/dist/style.css
CHANGED
|
@@ -583,13 +583,43 @@
|
|
|
583
583
|
|
|
584
584
|
/* Watermark */
|
|
585
585
|
.vpg-watermark-inline a {
|
|
586
|
-
|
|
587
|
-
|
|
586
|
+
display: inline-flex;
|
|
587
|
+
align-items: center;
|
|
588
|
+
gap: 0.35rem;
|
|
589
|
+
font-size: 0.7rem;
|
|
590
|
+
font-weight: 500;
|
|
591
|
+
color: #64748b;
|
|
588
592
|
text-decoration: none;
|
|
589
|
-
|
|
593
|
+
padding: 0.25rem 0.5rem;
|
|
594
|
+
background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
|
|
595
|
+
border: 1px solid #cbd5e1;
|
|
596
|
+
border-radius: 0.25rem;
|
|
597
|
+
transition: all 0.15s ease;
|
|
590
598
|
}
|
|
591
599
|
|
|
592
|
-
.vpg-watermark-inline a:hover {
|
|
600
|
+
.vpg-watermark-inline a:hover {
|
|
601
|
+
color: #475569;
|
|
602
|
+
background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
|
|
603
|
+
border-color: #94a3b8;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
.vpg-watermark-inline a svg {
|
|
607
|
+
flex-shrink: 0;
|
|
608
|
+
opacity: 0.7;
|
|
609
|
+
}
|
|
610
|
+
|
|
611
|
+
/* Watermark Dark Mode */
|
|
612
|
+
.vpg-theme-dark .vpg-watermark-inline a {
|
|
613
|
+
color: #94a3b8;
|
|
614
|
+
background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
|
|
615
|
+
border-color: #475569;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
.vpg-theme-dark .vpg-watermark-inline a:hover {
|
|
619
|
+
color: #cbd5e1;
|
|
620
|
+
background: linear-gradient(135deg, #334155 0%, #475569 100%);
|
|
621
|
+
border-color: #64748b;
|
|
622
|
+
}
|
|
593
623
|
|
|
594
624
|
/* Demo Banner */
|
|
595
625
|
.vpg-demo-banner {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smallwebco/tinypivot-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.21",
|
|
4
4
|
"description": "TinyPivot React - Excel-like data grid and pivot table components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"@tanstack/react-table": "^8.20.0",
|
|
29
|
-
"@smallwebco/tinypivot-core": "1.0.
|
|
29
|
+
"@smallwebco/tinypivot-core": "1.0.21"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@types/react": "^18.2.0",
|
|
@@ -38,11 +38,23 @@
|
|
|
38
38
|
},
|
|
39
39
|
"keywords": [
|
|
40
40
|
"react",
|
|
41
|
+
"react-component",
|
|
41
42
|
"datagrid",
|
|
43
|
+
"data-grid",
|
|
42
44
|
"pivot-table",
|
|
45
|
+
"pivot",
|
|
43
46
|
"table",
|
|
44
47
|
"grid",
|
|
45
|
-
"excel"
|
|
48
|
+
"excel",
|
|
49
|
+
"spreadsheet",
|
|
50
|
+
"data-table",
|
|
51
|
+
"ag-grid-alternative",
|
|
52
|
+
"tanstack-table",
|
|
53
|
+
"filtering",
|
|
54
|
+
"sorting",
|
|
55
|
+
"aggregation",
|
|
56
|
+
"csv-export",
|
|
57
|
+
"clipboard"
|
|
46
58
|
],
|
|
47
59
|
"scripts": {
|
|
48
60
|
"build": "tsup",
|