pixel-react-excel-sheet 1.0.17 → 1.0.18

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/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.18",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
@@ -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,
@@ -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
  })}
@@ -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>
@@ -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;
@@ -97,13 +97,10 @@
97
97
  }
98
98
 
99
99
  .ff-spreadsheet-corner-header{
100
+
100
101
  z-index: 1100;
101
102
  }
102
103
 
103
- .corner_indicator {
104
- padding-left: 20px;
105
- }
106
-
107
104
  .ff-spreadsheet-header--selected {
108
105
  background: var(--brand-color);
109
106
  color: var(--tooltip-text-color);