@nuptechs/nup-xlsx-preview 1.1.1 → 1.1.3

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.
@@ -55,7 +55,7 @@
55
55
  position: relative;
56
56
  }
57
57
 
58
- /* Cell */
58
+ /* Cell - Base styles with LOW specificity to allow inline styles to win */
59
59
  .nup-cell {
60
60
  position: absolute;
61
61
  box-sizing: border-box;
@@ -63,15 +63,23 @@
63
63
  overflow: hidden;
64
64
  text-overflow: ellipsis;
65
65
  white-space: nowrap;
66
+ cursor: cell;
67
+ /* Default white background - overridden by inline backgroundColor */
68
+ background-color: var(--nup-cell-bg, #ffffff);
69
+ /* Default grid lines - overridden by inline border styles */
66
70
  border-right: 1px solid var(--nup-grid, #e0e0e0);
67
71
  border-bottom: 1px solid var(--nup-grid, #e0e0e0);
68
- background: var(--nup-cell-bg, #ffffff);
69
- cursor: cell;
70
- transition: background-color 0.05s ease;
71
72
  }
72
73
 
74
+ /* Cells with custom borders from Excel - remove ALL default gridlines
75
+ The inline styles will provide the exact borders needed */
76
+ .nup-cell.nup-has-border {
77
+ border: none;
78
+ }
79
+
80
+ /* Hover state - subtle highlight that works with any background */
73
81
  .nup-cell:hover {
74
- background: var(--nup-cell-hover, #f8f9fa);
82
+ filter: brightness(0.97);
75
83
  }
76
84
 
77
85
  .nup-cell.nup-cell-number {
@@ -79,20 +87,27 @@
79
87
  font-variant-numeric: tabular-nums;
80
88
  }
81
89
 
90
+ /* Selected cell - uses box-shadow to not override background */
82
91
  .nup-cell.nup-cell-selected {
83
- background: var(--nup-selection-bg, rgba(26, 115, 232, 0.08));
92
+ box-shadow: inset 0 0 0 1000px var(--nup-selection-bg, rgba(26, 115, 232, 0.15));
84
93
  }
85
94
 
86
95
  .nup-cell.nup-cell-anchor {
87
96
  z-index: 2;
88
97
  }
89
98
 
99
+ /* Search result - uses box-shadow to blend with cell background */
90
100
  .nup-cell.nup-cell-search-result {
91
- background: var(--nup-search-bg, #fff59d);
101
+ box-shadow: inset 0 0 0 1000px var(--nup-search-bg, rgba(255, 245, 157, 0.8));
92
102
  }
93
103
 
94
104
  .nup-cell.nup-cell-search-current {
95
- background: var(--nup-search-current-bg, #ffb300);
105
+ box-shadow: inset 0 0 0 1000px var(--nup-search-current-bg, rgba(255, 179, 0, 0.8));
106
+ }
107
+
108
+ /* Merged cell master - ensure proper z-index */
109
+ .nup-cell.nup-cell-merge-master {
110
+ z-index: 2;
96
111
  }
97
112
 
98
113
  /* Selection Border Overlay */
@@ -55,7 +55,7 @@
55
55
  position: relative;
56
56
  }
57
57
 
58
- /* Cell */
58
+ /* Cell - Base styles with LOW specificity to allow inline styles to win */
59
59
  .nup-cell {
60
60
  position: absolute;
61
61
  box-sizing: border-box;
@@ -63,15 +63,23 @@
63
63
  overflow: hidden;
64
64
  text-overflow: ellipsis;
65
65
  white-space: nowrap;
66
+ cursor: cell;
67
+ /* Default white background - overridden by inline backgroundColor */
68
+ background-color: var(--nup-cell-bg, #ffffff);
69
+ /* Default grid lines - overridden by inline border styles */
66
70
  border-right: 1px solid var(--nup-grid, #e0e0e0);
67
71
  border-bottom: 1px solid var(--nup-grid, #e0e0e0);
68
- background: var(--nup-cell-bg, #ffffff);
69
- cursor: cell;
70
- transition: background-color 0.05s ease;
71
72
  }
72
73
 
74
+ /* Cells with custom borders from Excel - remove ALL default gridlines
75
+ The inline styles will provide the exact borders needed */
76
+ .nup-cell.nup-has-border {
77
+ border: none;
78
+ }
79
+
80
+ /* Hover state - subtle highlight that works with any background */
73
81
  .nup-cell:hover {
74
- background: var(--nup-cell-hover, #f8f9fa);
82
+ filter: brightness(0.97);
75
83
  }
76
84
 
77
85
  .nup-cell.nup-cell-number {
@@ -79,20 +87,27 @@
79
87
  font-variant-numeric: tabular-nums;
80
88
  }
81
89
 
90
+ /* Selected cell - uses box-shadow to not override background */
82
91
  .nup-cell.nup-cell-selected {
83
- background: var(--nup-selection-bg, rgba(26, 115, 232, 0.08));
92
+ box-shadow: inset 0 0 0 1000px var(--nup-selection-bg, rgba(26, 115, 232, 0.15));
84
93
  }
85
94
 
86
95
  .nup-cell.nup-cell-anchor {
87
96
  z-index: 2;
88
97
  }
89
98
 
99
+ /* Search result - uses box-shadow to blend with cell background */
90
100
  .nup-cell.nup-cell-search-result {
91
- background: var(--nup-search-bg, #fff59d);
101
+ box-shadow: inset 0 0 0 1000px var(--nup-search-bg, rgba(255, 245, 157, 0.8));
92
102
  }
93
103
 
94
104
  .nup-cell.nup-cell-search-current {
95
- background: var(--nup-search-current-bg, #ffb300);
105
+ box-shadow: inset 0 0 0 1000px var(--nup-search-current-bg, rgba(255, 179, 0, 0.8));
106
+ }
107
+
108
+ /* Merged cell master - ensure proper z-index */
109
+ .nup-cell.nup-cell-merge-master {
110
+ z-index: 2;
96
111
  }
97
112
 
98
113
  /* Selection Border Overlay */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nuptechs/nup-xlsx-preview",
3
- "version": "1.1.1",
3
+ "version": "1.1.3",
4
4
  "description": "Ultra-light Excel visualization component with virtual scrolling, themes, and framework adapters",
5
5
  "author": "Aspect",
6
6
  "license": "Commercial",