pixel-react-excel-sheet 1.0.17 → 1.0.19

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.
Files changed (9) hide show
  1. package/lib/index.esm.js +3 -5
  2. package/lib/index.esm.js.map +1 -1
  3. package/lib/index.js +3 -5
  4. package/lib/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/Themes/BaseTheme.scss +1 -0
  7. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +1 -1
  8. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +0 -1
  9. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +5 -5
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react-excel-sheet",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.0.17",
4
+ "version": "1.0.19",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
package/src/assets/Themes/BaseTheme.scss CHANGED
@@ -252,6 +252,7 @@ $base-theme: (
252
252
  excel-sheet-button-color: #e9b5ff,
253
253
  excel-sheet-border:#0a0d272a,
254
254
  excel-toolbar-bg: #D4B0E426,
255
+ excel-header-bg: #f4ecf8,
255
256
  excel-toolbar-divider: #57575733,
256
257
 
257
258
  excel-sheet-header-background-color: #f3f0f5,
package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx CHANGED
@@ -129,7 +129,7 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
129
129
  // </th>
130
130
 
131
131
  <th
132
- style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
132
+ style={{ minWidth: `${columnWidth}px`}} //Dynamic value, Inline Styling required
133
133
  className={classNames('ff-spreadsheet-header', {
134
134
  'ff-spreadsheet-header--selected': selected,
135
135
  })}
package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx CHANGED
@@ -24,7 +24,6 @@ const CornerIndicator: Types.CornerIndicatorComponent = ({
24
24
  >
25
25
  <Icon
26
26
  variant={selected ? 'dark' : 'light'}
27
- className="corner_indicator"
28
27
  name="excel_corner_menu"
29
28
  />
30
29
  </th>
package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss CHANGED
@@ -19,7 +19,7 @@
19
19
  --outline-color: var(--toggle-strip-active);
20
20
  --outline-background-color: var(--overlay-bg);
21
21
  --border-color: var(--excel-sheet-border);
22
- --header-background-color: var(--pop-up-background-blur);
22
+ --header-background-color: var(--excel-header-bg);
23
23
  --elevation: var(--brand-color);
24
24
 
25
25
  position: relative;
@@ -46,6 +46,9 @@
46
46
 
47
47
  .ff-spreadsheet-table {
48
48
  overflow: scroll;
49
+ top: 0;
50
+ left: 0;
51
+ position: relative;
49
52
  &::-webkit-scrollbar {
50
53
  height: 0px;
51
54
  }
@@ -97,13 +100,10 @@
97
100
  }
98
101
 
99
102
  .ff-spreadsheet-corner-header{
103
+
100
104
  z-index: 1100;
101
105
  }
102
106
 
103
- .corner_indicator {
104
- padding-left: 20px;
105
- }
106
-
107
107
  .ff-spreadsheet-header--selected {
108
108
  background: var(--brand-color);
109
109
  color: var(--tooltip-text-color);