flipper-ui 0.42.0 → 0.42.1

package/core/data-display/table/styles.d.ts

@@ -25,6 +25,7 @@ export declare const STICKY_FOOTER: {
         readonly zIndex: 2;
         readonly bottom: 0;
         readonly position: "sticky";
+        readonly borderBottom: "none";
         readonly backgroundColor: string;
         readonly boxShadow: `0 -1px 0 ${string}, 0 -4px 12px ${string}`;
     };

package/core/data-display/table/styles.js

@@ -43,6 +43,7 @@ var STICKY_FOOTER = exports.STICKY_FOOTER = {
     zIndex: 2,
     bottom: 0,
     position: 'sticky',
+    borderBottom: 'none',
     backgroundColor: neutral[50],
     boxShadow: "0 -1px 0 ".concat(gray[200], ", 0 -4px 12px ").concat((0, _styles.alpha)(gray[800], 0.04))
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.42.0",
+    "version": "0.42.1",
     "author": "NG",
     "license": "MIT",
     "main": "dist/index.js",

package/theme/theme.d.ts

@@ -124,5 +124,12 @@ export declare const muiThemeOptions: {
                 };
             };
         };
+        MuiTableCell: {
+            styleOverrides: {
+                stickyHeader: {
+                    backgroundColor: string;
+                };
+            };
+        };
     };
 };

package/theme/theme.js

@@ -35,6 +35,16 @@ var muiThemeOptions = exports.muiThemeOptions = {
       defaultProps: {
         variantMapping: _typography.variantMapping
       }
+    },
+    // a sticky head cell needs an opaque background or the rows scroll
+    // through it, and MUI paints it with background.default — the page
+    // colour set above, not the surface the table sits on
+    MuiTableCell: {
+      styleOverrides: {
+        stickyHeader: {
+          backgroundColor: _colors["default"].neutral[50]
+        }
+      }
     }
   }
 };

package/theme/theme.spec.d.ts

@@ -0,0 +1 @@
+export {};