Project Init

libs/shared/project.json

@@ -0,0 +1,7 @@
+{
+  "name": "@ema-platform/shared",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/shared/src",
+  "projectType": "library",
+  "tags": []
+}

libs/shared/src/index.ts

@@ -0,0 +1 @@
+export * from './lib/theme/ema-theme';

libs/shared/src/lib/theme/ema-theme.ts

@@ -0,0 +1,34 @@
+import { createTheme, type MantineColorsTuple } from '@mantine/core';
+
+const emaPrimary: MantineColorsTuple = [
+  '#eff6ff', '#dbeafe', '#bfdbfe', '#93c5fd', '#60a5fa',
+  '#3b82f6', '#2563eb', '#1d4ed8', '#1e40af', '#1e3a8a',
+];
+
+const emaSecondary: MantineColorsTuple = [
+  '#fdf8f6', '#f2e8e5', '#eaddd7', '#e0cec7', '#d2bab0',
+  '#bfa094', '#a18072', '#977669', '#65524d', '#2c1f1a',
+];
+
+export const emaTheme = createTheme({
+  primaryColor: 'emaPrimary',
+  colors: {
+    emaPrimary,
+    emaSecondary,
+  },
+  fontFamily: 'Inter, sans-serif',
+  defaultRadius: 'md',
+  breakpoints: {
+    xs: '36em',
+    sm: '48em',
+    md: '62em',
+    lg: '75em',
+    xl: '88em',
+  },
+  shadows: {
+    xs: '0 1px 3px rgba(0,0,0,0.05)',
+    sm: '0 1px 5px rgba(0,0,0,0.07)',
+    md: '0 4px 20px rgba(15,23,42,0.08)',
+    lg: '0 8px 30px rgba(15,23,42,0.12)',
+  },
+});

libs/shared/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": { "outDir": "../../dist/out-tsc" },
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}