fix(tabs): fixed the typo in css variable (#3643)

coveo · Mar 18, 2024 · 4fb106a · 4fb106a
1 parent 9ddd101
commit 4fb106a
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 26 deletions.
diff --git a/packages/mantine/src/components/table/layouts/row-layout/RowLayout.module.css b/packages/mantine/src/components/table/layouts/row-layout/RowLayout.module.css
@@ -26,7 +26,7 @@
             background-color: var(--mantine-color-gray-1);
         }
         @mixin dark {
-            background-color: rgba(var(--mantine-color-primary-7), 0.2);
+            background-color: rgba(var(--mantine-primary-color-7), 0.2);
         }
     }
 
@@ -45,7 +45,7 @@
                 background-color: var(--mantine-color-gray-1);
             }
             @mixin dark {
-                background-color: rgba(var(--mantine-color-primary-7), 0.2);
+                background-color: rgba(var(--mantine-primary-color-7), 0.2);
             }
         }
         &[data-multi-selection='true'] {
@@ -74,6 +74,6 @@
     }
     @mixin dark {
         border-bottom: rem(1) solid var(--mantine-color-dark-4);
-        background-color: rgba(var(--mantine-color-primary-7), 0.2);
+        background-color: rgba(var(--mantine-primary-color-7), 0.2);
     }
 }
diff --git a/packages/mantine/src/styles/Tabs.module.css b/packages/mantine/src/styles/Tabs.module.css
@@ -18,14 +18,14 @@
         border-bottom: rem(1) solid transparent;
         margin-bottom: rem(-1);
         &[data-active] {
-            border-bottom: rem(1) solid var(--mantine-color-primary-6);
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
         }
     }
     &[data-orientation='vertical'] {
         border-right: rem(1) solid transparent;
         margin-right: rem(-1);
         &[data-active] {
-            border-bottom: rem(1) solid var(--mantine-color-primary-6);
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
         }
     }
     & :hover {

diff --git a/packages/website/src/App.tsx b/packages/website/src/App.tsx
@@ -1,10 +1,9 @@
+import {AppShell, Notifications, Plasmantine} from '@coveord/plasma-mantine';
 import '@mantine/core/styles.css';
 import '@mantine/dates/styles.css';
 import '@mantine/notifications/styles.css';
-import {AppShell, Notifications, Plasmantine} from '@coveord/plasma-mantine';
 import {Provider} from 'react-redux';
 import {Outlet} from 'react-router-dom';
-import {resolver} from './CSSVariableResolver';
 import {Navigation} from './Navigation';
 import {Store} from './Store';
 import TopBar from './TopBar';
@@ -23,7 +22,7 @@ import './styles/tile.css';
 const App = () => (
     <EngineProvider>
         <Provider store={Store}>
-            <Plasmantine resolver={resolver}>
+            <Plasmantine>
                 <Notifications position="top-center" />
                 <AppShell navbar={{width: 245, breakpoint: undefined}} header={{height: 100}}>
                     <AppShell.Header>

diff --git a/packages/website/src/CSSVariableResolver.ts b/packages/website/src/CSSVariableResolver.ts