@coveord/plasma-mantine 48.9.3 → 48.10.1

package/src/theme/PlasmaColors.ts

@@ -4,6 +4,23 @@ import {Tuple} from '@mantine/core';
 const toMantineColor = (plasmaColor: Record<string, string>): Tuple<string, 10> =>
     Object.values(plasmaColor) as Tuple<string, 10>;
 
+const navy = toMantineColor(color.primary.navy);
+const red = toMantineColor(color.accent.red);
+const yellow = toMantineColor(color.accent.yellow);
+const teal = toMantineColor(color.accent.teal);
+const lime = [
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[0],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[6],
+    color.secondary.lime[9],
+    color.secondary.lime[9],
+    color.secondary.lime[9],
+] as Tuple<string, 10>;
+
 export const PlasmaColors = {
     // Primary
     gray: toMantineColor(color.primary.gray),
@@ -19,26 +36,20 @@ export const PlasmaColors = {
         color.primary.action[8],
         color.primary.action[9],
     ] as Tuple<string, 10>,
-    navy: toMantineColor(color.primary.navy),
+    navy,
+    info: navy,
     // Accent
     blue: toMantineColor(color.accent.blue),
-    red: toMantineColor(color.accent.red),
-    teal: toMantineColor(color.accent.teal),
-    yellow: toMantineColor(color.accent.yellow),
+    red,
+    critical: red,
+    teal,
+    new: teal,
+    yellow,
+    warning: yellow,
     // Secondary
     green: toMantineColor(color.secondary.green),
     indigo: toMantineColor(color.secondary.indigo),
-    lime: [
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[0],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[6],
-        color.secondary.lime[9],
-        color.secondary.lime[9],
-        color.secondary.lime[9],
-    ] as Tuple<string, 10>,
+    lime,
+    success: lime,
     purple: toMantineColor(color.secondary.purple),
 };

package/src/theme/Theme.tsx

@@ -151,5 +151,20 @@ export const plasmaTheme: MantineThemeOverride = {
                 },
             },
         },
+        Popover: {
+            defaultProps: {
+                shadow: 'md',
+                withArrow: true,
+            },
+        },
+        Badge: {
+            styles: {
+                root: {
+                    textTransform: 'none',
+                    padding: '4px 8px',
+                    fontWeight: 500,
+                },
+            },
+        },
     },
 };