From 72b060890e9729e0b2cac98667fcfc38495ef614 Mon Sep 17 00:00:00 2001
From: Kyle Durand <kyle.durand@shopify.com>
Date: Tue, 30 Nov 2021 15:15:02 -0500
Subject: [PATCH] Fix z-index typo on index table

---
 src/components/IndexTable/IndexTable.scss | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/IndexTable/IndexTable.scss b/src/components/IndexTable/IndexTable.scss
index 0c942e2ce32..d3720c80478 100644
--- a/src/components/IndexTable/IndexTable.scss
+++ b/src/components/IndexTable/IndexTable.scss
@@ -46,7 +46,7 @@ $loading-panel-height: rem(53px);
 
 .LoadingPanel {
   position: absolute;
-  z-index: var(-pc-loading-panel);
+  z-index: var(--pc-loading-panel);
   top: 0;
   left: 0;
   display: flex;
@@ -217,7 +217,7 @@ $loading-panel-height: rem(53px);
 }
 
 .TableCell {
-  z-index: var(-pc-cell);
+  z-index: var(--pc-cell);
   text-align: left;
   padding: var(--p-space-2) var(--p-space-4);
   white-space: nowrap;
@@ -230,7 +230,7 @@ $loading-panel-height: rem(53px);
 .TableCell-first {
   position: sticky;
   left: 0;
-  z-index: var(-pc-sticky-cell);
+  z-index: var(--pc-sticky-cell);
   padding: 0;
 }
 
@@ -240,7 +240,7 @@ $loading-panel-height: rem(53px);
 
   @include breakpoint-after($breakpoint-small) {
     position: sticky;
-    z-index: var(-pc-sticky-cell);
+    z-index: var(--pc-sticky-cell);
     padding: 0;
   }
 }
@@ -250,7 +250,7 @@ $loading-panel-height: rem(53px);
     left: 0;
     background-color: var(--p-surface);
     position: sticky;
-    z-index: var(-pc-sticky-cell);
+    z-index: var(--pc-sticky-cell);
   }
 
   .statusSuccess {
@@ -290,7 +290,7 @@ $loading-panel-height: rem(53px);
       position: sticky;
       right: 0;
       background-color: var(--p-surface);
-      z-index: var(-pc-sticky-cell);
+      z-index: var(--pc-sticky-cell);
     }
   }
 
@@ -335,7 +335,7 @@ $loading-panel-height: rem(53px);
   left: 0;
   right: 0;
   visibility: hidden;
-  z-index: var(-pc-loading-panel);
+  z-index: var(--pc-loading-panel);
 }
 
 .StickyTableHeader {
@@ -408,7 +408,7 @@ $loading-panel-height: rem(53px);
 .BulkActionsWrapper {
   visibility: visible;
   position: relative;
-  z-index: var(-pc-bulk-actions);
+  z-index: var(--pc-bulk-actions);
   top: 0;
   left: 0;
   right: 0;
@@ -421,7 +421,7 @@ $scroll-bar-border-radius: rem(4px);
 
 .ScrollBarContainer {
   position: sticky;
-  z-index: var(-pc-scroll-bar);
+  z-index: var(--pc-scroll-bar);
   bottom: 0;
   padding: rem(2px);
   border-top: border('divider');